From eecee7f9173dad45073b4c9cf2306e54e815f794 Mon Sep 17 00:00:00 2001 From: Steev Date: Tue, 15 Mar 2022 13:23:56 +0100 Subject: [PATCH] Updated Navbar option fixed position Navbar position will now be fixed by class and wont be forced on top --- .vscode/settings.json | 3 + dist/33f23c9be750d12cdb4f825c7658d390.js | 147 +------------------- dist/5ffe5b63075346d77633136e983e606d.css | 112 +--------------- dist/66d76bdda36bae1526edd730130bed9d.css | 98 +------------- dist/b8b1bea874564009706fb4e931edb7df.css | 122 +---------------- dist/ef19487056b129c8f3eda17f9543ab70.css | 155 +--------------------- dist/ef19487056b129c8f3eda17f9543ab70.js | 8 +- dist/index.html | 150 ++++----------------- src/index.html | 47 ++++++- src/scss/main.sass | 10 +- src/scss/navbar.sass | 37 +++++- 11 files changed, 116 insertions(+), 773 deletions(-) create mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/dist/33f23c9be750d12cdb4f825c7658d390.js b/dist/33f23c9be750d12cdb4f825c7658d390.js index 309fedb..7b79ec0 100644 --- a/dist/33f23c9be750d12cdb4f825c7658d390.js +++ b/dist/33f23c9be750d12cdb4f825c7658d390.js @@ -69,148 +69,5 @@ require = (function (modules, cache, entry) { // Override the current require with this new one return newRequire; })({10:[function(require,module,exports) { -var code = document.querySelectorAll("code"); - -// code embed -code.forEach(c => { - let code = c.innerHTML.toString(); - var output = ""; - for(let i = 0; i < code.length; i++){ - switch(code.charAt(i)){ - default: output += code.charAt(i); break; - case ">": output += ">"; break; - case "<": output += "<"; break; - case "&": output += "&"; break; - case "\"": output += """; break; - } - } - c.innerHTML = output; -}); - -// TODO JavaScript Input value return -// Current way.. -// ------------------------------------- -// get input by getting the input object -// catch oninput event inside a function -// Handle it inside the function -// ------------------------------------- -},{}],0:[function(require,module,exports) { -var global = (1, eval)('this'); -var OldModule = module.bundle.Module; -function Module() { - OldModule.call(this); - this.hot = { - accept: function (fn) { - this._acceptCallback = fn || function () {}; - }, - dispose: function (fn) { - this._disposeCallback = fn; - } - }; -} - -module.bundle.Module = Module; - -if (!module.bundle.parent && typeof WebSocket !== 'undefined') { - var ws = new WebSocket('ws://localhost:54725/'); - ws.onmessage = function(event) { - var data = JSON.parse(event.data); - - if (data.type === 'update') { - data.assets.forEach(function (asset) { - hmrApply(global.require, asset); - }); - - data.assets.forEach(function (asset) { - if (!asset.isNew) { - hmrAccept(global.require, asset.id); - } - }); - } - - if (data.type === 'reload') { - ws.close(); - ws.onclose = function () { - window.location.reload(); - } - } - - if (data.type === 'error-resolved') { - console.log('[parcel] ✨ Error resolved'); - } - - if (data.type === 'error') { - console.error('[parcel] 🚨 ' + data.error.message + '\n' + 'data.error.stack'); - } - }; -} - -function getParents(bundle, id) { - var modules = bundle.modules; - if (!modules) { - return []; - } - - var parents = []; - var k, d, dep; - - for (k in modules) { - for (d in modules[k][1]) { - dep = modules[k][1][d]; - if (dep === id || (Array.isArray(dep) && dep[dep.length - 1] === id)) { - parents.push(+k); - } - } - } - - if (bundle.parent) { - parents = parents.concat(getParents(bundle.parent, id)); - } - - return parents; -} - -function hmrApply(bundle, asset) { - var modules = bundle.modules; - if (!modules) { - return; - } - - if (modules[asset.id] || !bundle.parent) { - var fn = new Function('require', 'module', 'exports', asset.generated.js); - asset.isNew = !modules[asset.id]; - modules[asset.id] = [fn, asset.deps]; - } else if (bundle.parent) { - hmrApply(bundle.parent, asset); - } -} - -function hmrAccept(bundle, id) { - var modules = bundle.modules; - if (!modules) { - return; - } - - if (!modules[id] && bundle.parent) { - return hmrAccept(bundle.parent, id); - } - - var cached = bundle.cache[id]; - if (cached && cached.hot._disposeCallback) { - cached.hot._disposeCallback(); - } - - delete bundle.cache[id]; - bundle(id); - - cached = bundle.cache[id]; - if (cached && cached.hot && cached.hot._acceptCallback) { - cached.hot._acceptCallback(); - return true; - } - - return getParents(global.require, id).some(function (id) { - return hmrAccept(global.require, id) - }); -} -},{}]},{},[0,10]) \ No newline at end of file +var e=document.querySelectorAll("code");e.forEach(e=>{let a=e.innerHTML.toString();var r="";for(let e=0;e":r+=">";break;case"<":r+="<";break;case"&":r+="&";break;case'"':r+="""}e.innerHTML=r}); +},{}]},{},[10]) \ No newline at end of file diff --git a/dist/5ffe5b63075346d77633136e983e606d.css b/dist/5ffe5b63075346d77633136e983e606d.css index 60f1a54..302dde2 100644 --- a/dist/5ffe5b63075346d77633136e983e606d.css +++ b/dist/5ffe5b63075346d77633136e983e606d.css @@ -1,111 +1 @@ -/* The switch - the box around the slider */ -.switch { - position: relative; - display: inline-block; - width: 60px; - height: 34px; } - -/* Hide default HTML checkbox */ -.switch input { - opacity: 0; - width: 0; - height: 0; } - -/* The slider */ -.slider { - position: absolute; - cursor: pointer; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: #ccc; - -webkit-transition: .4s; - transition: .4s; } - -.slider:before { - position: absolute; - content: ""; - height: 26px; - width: 26px; - left: 4px; - bottom: 4px; - background-color: white; - -webkit-transition: .4s; - transition: .4s; } - -input:checked + .slider { - background-color: #3498db; } - -input:focus + .slider { - box-shadow: 0 0 1px #3498db; } - -input:checked + .slider:before { - -webkit-transform: translateX(26px); - -ms-transform: translateX(26px); - transform: translateX(26px); } - -/* Rounded sliders */ -.slider.round { - border-radius: 34px; } - -.slider.round:before { - border-radius: 50%; } - -/* Range slider */ -.range-slider { - -webkit-appearance: none; - border-radius: 5px; - width: 100%; - height: 25px; - background: #d8d8d8; - outline: none; - opacity: 0.7; - -webkit-transition: .2s; - transition: opacity .2s; } - -.range-slider:hover { - opacity: 1; } - -.range-slider::-webkit-slider-thumb { - -webkit-appearance: none; - appearance: none; - width: 25px; - height: 25px; - background: #5b6568; - cursor: pointer; } - -.range-slider::-moz-range-thumb { - width: 25px; - height: 25px; - background: #5b6568; - cursor: pointer; } - -.range-slider-rounded { - -webkit-appearance: none; - border-radius: 5px; - width: 100%; - height: 15px; - background: #d8d8d8; - outline: none; - opacity: 0.7; - -webkit-transition: .2s; - transition: opacity .2s; } - -.range-slider-rounded:hover { - opacity: 1; } - -.range-slider-rounded::-webkit-slider-thumb { - -webkit-appearance: none; - appearance: none; - border-radius: 50%; - width: 25px; - height: 25px; - background: #5b6568; - cursor: pointer; } - -.range-slider-rounded::-moz-range-thumb { - width: 25px; - height: 25px; - background: #ecf0f1; - cursor: pointer; } +.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#3498db}input:focus+.slider{box-shadow:0 0 1px #3498db}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.range-slider{-webkit-appearance:none;border-radius:5px;width:100%;height:25px;background:#d8d8d8;outline:none;opacity:.7;transition:opacity .2s}.range-slider:hover{opacity:1}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;background:#5b6568;cursor:pointer}.range-slider::-moz-range-thumb{width:25px;height:25px;background:#5b6568;cursor:pointer}.range-slider-rounded{-webkit-appearance:none;border-radius:5px;width:100%;height:15px;background:#d8d8d8;outline:none;opacity:.7;transition:opacity .2s}.range-slider-rounded:hover{opacity:1}.range-slider-rounded::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:50%;width:25px;height:25px;background:#5b6568;cursor:pointer}.range-slider-rounded::-moz-range-thumb{width:25px;height:25px;background:#ecf0f1;cursor:pointer} \ No newline at end of file diff --git a/dist/66d76bdda36bae1526edd730130bed9d.css b/dist/66d76bdda36bae1526edd730130bed9d.css index 66b140c..f9a39e2 100644 --- a/dist/66d76bdda36bae1526edd730130bed9d.css +++ b/dist/66d76bdda36bae1526edd730130bed9d.css @@ -1,97 +1 @@ -.embed { - background-color: #d8d8d8; - border-radius: 5px; - padding: 5px; } - -.alert-primary { - border-radius: 2px; - background-color: #3498db; - border: 1px solid #2980b9; - padding: 1rem; - color: white; } - -.alert-danger { - border-radius: 2px; - background-color: #e74c3c; - border: 1px solid #c0392b; - padding: 1rem; - color: white; } - -.alert-warning { - border-radius: 2px; - background-color: #f1c40f; - border: 1px solid #f39c12; - padding: 1rem; - color: white; } - -.alert-success { - border-radius: 2px; - background-color: #2ecc71; - border: 1px solid #27ae60; - padding: 1rem; - color: white; } - -.notification-primary { - width: 100%; - display: flex; - padding: 5px; - border: 2px solid #3498db; - border-radius: 2px; } - -.notification-primary h2 { - border-right: 0.3rem solid #3498db; - padding: 5px; - margin-right: 5px; - min-width: 70px; - height: auto; - display: flex; } - -.notification-danger { - width: 100%; - display: flex; - padding: 5px; - border: 2px solid #e74c3c; - border-radius: 2px; } - -.notification-danger h2 { - border-right: 0.3rem solid #e74c3c; - padding: 5px; - margin-right: 5px; - min-width: 70px; - height: auto; - display: flex; } - -.notification-warning { - width: 100%; - display: flex; - padding: 5px; - border: 2px solid #f1c40f; - border-radius: 2px; } - -.notification-warning h2 { - border-right: 0.3rem solid #f1c40f; - padding: 5px; - margin-right: 5px; - min-width: 70px; - height: auto; - display: flex; } - -.notification-success { - width: 100%; - display: flex; - padding: 5px; - border: 2px solid #2ecc71; - border-radius: 2px; } - -.notification-success h2 { - border-right: 0.3rem solid #2ecc71; - padding: 5px; - margin-right: 5px; - min-width: 70px; - height: auto; - display: flex; } - -.notification-body { - line-height: 30pt; - font-size: 15pt; - word-wrap: break-word; } +.embed{background-color:#d8d8d8;border-radius:5px;padding:5px}.alert-primary{border-radius:2px;background-color:#3498db;border:1px solid #2980b9;padding:1rem;color:#fff}.alert-danger{border-radius:2px;background-color:#e74c3c;border:1px solid #c0392b;padding:1rem;color:#fff}.alert-warning{border-radius:2px;background-color:#f1c40f;border:1px solid #f39c12;padding:1rem;color:#fff}.alert-success{border-radius:2px;background-color:#2ecc71;border:1px solid #27ae60;padding:1rem;color:#fff}.notification-primary{width:100%;display:flex;padding:5px;border:2px solid #3498db;border-radius:2px}.notification-primary h2{border-right:.3rem solid #3498db;padding:5px;margin-right:5px;min-width:70px;height:auto;display:flex}.notification-danger{width:100%;display:flex;padding:5px;border:2px solid #e74c3c;border-radius:2px}.notification-danger h2{border-right:.3rem solid #e74c3c;padding:5px;margin-right:5px;min-width:70px;height:auto;display:flex}.notification-warning{width:100%;display:flex;padding:5px;border:2px solid #f1c40f;border-radius:2px}.notification-warning h2{border-right:.3rem solid #f1c40f;padding:5px;margin-right:5px;min-width:70px;height:auto;display:flex}.notification-success{width:100%;display:flex;padding:5px;border:2px solid #2ecc71;border-radius:2px}.notification-success h2{border-right:.3rem solid #2ecc71;padding:5px;margin-right:5px;min-width:70px;height:auto;display:flex}.notification-body{line-height:30pt;font-size:15pt;word-wrap:break-word} \ No newline at end of file diff --git a/dist/b8b1bea874564009706fb4e931edb7df.css b/dist/b8b1bea874564009706fb4e931edb7df.css index 4838b36..5df6cb7 100644 --- a/dist/b8b1bea874564009706fb4e931edb7df.css +++ b/dist/b8b1bea874564009706fb4e931edb7df.css @@ -1,121 +1 @@ -header { - background: #f1f1f1; - text-align: center; - position: fixed; - height: 30px; - z-index: 999; - width: 100%; - height: auto; - top: 0; - padding: 10px; } - -.nav-toggle { - display: none; } - -.nav-toggle-label { - position: absolute; - top: 0; - left: 0; - margin-left: 1em; - height: 100%; - display: flex; - align-items: center; } - -.nav-toggle-label span, -.nav-toggle-label span::before, -.nav-toggle-label span::after { - display: block; - background: white; - height: 2px; - width: 2em; - border-radius: 2px; } - -.nav-toggle-label span::before, -.nav-toggle-label span::after { - content: ''; - position: absolute; } - -.nav-toggle-label span::before { - bottom: 30px; } - -.nav-toggle-label span::after { - top: 30px; } - -nav { - position: absolute; - text-align: left; - top: 100%; - width: 100%; - left: 0; - background: #f1f1f1; - display: none; - transform: scale(1, 0); - transform-origin: top; - transition: 400ms; - transition: transform 400ms ease-in-out; } - -nav ul { - margin: 0; - padding: 0; - list-style-type: none; } - -nav li { - margin-bottom: 1em; - margin-left: 1em; } - -nav a { - text-decoration: none; - font-size: 1.2rem; - text-transform: uppercase; - color: #2e2e2e; - opacity: 0; } - -nav a:hover { - color: #a5a5a5; } - -.nav-toggle:checked ~ nav { - display: block; - transform: scale(1, 1); - transition: 400ms; } - -.nav-toggle:checked ~ nav a { - opacity: 1; - transition: opacity 150ms ease-in-out; } - -@media screen and (min-width: 800px) { - .nav-toggle-label { - display: none; } } - -header { - display: grid; - grid-template-columns: 1fr auto minmax(600px, 1fr) 1fr; } - -nav { - all: unset; - display: flex; - align-items: center; } - -nav a { - opacity: 1; } - -nav ul { - display: flex; } - -nav li { - margin-left: 1em; - margin-bottom: 0; - list-style: none; } - -.nav-logo-left { - grid-column: 2 / span 1; } - -.nav-left { - all: unset; - grid-column: 3 / 4; - display: flex; - justify-content: flex-end; - align-items: center; } - -.nav-left ul { - display: flex; - justify-content: flex-end; } +header{background:#f1f1f1;text-align:center;height:30px;z-index:1;width:100%;height:auto;padding:10px}.locked-top{top:0;position:fixed}.nav-toggle{display:none}.nav-toggle-label{position:absolute;top:0;left:0;margin-left:1em;height:100%;display:flex;align-items:center}.nav-toggle-label span,.nav-toggle-label span:after,.nav-toggle-label span:before{display:block;background:#fff;height:2px;width:2em;border-radius:2px}.nav-toggle-label span:after,.nav-toggle-label span:before{content:"";position:absolute}.nav-toggle-label span:before{bottom:30px}.nav-toggle-label span:after{top:30px}.nav-locked{top:100%;left:0;position:absolute}nav{text-align:left;width:100%;background:#f1f1f1;display:none;transform:scaleY(0);transform-origin:top;transition:.4s;transition:transform .4s ease-in-out}nav ul{margin:0;padding:0;list-style-type:none}nav li{margin-bottom:1em}nav a{text-decoration:none;font-size:1.2rem;text-transform:uppercase;color:#2e2e2e;opacity:0}nav a:hover{color:#a5a5a5}.nav-toggle:checked~nav{display:block;transform:scale(1);transition:.4s}.nav-toggle:checked~nav a{opacity:1;transition:opacity .15s ease-in-out}@media screen and (min-width:800px){.nav-toggle-label{display:none}}header{display:grid;grid-template-columns:1fr auto minmax(600px,1fr) 1fr}nav{all:unset;display:flex;align-items:center}nav a{opacity:1}nav ul{display:flex}nav li{margin-left:1em;margin-bottom:0;list-style:none}.nav-logo-left{grid-column:2/span 1}.nav-left{all:unset;grid-column:3/4;align-items:center}.nav-left,.nav-left ul{display:flex;justify-content:flex-end}.sidebar-wrapper{display:flex}.sidebar-wrapper .sidebar-content{width:100%}.sidebar-wrapper .sidebar-left{padding:0;margin:0;margin-left:0;padding-right:5px;height:100%}.sidebar-wrapper .sidebar-left .sidebar-menu ul{width:fit-content}.sidebar-wrapper .sidebar-left .sidebar-menu .sidebar-title{width:max-content;font-size:20pt;padding-right:5px}.sidebar-wrapper .sidebar-left .sidebar-menu .sidebar-item li{width:fit-content;color:#2980b9;text-decoration:none;font-size:12pt} \ No newline at end of file diff --git a/dist/ef19487056b129c8f3eda17f9543ab70.css b/dist/ef19487056b129c8f3eda17f9543ab70.css index 57b3a97..a5197f8 100644 --- a/dist/ef19487056b129c8f3eda17f9543ab70.css +++ b/dist/ef19487056b129c8f3eda17f9543ab70.css @@ -1,154 +1 @@ -* { - box-sizing: border-box; - font-family: Verdana, Geneva, Tahoma, sans-serif; } - -hr { - background-color: #c0c0c0; - border: 2px solid #c0c0c0; - border-radius: 5px; } - -body { - margin: 0; - padding: 0; - background: #f8f8f8; } - -main { - z-index: 980; - position: relative; - top: 5.5em; - width: 100%; - word-break: break-word; } - -pre { - /*background-color: #d8d8d8*/ - border: 1px solid #d8d8d8; - border-radius: 5px; } - -h1 { - margin: 0; } - -h2 { - margin: 0; } - -h3 { - margin: 0; } - -h4 { - margin: 0; } - -h5 { - margin: 0; } - -h6 { - margin: 0; } - -h7 { - margin: 0; } - -h8 { - margin: 0; } - -h9 { - margin: 0; } - -h10 { - margin: 0; } - -h11 { - margin: 0; } - -h12 { - margin: 0; } - -.dev { - border: 1px solid black; } - -.display { - background-color: lightcoral; - border: 1px solid red; - text-align: center; } - -.container { - width: calc( 100% - 10em); - max-width: 90em; - margin: 0 auto; - /* Alert Embeds */ } - -div[class^="col-"] { - padding: 1rem 0; } - -.row { - display: flex; - flex-wrap: wrap; } - -.col-1 { - flex: 0 0 8.33333%; } - -.col-offset-1 { - margin-left: 8.33333%; } - -.col-2 { - flex: 0 0 16.66667%; } - -.col-offset-2 { - margin-left: 16.66667%; } - -.col-3 { - flex: 0 0 25%; } - -.col-offset-3 { - margin-left: 25%; } - -.col-4 { - flex: 0 0 33.33333%; } - -.col-offset-4 { - margin-left: 33.33333%; } - -.col-5 { - flex: 0 0 41.66667%; } - -.col-offset-5 { - margin-left: 41.66667%; } - -.col-6 { - flex: 0 0 50%; } - -.col-offset-6 { - margin-left: 50%; } - -.col-7 { - flex: 0 0 58.33333%; } - -.col-offset-7 { - margin-left: 58.33333%; } - -.col-8 { - flex: 0 0 66.66667%; } - -.col-offset-8 { - margin-left: 66.66667%; } - -.col-9 { - flex: 0 0 75%; } - -.col-offset-9 { - margin-left: 75%; } - -.col-10 { - flex: 0 0 83.33333%; } - -.col-offset-10 { - margin-left: 83.33333%; } - -.col-11 { - flex: 0 0 91.66667%; } - -.col-offset-11 { - margin-left: 91.66667%; } - -.col-12 { - flex: 0 0 100%; } - -.col-offset-12 { - margin-left: 100%; } +*{box-sizing:border-box;font-family:Verdana,Geneva,Tahoma,sans-serif}hr{background-color:silver;border:2px solid silver;border-radius:5px}body{margin:0;padding:0;background:#f8f8f8}main{z-index:1;position:relative;top:5.5em;width:100%;word-break:break-word}pre{border-radius:5px}h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,h11,h12{margin:0}.dev{border:1px solid #000}.display{background-color:#f08080;border:1px solid red;text-align:center}.container{width:calc(100% - 10em);max-width:90em;margin:0 auto}.link{color:#2980b9;text-decoration:none;font-size:12pt}div[class^=col-]{padding:1rem 0}.row{display:flex;flex-wrap:wrap}.col-1{flex:0 0 8.33333%}.col-offset-1{margin-left:8.33333%}.col-2{flex:0 0 16.66667%}.col-offset-2{margin-left:16.66667%}.col-3{flex:0 0 25%}.col-offset-3{margin-left:25%}.col-4{flex:0 0 33.33333%}.col-offset-4{margin-left:33.33333%}.col-5{flex:0 0 41.66667%}.col-offset-5{margin-left:41.66667%}.col-6{flex:0 0 50%}.col-offset-6{margin-left:50%}.col-7{flex:0 0 58.33333%}.col-offset-7{margin-left:58.33333%}.col-8{flex:0 0 66.66667%}.col-offset-8{margin-left:66.66667%}.col-9{flex:0 0 75%}.col-offset-9{margin-left:75%}.col-10{flex:0 0 83.33333%}.col-offset-10{margin-left:83.33333%}.col-11{flex:0 0 91.66667%}.col-offset-11{margin-left:91.66667%}.col-12{flex:0 0 100%}.col-offset-12{margin-left:100%} \ No newline at end of file diff --git a/dist/ef19487056b129c8f3eda17f9543ab70.js b/dist/ef19487056b129c8f3eda17f9543ab70.js index 38a3054..ca88717 100644 --- a/dist/ef19487056b129c8f3eda17f9543ab70.js +++ b/dist/ef19487056b129c8f3eda17f9543ab70.js @@ -68,7 +68,7 @@ require = (function (modules, cache, entry) { // Override the current require with this new one return newRequire; -})({12:[function(require,module,exports) { +})({14:[function(require,module,exports) { var bundleURL = null; function getBundleURLCached() { if (!bundleURL) { @@ -99,7 +99,7 @@ function getBaseURL(url) { exports.getBundleURL = getBundleURLCached; exports.getBaseURL = getBaseURL; -},{}],11:[function(require,module,exports) { +},{}],13:[function(require,module,exports) { var bundle = require('./bundle-url'); function updateLink(link) { @@ -131,7 +131,7 @@ function reloadCSS() { module.exports = reloadCSS; -},{"./bundle-url":12}],0:[function(require,module,exports) { +},{"./bundle-url":14}],0:[function(require,module,exports) { var global = (1, eval)('this'); var OldModule = module.bundle.Module; function Module() { @@ -149,7 +149,7 @@ function Module() { module.bundle.Module = Module; if (!module.bundle.parent && typeof WebSocket !== 'undefined') { - var ws = new WebSocket('ws://localhost:54725/'); + var ws = new WebSocket('ws://localhost:61816/'); ws.onmessage = function(event) { var data = JSON.parse(event.data); diff --git a/dist/index.html b/dist/index.html index d58cf8b..c990c08 100644 --- a/dist/index.html +++ b/dist/index.html @@ -1,126 +1,28 @@ - - - - - - Sass test - - - - - - - -
-

Logo

- - - -
-
-
-

Toggle Slide

-
- - - - -

-

Slider

-
- - Span Value: 0 - -

-
-

Embed

-
-

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer

-
-
-

Code Embed

- 
+    Sass test        
 
Logo
    
 
 
 
Toggle Slide
 
     

 
Slider
 
  Span Value: 0  

 
 
Embed
 
 
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer
 
 
 
Code Embed
 
                     
-    
test

-    code here, escape it yourself.
-    
test

-    
+
test

+code here, escape it yourself.
+
test

+
+
                     
-                

-                
Alert Elements

-                
 test 


-                
 test 


-                
 test 


-                
 test 

-                

-                
Notification Elements

-                
 
-                    
ein kleiner test satz

-                    Funktion test des objektes
-                

-                

-                
 
-                    
ein kleiner test satz

-                    Funktion test des objektes
-                

-                

-                
 
-                    
ein kleiner test satz

-                    Funktion test des objektes
-                

-                

-                
 
-                    
ein kleiner test satz

-                    Funktion test des objektes
-                

-                

-                
CSS Grid

-                

-                    
12

-                    
11

-                    
1

-                    
10

-                    
2

-                    
9

-                    
3

-                    
8

-                    
4

-                    
7

-                    
5

-                    
6

-                    
6

-                

-            

-        

-        



-        



-        
-        
-        
-    
-
\ No newline at end of file
+

Logo

+                    
+

+    
Logo

+    
+    
+    
+

+                    
+

Alert Elements

test

test

test

test

Notification Elements

ein kleiner test satz

Funktion test des objektes

ein kleiner test satz

Funktion test des objektes

ein kleiner test satz

Funktion test des objektes

ein kleiner test satz

Funktion test des objektes

CSS Grid

12

11

1

10

2

9

3

8

4

7

5

6

6







\ No newline at end of file diff --git a/src/index.html b/src/index.html index 27e5408..66081cb 100644 --- a/src/index.html +++ b/src/index.html @@ -11,7 +11,7 @@ -
+

Logo