diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html index b26c43f..4188b64 100644 --- a/layouts/partials/menu.html +++ b/layouts/partials/menu.html @@ -1,5 +1,28 @@ - + + {{ if $.Site.Params.showMenuItems }} + {{ range first $.Site.Params.showMenuItems $.Site.Menus.main }} + {{ .Name }} + {{ end }} + + {{ if gt (len $.Site.Menus.main) $.Site.Params.showMenuItems }} + {{ $.Site.Params.MenuMore }} ▾ + + + {{ range last (sub (len $.Site.Menus.main) $.Site.Params.showMenuItems) $.Site.Menus.main }} + {{ .Name }} + {{ end }} + + {{ end }} + + {{ else }} + {{ range $.Site.Menus.main }} + {{ .Name }} + {{ end }} + {{ end }} + + + {{ range $.Site.Menus.main }} {{ .Name }} {{ end }} diff --git a/package.json b/package.json index 41dc75d..d805468 100644 --- a/package.json +++ b/package.json @@ -39,6 +39,7 @@ "postcss-color-mod-function": "^3.0.3", "postcss-import": "^11.1.0", "postcss-loader": "^2.0.5", + "postcss-mixins": "^6.2.1", "postcss-nested": "^3.0.0", "postcss-preset-env": "^5.2.2", "postcss-reporter": "^5.0.0", diff --git a/postcss.config.js b/postcss.config.js index 96c4b49..99f07ff 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -5,11 +5,13 @@ const postCSSPresetEnv = require("postcss-preset-env"); const browsers = require("browserslist"); const cssnano = require("cssnano"); const color = require("postcss-color-mod-function"); +const mixins = require("postcss-mixins"); module.exports = () => ({ plugins: [ url, imports, + mixins, nested, postCSSPresetEnv({ stage: 1, diff --git a/source/css/header.css b/source/css/header.css index 6775c2a..3b997a9 100644 --- a/source/css/header.css +++ b/source/css/header.css @@ -1,3 +1,15 @@ +@define-mixin menu { + position: absolute; + background: var(--background); + box-shadow: var(--shadow); + color: white; + border: 2px solid; + margin: 0; + padding: 10px; + list-style: none; + z-index: 99; +} + .header { display: flex; flex-direction: column; @@ -28,17 +40,14 @@ } .menu { + --shadow-color: color-mod(var(--background) a(80%)); + --shadow: 0 10px var(--shadow-color), -10px 10px var(--shadow-color), 10px 10px var(--shadow-color); margin: 20px 0; @media (--phone) { - position: absolute; - background: var(--background); - border: 2px solid; + @mixin menu; top: 50px; right: 0; - margin: 0; - padding: 10px; - z-index: 99; } &__inner { @@ -48,6 +57,20 @@ margin: 0; padding: 0; + &--desktop { + @media (--phone) { + display: none; + } + } + + &--mobile { + display: none; + + @media (--phone) { + display: block; + } + } + li { &:not(:last-of-type) { margin-right: 20px; @@ -68,6 +91,35 @@ } } + &__sub-inner { + position: relative; + list-style: none; + padding: 0; + margin: 0; + + &:not(:only-child) { + margin-left: 20px; + } + + &-more { + @mixin menu; + top: 35px; + left: 0; + + &-trigger { + color: var(--accent); + user-select: none; + cursor: pointer; + } + + li { + margin: 0; + padding: 5px; + white-space: nowrap; + } + } + } + &-trigger { color: var(--accent); border: 2px solid; diff --git a/source/js/menu.js b/source/js/menu.js index a33e66b..538f50f 100644 --- a/source/js/menu.js +++ b/source/js/menu.js @@ -1,16 +1,53 @@ -// Mobile menu - -const menuTrigger = document.querySelector(".menu-trigger"); +const container = document.querySelector(".container"); const menu = document.querySelector(".menu"); +const mobileMenuTrigger = document.querySelector(".menu-trigger"); +const desktopMenu = document.querySelector(".menu__inner--desktop"); +const desktopMenuTrigger = document.querySelector(".menu__sub-inner-more-trigger"); +const menuMore = document.querySelector(".menu__sub-inner-more"); const mobileQuery = getComputedStyle(document.body).getPropertyValue("--phoneWidth"); const isMobile = () => window.matchMedia(mobileQuery).matches; const isMobileMenu = () => { - menuTrigger && menuTrigger.classList.toggle("hidden", !isMobile()); + mobileMenuTrigger && mobileMenuTrigger.classList.toggle("hidden", !isMobile()); menu && menu.classList.toggle("hidden", isMobile()); + menuMore && menuMore.classList.toggle("hidden", !isMobile()); }; +// Common + +menu.addEventListener("click", e => e.stopPropagation()); +menuMore.addEventListener("click", e => e.stopPropagation()); + isMobileMenu(); -menuTrigger && menuTrigger.addEventListener("click", () => menu && menu.classList.toggle("hidden")); +document.body.addEventListener("click", () => { + if (!isMobile() && !menuMore.classList.contains("hidden")) { + console.log("desktop"); + menuMore.classList.add("hidden"); + } else if (isMobile() && !menu.classList.contains("hidden")) { + console.log("mobile"); + menu.classList.add("hidden"); + } +}); window.addEventListener("resize", isMobileMenu); + +// Mobile menu + +mobileMenuTrigger && + mobileMenuTrigger.addEventListener("click", e => { + e.stopPropagation(); + menu && menu.classList.toggle("hidden"); + }); + +// Desktop menu + +desktopMenuTrigger && + desktopMenuTrigger.addEventListener("click", e => { + e.stopPropagation(); + menuMore && menuMore.classList.toggle("hidden"); + + if (menuMore.getBoundingClientRect().right > container.getBoundingClientRect().right) { + menuMore.style.left = "auto"; + menuMore.style.right = 0; + } + }); diff --git a/static/assets/blue.css b/static/assets/blue.css index a31427b..6e3c117 100644 --- a/static/assets/blue.css +++ b/static/assets/blue.css @@ -1 +1 @@ -html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{-webkit-font-feature-settings:"liga","tnum","case","calt","zero","ss01","locl","calt";-webkit-font-smoothing:antialiased;-webkit-font-variant-ligatures:contextual;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;background-color:#1d212c;color:#fff;color:var(--color);font-family:Fira Code,Monaco,Consolas,Ubuntu Mono,monospace;font-feature-settings:"liga","tnum","case","calt","zero","ss01","locl","calt";font-size:1rem;font-variant-ligatures:contextual;line-height:1.54;margin:0;padding:0;text-rendering:optimizeLegibility}@media (max-width:683px){body{font-size:1rem}}h1,h2,h3,h4,h5,h6{align-items:center;display:flex;font-weight:700;line-height:1.3}h1,h2,h3{font-size:1.4rem}h4,h5,h6{font-size:1.2rem}a{color:inherit}img{display:block;max-width:100%}img.center,img.left{margin-right:auto}img.center,img.right{margin-left:auto}p{margin-bottom:20px}figure{display:table;margin:25px 0;max-width:100%}figure.center,figure.left{margin-right:auto}figure.center,figure.right{margin-left:auto}figure figcaption{font-size:14px;margin-top:5px;opacity:.8}figure figcaption.left{text-align:left}figure figcaption.center{text-align:center}figure figcaption.right{text-align:right}code{-webkit-font-feature-settings:normal;background:rgba(35,176,255,.2);color:#23b0ff;color:var(--accent);font-family:Fira Code,Monaco,Consolas,Ubuntu Mono,monospace;font-feature-settings:normal;margin:0 2px;padding:1px 6px}code,pre{font-size:.95rem}pre{background:transparent;border-bottom:1px solid hsla(0,0%,100%,.1);border-top:1px solid hsla(0,0%,100%,.1);overflow:auto;padding:20px}@media (max-width:683px){pre{white-space:pre-wrap;word-wrap:break-word}}pre code{background:none!important;border:none;font-size:inherit;margin:0;padding:0}blockquote{border-bottom:1px solid #23b0ff;border-bottom:1px solid var(--accent);border-top:1px solid #23b0ff;border-top:1px solid var(--accent);margin:40px 0;padding:25px}@media (max-width:683px){blockquote{padding-right:0}}blockquote:before{content:"\201D";font-family:Georgia,serif;font-size:3.875rem;left:-40px;position:absolute;top:-20px}blockquote p:first-of-type{margin-top:0}blockquote p:last-of-type{margin-bottom:0}blockquote p{position:relative}blockquote p:before{color:#23b0ff;color:var(--accent);content:">";display:block;left:-25px;position:absolute}ol,ul{margin-left:30px;padding:0}ol li,ul li{position:relative}@media (max-width:683px){ol,ul{margin-left:20px}}ol ol,ol ul,ul ol,ul ul{margin-top:20px}ol ol{list-style-type:lower-alpha}.container{border-right:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;max-width:864px;padding:40px}@media (max-width:683px){.container{padding:20px}}.content{display:flex}hr{background:hsla(0,0%,100%,.1);background:var(--border-color);border:none;height:1px;width:100%}.hidden{display:none}.header{display:flex;flex-direction:column;position:relative}.header__inner{align-items:center;display:flex;justify-content:space-between}.header__logo{display:flex;flex:1}.header__logo:after{background:repeating-linear-gradient(90deg,#23b0ff,#23b0ff 2px,transparent 0,transparent 10px);background:repeating-linear-gradient(90deg,var(--accent),var(--accent) 2px,transparent 0,transparent 10px);content:"";display:block;right:10px;width:100%}.header__logo a{flex:0 0 auto;max-width:100%}.header .menu{margin:20px 0}@media (max-width:683px){.header .menu{background:#1d212c;background:var(--background);border:2px solid;margin:0;padding:10px;position:absolute;right:0;top:50px;z-index:99}}.header .menu__inner{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.header .menu__inner li:not(:last-of-type){flex:0 0 auto;margin-bottom:10px;margin-right:20px}@media (max-width:683px){.header .menu__inner{align-items:flex-start;flex-direction:column;padding:0}.header .menu__inner li{margin:0;padding:5px}}.header .menu-trigger{border:2px solid;color:#23b0ff;color:var(--accent);height:100%;margin-left:10px;padding:3px 8px;position:relative}.logo{align-items:center;background:#23b0ff;background:var(--accent);color:#000;display:flex;padding:5px 10px;text-decoration:none}.pagination{margin-top:50px}.pagination__title{display:flex;margin:100px 0 20px;position:relative;text-align:center}.pagination__title-h{background:var(color-mod);background:var(rgb(29, 33, 44));font-size:.8rem;letter-spacing:.1em;margin:0 auto;padding:5px 10px;text-align:center;text-decoration:none;text-transform:uppercase;z-index:1}.pagination__title hr{left:0;margin-top:15px;position:absolute;right:0;width:100%;z-index:0}.pagination__buttons{align-items:center;display:flex;justify-content:center}.pagination__buttons a{text-decoration:none}.button{-moz-appearance:none;-webkit-appearance:none;align-items:center;appearance:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;max-width:40%;padding:0;position:relative}.button+.button{margin-left:10px}.button a{display:flex;padding:8px 16px;text-decoration:none}.button__text,.button a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button.next .button__icon{margin-left:8px}.button.previous .button__icon{margin-right:8px}.post{margin:20px auto;padding:20px 0;text-align:left;width:100%}@media (max-width:899px){.post{max-width:660px}}.post:not(:last-of-type){border-bottom:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid var(--border-color)}.post-meta{color:rgba(35,176,255,.7);font-size:1rem;margin-bottom:10px}.post-title{--border:3px dotted #23b0ff;--border:3px dotted var(--accent);border-bottom:var(--border);color:#23b0ff;color:var(--accent);margin:0 0 15px;padding-bottom:15px;position:relative}.post-title:after{border-bottom:var(--border);bottom:2px;content:"";display:block;position:absolute;width:100%}.post-title a{text-decoration:none}.post-tags{display:block;font-size:1rem;margin-bottom:20px;opacity:.5}.post-tags a{text-decoration:none}.post-content{margin-top:30px}.post-cover{background:transparent;border:20px solid #23b0ff;border:20px solid var(--accent);margin:40px 0;padding:20px}@media (max-width:683px){.post-cover{border-width:10px;padding:10px}}.post ul{list-style:none}.post ul li:before{color:#23b0ff;color:var(--accent);content:"\25BA";left:-20px;position:absolute}.post--regulation h1,.post--regulation h2{justify-content:center}.post--regulation h2{margin-bottom:10px}.post--regulation h2+h2{margin-bottom:20px;margin-top:-10px}.language-css .token.string,.language-scss .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.boolean,.token.control,.token.directive,.token.entity,.token.keyword,.token.number,.token.regex,.token.statement,.token.string,.token.url,code.language-css,code.language-scss{color:#23b0ff;color:var(--accent)}.token.atrule-id,.token.attr-name,.token.operator,.token.placeholder,.token.tag-id,.token.unit,.token.variable{color:rgba(35,176,255,.7)}.token.function,.token.property,code.language-html,code.language-javascript{color:#8d9ba3}.token.punctuation,.token.selector,.token.tag{color:#fff}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:hsla(0,0%,100%,.3)}.token.namespace{opacity:.7}:root{--accent:#ffa86a;--accent:#23b0ff;--background:#1d212c;--border-color:hsla(0,0%,100%,0.1);--color:#fff;--phoneWidth:(max-width:684px);--tabletWidth:(max-width:900px)} \ No newline at end of file +html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{-webkit-font-feature-settings:"liga","tnum","case","calt","zero","ss01","locl","calt";-webkit-font-smoothing:antialiased;-webkit-font-variant-ligatures:contextual;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;background-color:#1d212c;color:#fff;color:var(--color);font-family:Fira Code,Monaco,Consolas,Ubuntu Mono,monospace;font-feature-settings:"liga","tnum","case","calt","zero","ss01","locl","calt";font-size:1rem;font-variant-ligatures:contextual;line-height:1.54;margin:0;padding:0;text-rendering:optimizeLegibility}@media (max-width:683px){body{font-size:1rem}}h1,h2,h3,h4,h5,h6{align-items:center;display:flex;font-weight:700;line-height:1.3}h1,h2,h3{font-size:1.4rem}h4,h5,h6{font-size:1.2rem}a{color:inherit}img{display:block;max-width:100%}img.center,img.left{margin-right:auto}img.center,img.right{margin-left:auto}p{margin-bottom:20px}figure{display:table;margin:25px 0;max-width:100%}figure.center,figure.left{margin-right:auto}figure.center,figure.right{margin-left:auto}figure figcaption{font-size:14px;margin-top:5px;opacity:.8}figure figcaption.left{text-align:left}figure figcaption.center{text-align:center}figure figcaption.right{text-align:right}code{-webkit-font-feature-settings:normal;background:rgba(35,176,255,.2);color:#23b0ff;color:var(--accent);font-family:Fira Code,Monaco,Consolas,Ubuntu Mono,monospace;font-feature-settings:normal;margin:0 2px;padding:1px 6px}code,pre{font-size:.95rem}pre{background:transparent;border-bottom:1px solid hsla(0,0%,100%,.1);border-top:1px solid hsla(0,0%,100%,.1);overflow:auto;padding:20px}@media (max-width:683px){pre{white-space:pre-wrap;word-wrap:break-word}}pre code{background:none!important;border:none;font-size:inherit;margin:0;padding:0}blockquote{border-bottom:1px solid #23b0ff;border-bottom:1px solid var(--accent);border-top:1px solid #23b0ff;border-top:1px solid var(--accent);margin:40px 0;padding:25px}@media (max-width:683px){blockquote{padding-right:0}}blockquote:before{content:"\201D";font-family:Georgia,serif;font-size:3.875rem;left:-40px;position:absolute;top:-20px}blockquote p:first-of-type{margin-top:0}blockquote p:last-of-type{margin-bottom:0}blockquote p{position:relative}blockquote p:before{color:#23b0ff;color:var(--accent);content:">";display:block;left:-25px;position:absolute}ol,ul{margin-left:30px;padding:0}ol li,ul li{position:relative}@media (max-width:683px){ol,ul{margin-left:20px}}ol ol,ol ul,ul ol,ul ul{margin-top:20px}ol ol{list-style-type:lower-alpha}.container{border-right:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;max-width:864px;padding:40px}@media (max-width:683px){.container{padding:20px}}.content{display:flex}hr{background:hsla(0,0%,100%,.1);background:var(--border-color);border:none;height:1px;width:100%}.hidden{display:none}.header{display:flex;flex-direction:column;position:relative}.header__inner{align-items:center;display:flex;justify-content:space-between}.header__logo{display:flex;flex:1}.header__logo:after{background:repeating-linear-gradient(90deg,#23b0ff,#23b0ff 2px,transparent 0,transparent 10px);background:repeating-linear-gradient(90deg,var(--accent),var(--accent) 2px,transparent 0,transparent 10px);content:"";display:block;right:10px;width:100%}.header__logo a{flex:0 0 auto;max-width:100%}.header .menu{--shadow:0 10px var(--shadow-color),-10px 10px var(--shadow-color),10px 10px var(--shadow-color);--shadow-color:rgba(29,33,44,0.8);margin:20px 0}@media (max-width:683px){.header .menu{background:#1d212c;background:var(--background);border:2px solid;box-shadow:var(--shadow);color:#fff;list-style:none;margin:0;padding:10px;position:absolute;right:0;top:50px;z-index:99}}.header .menu__inner{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}@media (max-width:683px){.header .menu__inner--desktop{display:none}}.header .menu__inner--mobile{display:none}@media (max-width:683px){.header .menu__inner--mobile{display:block}}.header .menu__inner li:not(:last-of-type){flex:0 0 auto;margin-bottom:10px;margin-right:20px}@media (max-width:683px){.header .menu__inner{align-items:flex-start;flex-direction:column;padding:0}.header .menu__inner li{margin:0;padding:5px}}.header .menu__sub-inner{list-style:none;margin:0;padding:0;position:relative}.header .menu__sub-inner:not(:only-child){margin-left:20px}.header .menu__sub-inner-more{background:#1d212c;background:var(--background);border:2px solid;box-shadow:var(--shadow);color:#fff;left:0;list-style:none;margin:0;padding:10px;position:absolute;top:35px;z-index:99}.header .menu__sub-inner-more-trigger{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;color:#23b0ff;color:var(--accent);cursor:pointer;user-select:none}.header .menu__sub-inner-more li{margin:0;padding:5px;white-space:nowrap}.header .menu-trigger{border:2px solid;color:#23b0ff;color:var(--accent);height:100%;margin-left:10px;padding:3px 8px;position:relative}.logo{align-items:center;background:#23b0ff;background:var(--accent);color:#000;display:flex;padding:5px 10px;text-decoration:none}.pagination{margin-top:50px}.pagination__title{display:flex;margin:100px 0 20px;position:relative;text-align:center}.pagination__title-h{background:var(color-mod);background:var(rgb(29, 33, 44));font-size:.8rem;letter-spacing:.1em;margin:0 auto;padding:5px 10px;text-align:center;text-decoration:none;text-transform:uppercase;z-index:1}.pagination__title hr{left:0;margin-top:15px;position:absolute;right:0;width:100%;z-index:0}.pagination__buttons{align-items:center;display:flex;justify-content:center}.pagination__buttons a{text-decoration:none}.button{-moz-appearance:none;-webkit-appearance:none;align-items:center;appearance:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;max-width:40%;padding:0;position:relative}.button+.button{margin-left:10px}.button a{display:flex;padding:8px 16px;text-decoration:none}.button__text,.button a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button.next .button__icon{margin-left:8px}.button.previous .button__icon{margin-right:8px}.post{margin:20px auto;padding:20px 0;text-align:left;width:100%}@media (max-width:899px){.post{max-width:660px}}.post:not(:last-of-type){border-bottom:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid var(--border-color)}.post-meta{color:rgba(35,176,255,.7);font-size:1rem;margin-bottom:10px}.post-title{--border:3px dotted #23b0ff;--border:3px dotted var(--accent);border-bottom:var(--border);color:#23b0ff;color:var(--accent);margin:0 0 15px;padding-bottom:15px;position:relative}.post-title:after{border-bottom:var(--border);bottom:2px;content:"";display:block;position:absolute;width:100%}.post-title a{text-decoration:none}.post-tags{display:block;font-size:1rem;margin-bottom:20px;opacity:.5}.post-tags a{text-decoration:none}.post-content{margin-top:30px}.post-cover{background:transparent;border:20px solid #23b0ff;border:20px solid var(--accent);margin:40px 0;padding:20px}@media (max-width:683px){.post-cover{border-width:10px;padding:10px}}.post ul{list-style:none}.post ul li:before{color:#23b0ff;color:var(--accent);content:"\25BA";left:-20px;position:absolute}.post--regulation h1,.post--regulation h2{justify-content:center}.post--regulation h2{margin-bottom:10px}.post--regulation h2+h2{margin-bottom:20px;margin-top:-10px}.language-css .token.string,.language-scss .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.boolean,.token.control,.token.directive,.token.entity,.token.keyword,.token.number,.token.regex,.token.statement,.token.string,.token.url,code.language-css,code.language-scss{color:#23b0ff;color:var(--accent)}.token.atrule-id,.token.attr-name,.token.operator,.token.placeholder,.token.tag-id,.token.unit,.token.variable{color:rgba(35,176,255,.7)}.token.function,.token.property,code.language-html,code.language-javascript{color:#8d9ba3}.token.punctuation,.token.selector,.token.tag{color:#fff}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:hsla(0,0%,100%,.3)}.token.namespace{opacity:.7}:root{--accent:#ffa86a;--accent:#23b0ff;--background:#1d212c;--border-color:hsla(0,0%,100%,0.1);--color:#fff;--phoneWidth:(max-width:684px);--tabletWidth:(max-width:900px)} \ No newline at end of file diff --git a/static/assets/green.css b/static/assets/green.css index 3ffb776..b5b1aed 100644 --- a/static/assets/green.css +++ b/static/assets/green.css @@ -1 +1 @@ -html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{-webkit-font-feature-settings:"liga","tnum","case","calt","zero","ss01","locl","calt";-webkit-font-smoothing:antialiased;-webkit-font-variant-ligatures:contextual;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;background-color:#1f222a;color:#fff;color:var(--color);font-family:Fira Code,Monaco,Consolas,Ubuntu Mono,monospace;font-feature-settings:"liga","tnum","case","calt","zero","ss01","locl","calt";font-size:1rem;font-variant-ligatures:contextual;line-height:1.54;margin:0;padding:0;text-rendering:optimizeLegibility}@media (max-width:683px){body{font-size:1rem}}h1,h2,h3,h4,h5,h6{align-items:center;display:flex;font-weight:700;line-height:1.3}h1,h2,h3{font-size:1.4rem}h4,h5,h6{font-size:1.2rem}a{color:inherit}img{display:block;max-width:100%}img.center,img.left{margin-right:auto}img.center,img.right{margin-left:auto}p{margin-bottom:20px}figure{display:table;margin:25px 0;max-width:100%}figure.center,figure.left{margin-right:auto}figure.center,figure.right{margin-left:auto}figure figcaption{font-size:14px;margin-top:5px;opacity:.8}figure figcaption.left{text-align:left}figure figcaption.center{text-align:center}figure figcaption.right{text-align:right}code{-webkit-font-feature-settings:normal;background:rgba(120,226,160,.2);color:#78e2a0;color:var(--accent);font-family:Fira Code,Monaco,Consolas,Ubuntu Mono,monospace;font-feature-settings:normal;margin:0 2px;padding:1px 6px}code,pre{font-size:.95rem}pre{background:transparent;border-bottom:1px solid hsla(0,0%,100%,.1);border-top:1px solid hsla(0,0%,100%,.1);overflow:auto;padding:20px}@media (max-width:683px){pre{white-space:pre-wrap;word-wrap:break-word}}pre code{background:none!important;border:none;font-size:inherit;margin:0;padding:0}blockquote{border-bottom:1px solid #78e2a0;border-bottom:1px solid var(--accent);border-top:1px solid #78e2a0;border-top:1px solid var(--accent);margin:40px 0;padding:25px}@media (max-width:683px){blockquote{padding-right:0}}blockquote:before{content:"\201D";font-family:Georgia,serif;font-size:3.875rem;left:-40px;position:absolute;top:-20px}blockquote p:first-of-type{margin-top:0}blockquote p:last-of-type{margin-bottom:0}blockquote p{position:relative}blockquote p:before{color:#78e2a0;color:var(--accent);content:">";display:block;left:-25px;position:absolute}ol,ul{margin-left:30px;padding:0}ol li,ul li{position:relative}@media (max-width:683px){ol,ul{margin-left:20px}}ol ol,ol ul,ul ol,ul ul{margin-top:20px}ol ol{list-style-type:lower-alpha}.container{border-right:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;max-width:864px;padding:40px}@media (max-width:683px){.container{padding:20px}}.content{display:flex}hr{background:hsla(0,0%,100%,.1);background:var(--border-color);border:none;height:1px;width:100%}.hidden{display:none}.header{display:flex;flex-direction:column;position:relative}.header__inner{align-items:center;display:flex;justify-content:space-between}.header__logo{display:flex;flex:1}.header__logo:after{background:repeating-linear-gradient(90deg,#78e2a0,#78e2a0 2px,transparent 0,transparent 10px);background:repeating-linear-gradient(90deg,var(--accent),var(--accent) 2px,transparent 0,transparent 10px);content:"";display:block;right:10px;width:100%}.header__logo a{flex:0 0 auto;max-width:100%}.header .menu{margin:20px 0}@media (max-width:683px){.header .menu{background:#1f222a;background:var(--background);border:2px solid;margin:0;padding:10px;position:absolute;right:0;top:50px;z-index:99}}.header .menu__inner{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.header .menu__inner li:not(:last-of-type){flex:0 0 auto;margin-bottom:10px;margin-right:20px}@media (max-width:683px){.header .menu__inner{align-items:flex-start;flex-direction:column;padding:0}.header .menu__inner li{margin:0;padding:5px}}.header .menu-trigger{border:2px solid;color:#78e2a0;color:var(--accent);height:100%;margin-left:10px;padding:3px 8px;position:relative}.logo{align-items:center;background:#78e2a0;background:var(--accent);color:#000;display:flex;padding:5px 10px;text-decoration:none}.pagination{margin-top:50px}.pagination__title{display:flex;margin:100px 0 20px;position:relative;text-align:center}.pagination__title-h{background:var(color-mod);background:var(rgb(31, 34, 42));font-size:.8rem;letter-spacing:.1em;margin:0 auto;padding:5px 10px;text-align:center;text-decoration:none;text-transform:uppercase;z-index:1}.pagination__title hr{left:0;margin-top:15px;position:absolute;right:0;width:100%;z-index:0}.pagination__buttons{align-items:center;display:flex;justify-content:center}.pagination__buttons a{text-decoration:none}.button{-moz-appearance:none;-webkit-appearance:none;align-items:center;appearance:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;max-width:40%;padding:0;position:relative}.button+.button{margin-left:10px}.button a{display:flex;padding:8px 16px;text-decoration:none}.button__text,.button a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button.next .button__icon{margin-left:8px}.button.previous .button__icon{margin-right:8px}.post{margin:20px auto;padding:20px 0;text-align:left;width:100%}@media (max-width:899px){.post{max-width:660px}}.post:not(:last-of-type){border-bottom:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid var(--border-color)}.post-meta{color:rgba(120,226,160,.7);font-size:1rem;margin-bottom:10px}.post-title{--border:3px dotted #78e2a0;--border:3px dotted var(--accent);border-bottom:var(--border);color:#78e2a0;color:var(--accent);margin:0 0 15px;padding-bottom:15px;position:relative}.post-title:after{border-bottom:var(--border);bottom:2px;content:"";display:block;position:absolute;width:100%}.post-title a{text-decoration:none}.post-tags{display:block;font-size:1rem;margin-bottom:20px;opacity:.5}.post-tags a{text-decoration:none}.post-content{margin-top:30px}.post-cover{background:transparent;border:20px solid #78e2a0;border:20px solid var(--accent);margin:40px 0;padding:20px}@media (max-width:683px){.post-cover{border-width:10px;padding:10px}}.post ul{list-style:none}.post ul li:before{color:#78e2a0;color:var(--accent);content:"\25BA";left:-20px;position:absolute}.post--regulation h1,.post--regulation h2{justify-content:center}.post--regulation h2{margin-bottom:10px}.post--regulation h2+h2{margin-bottom:20px;margin-top:-10px}.language-css .token.string,.language-scss .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.boolean,.token.control,.token.directive,.token.entity,.token.keyword,.token.number,.token.regex,.token.statement,.token.string,.token.url,code.language-css,code.language-scss{color:#78e2a0;color:var(--accent)}.token.atrule-id,.token.attr-name,.token.operator,.token.placeholder,.token.tag-id,.token.unit,.token.variable{color:rgba(120,226,160,.7)}.token.function,.token.property,code.language-html,code.language-javascript{color:#96a09a}.token.punctuation,.token.selector,.token.tag{color:#fff}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:hsla(0,0%,100%,.3)}.token.namespace{opacity:.7}:root{--accent:#ffa86a;--accent:#78e2a0;--background:#1f222a;--border-color:hsla(0,0%,100%,0.1);--color:#fff;--phoneWidth:(max-width:684px);--tabletWidth:(max-width:900px)} \ No newline at end of file +html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{-webkit-font-feature-settings:"liga","tnum","case","calt","zero","ss01","locl","calt";-webkit-font-smoothing:antialiased;-webkit-font-variant-ligatures:contextual;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;background-color:#1f222a;color:#fff;color:var(--color);font-family:Fira Code,Monaco,Consolas,Ubuntu Mono,monospace;font-feature-settings:"liga","tnum","case","calt","zero","ss01","locl","calt";font-size:1rem;font-variant-ligatures:contextual;line-height:1.54;margin:0;padding:0;text-rendering:optimizeLegibility}@media (max-width:683px){body{font-size:1rem}}h1,h2,h3,h4,h5,h6{align-items:center;display:flex;font-weight:700;line-height:1.3}h1,h2,h3{font-size:1.4rem}h4,h5,h6{font-size:1.2rem}a{color:inherit}img{display:block;max-width:100%}img.center,img.left{margin-right:auto}img.center,img.right{margin-left:auto}p{margin-bottom:20px}figure{display:table;margin:25px 0;max-width:100%}figure.center,figure.left{margin-right:auto}figure.center,figure.right{margin-left:auto}figure figcaption{font-size:14px;margin-top:5px;opacity:.8}figure figcaption.left{text-align:left}figure figcaption.center{text-align:center}figure figcaption.right{text-align:right}code{-webkit-font-feature-settings:normal;background:rgba(120,226,160,.2);color:#78e2a0;color:var(--accent);font-family:Fira Code,Monaco,Consolas,Ubuntu Mono,monospace;font-feature-settings:normal;margin:0 2px;padding:1px 6px}code,pre{font-size:.95rem}pre{background:transparent;border-bottom:1px solid hsla(0,0%,100%,.1);border-top:1px solid hsla(0,0%,100%,.1);overflow:auto;padding:20px}@media (max-width:683px){pre{white-space:pre-wrap;word-wrap:break-word}}pre code{background:none!important;border:none;font-size:inherit;margin:0;padding:0}blockquote{border-bottom:1px solid #78e2a0;border-bottom:1px solid var(--accent);border-top:1px solid #78e2a0;border-top:1px solid var(--accent);margin:40px 0;padding:25px}@media (max-width:683px){blockquote{padding-right:0}}blockquote:before{content:"\201D";font-family:Georgia,serif;font-size:3.875rem;left:-40px;position:absolute;top:-20px}blockquote p:first-of-type{margin-top:0}blockquote p:last-of-type{margin-bottom:0}blockquote p{position:relative}blockquote p:before{color:#78e2a0;color:var(--accent);content:">";display:block;left:-25px;position:absolute}ol,ul{margin-left:30px;padding:0}ol li,ul li{position:relative}@media (max-width:683px){ol,ul{margin-left:20px}}ol ol,ol ul,ul ol,ul ul{margin-top:20px}ol ol{list-style-type:lower-alpha}.container{border-right:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;max-width:864px;padding:40px}@media (max-width:683px){.container{padding:20px}}.content{display:flex}hr{background:hsla(0,0%,100%,.1);background:var(--border-color);border:none;height:1px;width:100%}.hidden{display:none}.header{display:flex;flex-direction:column;position:relative}.header__inner{align-items:center;display:flex;justify-content:space-between}.header__logo{display:flex;flex:1}.header__logo:after{background:repeating-linear-gradient(90deg,#78e2a0,#78e2a0 2px,transparent 0,transparent 10px);background:repeating-linear-gradient(90deg,var(--accent),var(--accent) 2px,transparent 0,transparent 10px);content:"";display:block;right:10px;width:100%}.header__logo a{flex:0 0 auto;max-width:100%}.header .menu{--shadow:0 10px var(--shadow-color),-10px 10px var(--shadow-color),10px 10px var(--shadow-color);--shadow-color:rgba(31,34,42,0.8);margin:20px 0}@media (max-width:683px){.header .menu{background:#1f222a;background:var(--background);border:2px solid;box-shadow:var(--shadow);color:#fff;list-style:none;margin:0;padding:10px;position:absolute;right:0;top:50px;z-index:99}}.header .menu__inner{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}@media (max-width:683px){.header .menu__inner--desktop{display:none}}.header .menu__inner--mobile{display:none}@media (max-width:683px){.header .menu__inner--mobile{display:block}}.header .menu__inner li:not(:last-of-type){flex:0 0 auto;margin-bottom:10px;margin-right:20px}@media (max-width:683px){.header .menu__inner{align-items:flex-start;flex-direction:column;padding:0}.header .menu__inner li{margin:0;padding:5px}}.header .menu__sub-inner{list-style:none;margin:0;padding:0;position:relative}.header .menu__sub-inner:not(:only-child){margin-left:20px}.header .menu__sub-inner-more{background:#1f222a;background:var(--background);border:2px solid;box-shadow:var(--shadow);color:#fff;left:0;list-style:none;margin:0;padding:10px;position:absolute;top:35px;z-index:99}.header .menu__sub-inner-more-trigger{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;color:#78e2a0;color:var(--accent);cursor:pointer;user-select:none}.header .menu__sub-inner-more li{margin:0;padding:5px;white-space:nowrap}.header .menu-trigger{border:2px solid;color:#78e2a0;color:var(--accent);height:100%;margin-left:10px;padding:3px 8px;position:relative}.logo{align-items:center;background:#78e2a0;background:var(--accent);color:#000;display:flex;padding:5px 10px;text-decoration:none}.pagination{margin-top:50px}.pagination__title{display:flex;margin:100px 0 20px;position:relative;text-align:center}.pagination__title-h{background:var(color-mod);background:var(rgb(31, 34, 42));font-size:.8rem;letter-spacing:.1em;margin:0 auto;padding:5px 10px;text-align:center;text-decoration:none;text-transform:uppercase;z-index:1}.pagination__title hr{left:0;margin-top:15px;position:absolute;right:0;width:100%;z-index:0}.pagination__buttons{align-items:center;display:flex;justify-content:center}.pagination__buttons a{text-decoration:none}.button{-moz-appearance:none;-webkit-appearance:none;align-items:center;appearance:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;max-width:40%;padding:0;position:relative}.button+.button{margin-left:10px}.button a{display:flex;padding:8px 16px;text-decoration:none}.button__text,.button a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button.next .button__icon{margin-left:8px}.button.previous .button__icon{margin-right:8px}.post{margin:20px auto;padding:20px 0;text-align:left;width:100%}@media (max-width:899px){.post{max-width:660px}}.post:not(:last-of-type){border-bottom:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid var(--border-color)}.post-meta{color:rgba(120,226,160,.7);font-size:1rem;margin-bottom:10px}.post-title{--border:3px dotted #78e2a0;--border:3px dotted var(--accent);border-bottom:var(--border);color:#78e2a0;color:var(--accent);margin:0 0 15px;padding-bottom:15px;position:relative}.post-title:after{border-bottom:var(--border);bottom:2px;content:"";display:block;position:absolute;width:100%}.post-title a{text-decoration:none}.post-tags{display:block;font-size:1rem;margin-bottom:20px;opacity:.5}.post-tags a{text-decoration:none}.post-content{margin-top:30px}.post-cover{background:transparent;border:20px solid #78e2a0;border:20px solid var(--accent);margin:40px 0;padding:20px}@media (max-width:683px){.post-cover{border-width:10px;padding:10px}}.post ul{list-style:none}.post ul li:before{color:#78e2a0;color:var(--accent);content:"\25BA";left:-20px;position:absolute}.post--regulation h1,.post--regulation h2{justify-content:center}.post--regulation h2{margin-bottom:10px}.post--regulation h2+h2{margin-bottom:20px;margin-top:-10px}.language-css .token.string,.language-scss .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.boolean,.token.control,.token.directive,.token.entity,.token.keyword,.token.number,.token.regex,.token.statement,.token.string,.token.url,code.language-css,code.language-scss{color:#78e2a0;color:var(--accent)}.token.atrule-id,.token.attr-name,.token.operator,.token.placeholder,.token.tag-id,.token.unit,.token.variable{color:rgba(120,226,160,.7)}.token.function,.token.property,code.language-html,code.language-javascript{color:#96a09a}.token.punctuation,.token.selector,.token.tag{color:#fff}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:hsla(0,0%,100%,.3)}.token.namespace{opacity:.7}:root{--accent:#ffa86a;--accent:#78e2a0;--background:#1f222a;--border-color:hsla(0,0%,100%,0.1);--color:#fff;--phoneWidth:(max-width:684px);--tabletWidth:(max-width:900px)} \ No newline at end of file diff --git a/static/assets/main.js b/static/assets/main.js index 2b81e39..7e811d7 100644 --- a/static/assets/main.js +++ b/static/assets/main.js @@ -1 +1,124 @@ -!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){n(1),e.exports=n(2)},function(e,t,n){"use strict"},function(e,t,n){"use strict";var r=document.querySelector(".menu-trigger"),o=document.querySelector(".menu"),u=getComputedStyle(document.body).getPropertyValue("--phoneWidth"),i=function(){return window.matchMedia(u).matches},c=function(){r&&r.classList.toggle("hidden",!i()),o&&o.classList.toggle("hidden",i())};c(),r&&r.addEventListener("click",function(){return o&&o.classList.toggle("hidden")}),window.addEventListener("resize",c)}]); \ No newline at end of file +/******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 0); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ "./source/js/main.js": +/*!***************************!*\ + !*** ./source/js/main.js ***! + \***************************/ +/*! no static exports found */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +eval("// Add your script here\n\n\n//# sourceURL=webpack:///./source/js/main.js?"); + +/***/ }), + +/***/ "./source/js/menu.js": +/*!***************************!*\ + !*** ./source/js/menu.js ***! + \***************************/ +/*! no static exports found */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +eval("\n\nvar container = document.querySelector(\".container\");\nvar menu = document.querySelector(\".menu\");\nvar mobileMenuTrigger = document.querySelector(\".menu-trigger\");\nvar desktopMenu = document.querySelector(\".menu__inner--desktop\");\nvar desktopMenuTrigger = document.querySelector(\".menu__sub-inner-more-trigger\");\nvar menuMore = document.querySelector(\".menu__sub-inner-more\");\nvar mobileQuery = getComputedStyle(document.body).getPropertyValue(\"--phoneWidth\");\n\nvar isMobile = function isMobile() {\n return window.matchMedia(mobileQuery).matches;\n};\n\nvar isMobileMenu = function isMobileMenu() {\n mobileMenuTrigger && mobileMenuTrigger.classList.toggle(\"hidden\", !isMobile());\n menu && menu.classList.toggle(\"hidden\", isMobile());\n menuMore && menuMore.classList.toggle(\"hidden\", !isMobile());\n}; // Common\n\n\nmenu.addEventListener(\"click\", function (e) {\n return e.stopPropagation();\n});\nmenuMore.addEventListener(\"click\", function (e) {\n return e.stopPropagation();\n});\nisMobileMenu();\ndocument.body.addEventListener(\"click\", function () {\n if (!isMobile() && !menuMore.classList.contains(\"hidden\")) {\n console.log(\"desktop\");\n menuMore.classList.add(\"hidden\");\n } else if (isMobile() && !menu.classList.contains(\"hidden\")) {\n console.log(\"mobile\");\n menu.classList.add(\"hidden\");\n }\n});\nwindow.addEventListener(\"resize\", isMobileMenu); // Mobile menu\n\nmobileMenuTrigger && mobileMenuTrigger.addEventListener(\"click\", function (e) {\n e.stopPropagation();\n menu && menu.classList.toggle(\"hidden\");\n}); // Desktop menu\n\ndesktopMenuTrigger && desktopMenuTrigger.addEventListener(\"click\", function (e) {\n e.stopPropagation();\n menuMore && menuMore.classList.toggle(\"hidden\");\n\n if (menuMore.getBoundingClientRect().right > container.getBoundingClientRect().right) {\n menuMore.style.left = \"auto\";\n menuMore.style.right = 0;\n }\n});\n\n//# sourceURL=webpack:///./source/js/menu.js?"); + +/***/ }), + +/***/ 0: +/*!*****************************************************!*\ + !*** multi ./source/js/main.js ./source/js/menu.js ***! + \*****************************************************/ +/*! no static exports found */ +/***/ (function(module, exports, __webpack_require__) { + +eval("__webpack_require__(/*! /Users/radek/Documents/Git/Moje/hugoBasicExample/themes/terminal/source/js/main.js */\"./source/js/main.js\");\nmodule.exports = __webpack_require__(/*! /Users/radek/Documents/Git/Moje/hugoBasicExample/themes/terminal/source/js/menu.js */\"./source/js/menu.js\");\n\n\n//# sourceURL=webpack:///multi_./source/js/main.js_./source/js/menu.js?"); + +/***/ }) + +/******/ }); \ No newline at end of file diff --git a/static/assets/pink.css b/static/assets/pink.css index c5dd229..94bb91e 100644 --- a/static/assets/pink.css +++ b/static/assets/pink.css @@ -1 +1 @@ -html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{-webkit-font-feature-settings:"liga","tnum","case","calt","zero","ss01","locl","calt";-webkit-font-smoothing:antialiased;-webkit-font-variant-ligatures:contextual;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;background-color:#21202c;color:#fff;color:var(--color);font-family:Fira Code,Monaco,Consolas,Ubuntu Mono,monospace;font-feature-settings:"liga","tnum","case","calt","zero","ss01","locl","calt";font-size:1rem;font-variant-ligatures:contextual;line-height:1.54;margin:0;padding:0;text-rendering:optimizeLegibility}@media (max-width:683px){body{font-size:1rem}}h1,h2,h3,h4,h5,h6{align-items:center;display:flex;font-weight:700;line-height:1.3}h1,h2,h3{font-size:1.4rem}h4,h5,h6{font-size:1.2rem}a{color:inherit}img{display:block;max-width:100%}img.center,img.left{margin-right:auto}img.center,img.right{margin-left:auto}p{margin-bottom:20px}figure{display:table;margin:25px 0;max-width:100%}figure.center,figure.left{margin-right:auto}figure.center,figure.right{margin-left:auto}figure figcaption{font-size:14px;margin-top:5px;opacity:.8}figure figcaption.left{text-align:left}figure figcaption.center{text-align:center}figure figcaption.right{text-align:right}code{-webkit-font-feature-settings:normal;background:rgba(238,114,241,.2);color:#ee72f1;color:var(--accent);font-family:Fira Code,Monaco,Consolas,Ubuntu Mono,monospace;font-feature-settings:normal;margin:0 2px;padding:1px 6px}code,pre{font-size:.95rem}pre{background:transparent;border-bottom:1px solid hsla(0,0%,100%,.1);border-top:1px solid hsla(0,0%,100%,.1);overflow:auto;padding:20px}@media (max-width:683px){pre{white-space:pre-wrap;word-wrap:break-word}}pre code{background:none!important;border:none;font-size:inherit;margin:0;padding:0}blockquote{border-bottom:1px solid #ee72f1;border-bottom:1px solid var(--accent);border-top:1px solid #ee72f1;border-top:1px solid var(--accent);margin:40px 0;padding:25px}@media (max-width:683px){blockquote{padding-right:0}}blockquote:before{content:"\201D";font-family:Georgia,serif;font-size:3.875rem;left:-40px;position:absolute;top:-20px}blockquote p:first-of-type{margin-top:0}blockquote p:last-of-type{margin-bottom:0}blockquote p{position:relative}blockquote p:before{color:#ee72f1;color:var(--accent);content:">";display:block;left:-25px;position:absolute}ol,ul{margin-left:30px;padding:0}ol li,ul li{position:relative}@media (max-width:683px){ol,ul{margin-left:20px}}ol ol,ol ul,ul ol,ul ul{margin-top:20px}ol ol{list-style-type:lower-alpha}.container{border-right:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;max-width:864px;padding:40px}@media (max-width:683px){.container{padding:20px}}.content{display:flex}hr{background:hsla(0,0%,100%,.1);background:var(--border-color);border:none;height:1px;width:100%}.hidden{display:none}.header{display:flex;flex-direction:column;position:relative}.header__inner{align-items:center;display:flex;justify-content:space-between}.header__logo{display:flex;flex:1}.header__logo:after{background:repeating-linear-gradient(90deg,#ee72f1,#ee72f1 2px,transparent 0,transparent 10px);background:repeating-linear-gradient(90deg,var(--accent),var(--accent) 2px,transparent 0,transparent 10px);content:"";display:block;right:10px;width:100%}.header__logo a{flex:0 0 auto;max-width:100%}.header .menu{margin:20px 0}@media (max-width:683px){.header .menu{background:#21202c;background:var(--background);border:2px solid;margin:0;padding:10px;position:absolute;right:0;top:50px;z-index:99}}.header .menu__inner{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.header .menu__inner li:not(:last-of-type){flex:0 0 auto;margin-bottom:10px;margin-right:20px}@media (max-width:683px){.header .menu__inner{align-items:flex-start;flex-direction:column;padding:0}.header .menu__inner li{margin:0;padding:5px}}.header .menu-trigger{border:2px solid;color:#ee72f1;color:var(--accent);height:100%;margin-left:10px;padding:3px 8px;position:relative}.logo{align-items:center;background:#ee72f1;background:var(--accent);color:#000;display:flex;padding:5px 10px;text-decoration:none}.pagination{margin-top:50px}.pagination__title{display:flex;margin:100px 0 20px;position:relative;text-align:center}.pagination__title-h{background:var(color-mod);background:var(rgb(33, 32, 44));font-size:.8rem;letter-spacing:.1em;margin:0 auto;padding:5px 10px;text-align:center;text-decoration:none;text-transform:uppercase;z-index:1}.pagination__title hr{left:0;margin-top:15px;position:absolute;right:0;width:100%;z-index:0}.pagination__buttons{align-items:center;display:flex;justify-content:center}.pagination__buttons a{text-decoration:none}.button{-moz-appearance:none;-webkit-appearance:none;align-items:center;appearance:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;max-width:40%;padding:0;position:relative}.button+.button{margin-left:10px}.button a{display:flex;padding:8px 16px;text-decoration:none}.button__text,.button a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button.next .button__icon{margin-left:8px}.button.previous .button__icon{margin-right:8px}.post{margin:20px auto;padding:20px 0;text-align:left;width:100%}@media (max-width:899px){.post{max-width:660px}}.post:not(:last-of-type){border-bottom:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid var(--border-color)}.post-meta{color:rgba(238,114,241,.7);font-size:1rem;margin-bottom:10px}.post-title{--border:3px dotted #ee72f1;--border:3px dotted var(--accent);border-bottom:var(--border);color:#ee72f1;color:var(--accent);margin:0 0 15px;padding-bottom:15px;position:relative}.post-title:after{border-bottom:var(--border);bottom:2px;content:"";display:block;position:absolute;width:100%}.post-title a{text-decoration:none}.post-tags{display:block;font-size:1rem;margin-bottom:20px;opacity:.5}.post-tags a{text-decoration:none}.post-content{margin-top:30px}.post-cover{background:transparent;border:20px solid #ee72f1;border:20px solid var(--accent);margin:40px 0;padding:20px}@media (max-width:683px){.post-cover{border-width:10px;padding:10px}}.post ul{list-style:none}.post ul li:before{color:#ee72f1;color:var(--accent);content:"\25BA";left:-20px;position:absolute}.post--regulation h1,.post--regulation h2{justify-content:center}.post--regulation h2{margin-bottom:10px}.post--regulation h2+h2{margin-bottom:20px;margin-top:-10px}.language-css .token.string,.language-scss .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.boolean,.token.control,.token.directive,.token.entity,.token.keyword,.token.number,.token.regex,.token.statement,.token.string,.token.url,code.language-css,code.language-scss{color:#ee72f1;color:var(--accent)}.token.atrule-id,.token.attr-name,.token.operator,.token.placeholder,.token.tag-id,.token.unit,.token.variable{color:rgba(238,114,241,.7)}.token.function,.token.property,code.language-html,code.language-javascript{color:#a295a2}.token.punctuation,.token.selector,.token.tag{color:#fff}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:hsla(0,0%,100%,.3)}.token.namespace{opacity:.7}:root{--accent:#ffa86a;--accent:#ee72f1;--background:#21202c;--border-color:hsla(0,0%,100%,0.1);--color:#fff;--phoneWidth:(max-width:684px);--tabletWidth:(max-width:900px)} \ No newline at end of file +html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{-webkit-font-feature-settings:"liga","tnum","case","calt","zero","ss01","locl","calt";-webkit-font-smoothing:antialiased;-webkit-font-variant-ligatures:contextual;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;background-color:#21202c;color:#fff;color:var(--color);font-family:Fira Code,Monaco,Consolas,Ubuntu Mono,monospace;font-feature-settings:"liga","tnum","case","calt","zero","ss01","locl","calt";font-size:1rem;font-variant-ligatures:contextual;line-height:1.54;margin:0;padding:0;text-rendering:optimizeLegibility}@media (max-width:683px){body{font-size:1rem}}h1,h2,h3,h4,h5,h6{align-items:center;display:flex;font-weight:700;line-height:1.3}h1,h2,h3{font-size:1.4rem}h4,h5,h6{font-size:1.2rem}a{color:inherit}img{display:block;max-width:100%}img.center,img.left{margin-right:auto}img.center,img.right{margin-left:auto}p{margin-bottom:20px}figure{display:table;margin:25px 0;max-width:100%}figure.center,figure.left{margin-right:auto}figure.center,figure.right{margin-left:auto}figure figcaption{font-size:14px;margin-top:5px;opacity:.8}figure figcaption.left{text-align:left}figure figcaption.center{text-align:center}figure figcaption.right{text-align:right}code{-webkit-font-feature-settings:normal;background:rgba(238,114,241,.2);color:#ee72f1;color:var(--accent);font-family:Fira Code,Monaco,Consolas,Ubuntu Mono,monospace;font-feature-settings:normal;margin:0 2px;padding:1px 6px}code,pre{font-size:.95rem}pre{background:transparent;border-bottom:1px solid hsla(0,0%,100%,.1);border-top:1px solid hsla(0,0%,100%,.1);overflow:auto;padding:20px}@media (max-width:683px){pre{white-space:pre-wrap;word-wrap:break-word}}pre code{background:none!important;border:none;font-size:inherit;margin:0;padding:0}blockquote{border-bottom:1px solid #ee72f1;border-bottom:1px solid var(--accent);border-top:1px solid #ee72f1;border-top:1px solid var(--accent);margin:40px 0;padding:25px}@media (max-width:683px){blockquote{padding-right:0}}blockquote:before{content:"\201D";font-family:Georgia,serif;font-size:3.875rem;left:-40px;position:absolute;top:-20px}blockquote p:first-of-type{margin-top:0}blockquote p:last-of-type{margin-bottom:0}blockquote p{position:relative}blockquote p:before{color:#ee72f1;color:var(--accent);content:">";display:block;left:-25px;position:absolute}ol,ul{margin-left:30px;padding:0}ol li,ul li{position:relative}@media (max-width:683px){ol,ul{margin-left:20px}}ol ol,ol ul,ul ol,ul ul{margin-top:20px}ol ol{list-style-type:lower-alpha}.container{border-right:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;max-width:864px;padding:40px}@media (max-width:683px){.container{padding:20px}}.content{display:flex}hr{background:hsla(0,0%,100%,.1);background:var(--border-color);border:none;height:1px;width:100%}.hidden{display:none}.header{display:flex;flex-direction:column;position:relative}.header__inner{align-items:center;display:flex;justify-content:space-between}.header__logo{display:flex;flex:1}.header__logo:after{background:repeating-linear-gradient(90deg,#ee72f1,#ee72f1 2px,transparent 0,transparent 10px);background:repeating-linear-gradient(90deg,var(--accent),var(--accent) 2px,transparent 0,transparent 10px);content:"";display:block;right:10px;width:100%}.header__logo a{flex:0 0 auto;max-width:100%}.header .menu{--shadow:0 10px var(--shadow-color),-10px 10px var(--shadow-color),10px 10px var(--shadow-color);--shadow-color:rgba(33,32,44,0.8);margin:20px 0}@media (max-width:683px){.header .menu{background:#21202c;background:var(--background);border:2px solid;box-shadow:var(--shadow);color:#fff;list-style:none;margin:0;padding:10px;position:absolute;right:0;top:50px;z-index:99}}.header .menu__inner{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}@media (max-width:683px){.header .menu__inner--desktop{display:none}}.header .menu__inner--mobile{display:none}@media (max-width:683px){.header .menu__inner--mobile{display:block}}.header .menu__inner li:not(:last-of-type){flex:0 0 auto;margin-bottom:10px;margin-right:20px}@media (max-width:683px){.header .menu__inner{align-items:flex-start;flex-direction:column;padding:0}.header .menu__inner li{margin:0;padding:5px}}.header .menu__sub-inner{list-style:none;margin:0;padding:0;position:relative}.header .menu__sub-inner:not(:only-child){margin-left:20px}.header .menu__sub-inner-more{background:#21202c;background:var(--background);border:2px solid;box-shadow:var(--shadow);color:#fff;left:0;list-style:none;margin:0;padding:10px;position:absolute;top:35px;z-index:99}.header .menu__sub-inner-more-trigger{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;color:#ee72f1;color:var(--accent);cursor:pointer;user-select:none}.header .menu__sub-inner-more li{margin:0;padding:5px;white-space:nowrap}.header .menu-trigger{border:2px solid;color:#ee72f1;color:var(--accent);height:100%;margin-left:10px;padding:3px 8px;position:relative}.logo{align-items:center;background:#ee72f1;background:var(--accent);color:#000;display:flex;padding:5px 10px;text-decoration:none}.pagination{margin-top:50px}.pagination__title{display:flex;margin:100px 0 20px;position:relative;text-align:center}.pagination__title-h{background:var(color-mod);background:var(rgb(33, 32, 44));font-size:.8rem;letter-spacing:.1em;margin:0 auto;padding:5px 10px;text-align:center;text-decoration:none;text-transform:uppercase;z-index:1}.pagination__title hr{left:0;margin-top:15px;position:absolute;right:0;width:100%;z-index:0}.pagination__buttons{align-items:center;display:flex;justify-content:center}.pagination__buttons a{text-decoration:none}.button{-moz-appearance:none;-webkit-appearance:none;align-items:center;appearance:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;max-width:40%;padding:0;position:relative}.button+.button{margin-left:10px}.button a{display:flex;padding:8px 16px;text-decoration:none}.button__text,.button a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button.next .button__icon{margin-left:8px}.button.previous .button__icon{margin-right:8px}.post{margin:20px auto;padding:20px 0;text-align:left;width:100%}@media (max-width:899px){.post{max-width:660px}}.post:not(:last-of-type){border-bottom:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid var(--border-color)}.post-meta{color:rgba(238,114,241,.7);font-size:1rem;margin-bottom:10px}.post-title{--border:3px dotted #ee72f1;--border:3px dotted var(--accent);border-bottom:var(--border);color:#ee72f1;color:var(--accent);margin:0 0 15px;padding-bottom:15px;position:relative}.post-title:after{border-bottom:var(--border);bottom:2px;content:"";display:block;position:absolute;width:100%}.post-title a{text-decoration:none}.post-tags{display:block;font-size:1rem;margin-bottom:20px;opacity:.5}.post-tags a{text-decoration:none}.post-content{margin-top:30px}.post-cover{background:transparent;border:20px solid #ee72f1;border:20px solid var(--accent);margin:40px 0;padding:20px}@media (max-width:683px){.post-cover{border-width:10px;padding:10px}}.post ul{list-style:none}.post ul li:before{color:#ee72f1;color:var(--accent);content:"\25BA";left:-20px;position:absolute}.post--regulation h1,.post--regulation h2{justify-content:center}.post--regulation h2{margin-bottom:10px}.post--regulation h2+h2{margin-bottom:20px;margin-top:-10px}.language-css .token.string,.language-scss .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.boolean,.token.control,.token.directive,.token.entity,.token.keyword,.token.number,.token.regex,.token.statement,.token.string,.token.url,code.language-css,code.language-scss{color:#ee72f1;color:var(--accent)}.token.atrule-id,.token.attr-name,.token.operator,.token.placeholder,.token.tag-id,.token.unit,.token.variable{color:rgba(238,114,241,.7)}.token.function,.token.property,code.language-html,code.language-javascript{color:#a295a2}.token.punctuation,.token.selector,.token.tag{color:#fff}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:hsla(0,0%,100%,.3)}.token.namespace{opacity:.7}:root{--accent:#ffa86a;--accent:#ee72f1;--background:#21202c;--border-color:hsla(0,0%,100%,0.1);--color:#fff;--phoneWidth:(max-width:684px);--tabletWidth:(max-width:900px)} \ No newline at end of file diff --git a/static/assets/prism.js b/static/assets/prism.js index 0a3b7ed..055c69b 100644 --- a/static/assets/prism.js +++ b/static/assets/prism.js @@ -1,8 +1,123 @@ -!function(e){var t={};function n(a){if(t[a])return t[a].exports;var i=t[a]={i:a,l:!1,exports:{}};return e[a].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=e,n.c=t,n.d=function(e,t,a){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(n.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(a,i,function(t){return e[t]}.bind(null,i));return a},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=3)}([,,,function(e,t,n){"use strict";(function(t){var a="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},i=function(){var e=/\blang(?:uage)?-([\w-]+)\b/i,t=0,n=a.Prism={manual:a.Prism&&a.Prism.manual,disableWorkerMessageHandler:a.Prism&&a.Prism.disableWorkerMessageHandler,util:{encode:function(e){return e instanceof i?new i(e.type,n.util.encode(e.content),e.alias):"Array"===n.util.type(e)?e.map(n.util.encode):e.replace(/&/g,"&").replace(/e.length)return;if(!(k instanceof l)){if(m&&v!=t.length-1){if(p.lastIndex=w,!(C=p.exec(e)))break;for(var S=C.index+(f?C[1].length:0),x=C.index+C[0].length,A=v,E=w,L=t.length;L>A&&(x>E||!t[A].type&&!t[A-1].greedy);++A)S>=(E+=t[A].length)&&(++v,w=E);if(t[v]instanceof l)continue;_=A-v,k=e.slice(w,E),C.index-=w}else{p.lastIndex=0;var C=p.exec(k),_=1}if(C){f&&(b=C[1]?C[1].length:0);x=(S=C.index+b)+(C=C[0].slice(b)).length;var T=k.slice(0,S),I=k.slice(x),R=[v,_];T&&(++v,w+=T.length,R.push(T));var P=new l(c,g?n.tokenize(C,g):C,h,C,m);if(R.push(P),I&&R.push(I),Array.prototype.splice.apply(t,R),1!=_&&n.matchGrammar(e,t,a,v,w,!0,c),o)break}else if(o)break}}}}},tokenize:function(e,t){var a=[e],i=t.rest;if(i){for(var r in i)t[r]=i[r];delete t.rest}return n.matchGrammar(e,a,t,0,0,!1),a},hooks:{all:{},add:function(e,t){var a=n.hooks.all;a[e]=a[e]||[],a[e].push(t)},run:function(e,t){var a=n.hooks.all[e];if(a&&a.length)for(var i,r=0;i=a[r++];)i(t)}}},i=n.Token=function(e,t,n,a,i){this.type=e,this.content=t,this.alias=n,this.length=0|(a||"").length,this.greedy=!!i};if(i.stringify=function(e,t,a){if("string"==typeof e)return e;if("Array"===n.util.type(e))return e.map(function(n){return i.stringify(n,t,e)}).join("");var r={type:e.type,content:i.stringify(e.content,t,a),tag:"span",classes:["token",e.type],attributes:{},language:t,parent:a};if(e.alias){var o="Array"===n.util.type(e.alias)?e.alias:[e.alias];Array.prototype.push.apply(r.classes,o)}n.hooks.run("wrap",r);var s=Object.keys(r.attributes).map(function(e){return e+'="'+(r.attributes[e]||"").replace(/"/g,""")+'"'}).join(" ");return"<"+r.tag+' class="'+r.classes.join(" ")+'"'+(s?" "+s:"")+">"+r.content+""+r.tag+">"},!a.document)return a.addEventListener?(n.disableWorkerMessageHandler||a.addEventListener("message",function(e){var t=JSON.parse(e.data),i=t.language,r=t.code,o=t.immediateClose;a.postMessage(n.highlight(r,n.languages[i],i)),o&&a.close()},!1),a.Prism):a.Prism;var r=document.currentScript||[].slice.call(document.getElementsByTagName("script")).pop();return r&&(n.filename=r.src,n.manual||r.hasAttribute("data-manual")||("loading"!==document.readyState?window.requestAnimationFrame?window.requestAnimationFrame(n.highlightAll):window.setTimeout(n.highlightAll,16):document.addEventListener("DOMContentLoaded",n.highlightAll))),a.Prism}();void 0!==e&&e.exports&&(e.exports=i),void 0!==t&&(t.Prism=i),i.languages.markup={comment://,prolog:/<\?[\s\S]+?\?>/,doctype://i,cdata://i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">=]+))?)*\s*\/?>/i,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/i,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">=]+)/i,inside:{punctuation:[/^=/,{pattern:/(^|[^\\])["']/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:/?[\da-z]{1,8};/i},i.languages.markup.tag.inside["attr-value"].inside.entity=i.languages.markup.entity,i.hooks.add("wrap",function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&/,"&"))}),i.languages.xml=i.languages.markup,i.languages.html=i.languages.markup,i.languages.mathml=i.languages.markup,i.languages.svg=i.languages.markup,i.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-]+?[\s\S]*?(?:;|(?=\s*\{))/i,inside:{rule:/@[\w-]+/}},url:/url\((?:(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1|.*?)\)/i,selector:/[^{}\s][^{};]*?(?=\s*\{)/,string:{pattern:/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},property:/[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},i.languages.css.atrule.inside.rest=i.languages.css,i.languages.markup&&(i.languages.insertBefore("markup","tag",{style:{pattern:/(