From 929ec29dddee4fd5087d25925f3a1897cc16c778 Mon Sep 17 00:00:00 2001 From: CloudCannon Date: Tue, 4 May 2021 22:16:32 +0000 Subject: [PATCH] Updated 8 files via CloudCannon --- assets/css/main-20210410rev1.css | 2 +- assets/css/main-20210410rev1.css.map | 2 +- assets/css/noscripts-20210410rev1.css | 2 +- assets/css/noscripts-20210410rev1.css.map | 2 +- atom.xml | 4 ++-- feed.xml | 2 +- little-bug-ep/index.html | 6 +++--- sitemap.xml | 2 +- 8 files changed, 11 insertions(+), 11 deletions(-) diff --git a/assets/css/main-20210410rev1.css b/assets/css/main-20210410rev1.css index ec79bd5..fc6d042 100644 --- a/assets/css/main-20210410rev1.css +++ b/assets/css/main-20210410rev1.css @@ -203,7 +203,7 @@ footer .footframe small .label { display: none; } .bio { flex-wrap: wrap; } -.bio .mauticform_wrapper, .bio .mauticform-input { width: calc(100% - 80px); max-width: 480px; margin: 40px auto; } +.bio .mauticform_wrapper, .bio .mauticform-input { width: calc(100% - 80px); max-width: 480px; margin: 10px auto; } .bio .mauticform_wrapper .button, .bio .mauticform-input .button { border: 0; } diff --git a/assets/css/main-20210410rev1.css.map b/assets/css/main-20210410rev1.css.map index 70a54d9..01b7ed6 100644 --- a/assets/css/main-20210410rev1.css.map +++ b/assets/css/main-20210410rev1.css.map @@ -23,7 +23,7 @@ "/// Removes a specific item from a list.\r\n/// @author Hugo Giraudel\r\n/// @param {list} $list List.\r\n/// @param {integer} $index Index.\r\n/// @return {list} Updated list.\r\n@function remove-nth($list, $index) {\r\n\r\n\t$result: null;\r\n\r\n\t@if type-of($index) != number {\r\n\t\t@warn \"$index: #{quote($index)} is not a number for `remove-nth`.\";\r\n\t}\r\n\t@else if $index == 0 {\r\n\t\t@warn \"List index 0 must be a non-zero integer for `remove-nth`.\";\r\n\t}\r\n\t@else if abs($index) > length($list) {\r\n\t\t@warn \"List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.\";\r\n\t}\r\n\t@else {\r\n\r\n\t\t$result: ();\r\n\t\t$index: if($index < 0, length($list) + $index + 1, $index);\r\n\r\n\t\t@for $i from 1 through length($list) {\r\n\r\n\t\t\t@if $i != $index {\r\n\t\t\t\t$result: append($result, nth($list, $i));\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t@return $result;\r\n\r\n}\r\n\r\n/// Gets a value from a map.\r\n/// @author Hugo Giraudel\r\n/// @param {map} $map Map.\r\n/// @param {string} $keys Key(s).\r\n/// @return {string} Value.\r\n@function val($map, $keys...) {\r\n\r\n\t@if nth($keys, 1) == null {\r\n\t\t$keys: remove-nth($keys, 1);\r\n\t}\r\n\r\n\t@each $key in $keys {\r\n\t\t$map: map-get($map, $key);\r\n\t}\r\n\r\n\t@return $map;\r\n\r\n}\r\n\r\n/// Gets a font value.\r\n/// @param {string} $keys Key(s).\r\n/// @return {string} Value.\r\n@function _font($keys...) {\r\n\t@return val($font, $keys...);\r\n}\r\n\r\n// /// Gets a palette value.\r\n// /// @param {string} $keys Key(s).\r\n// /// @return {string} Value.\r\n// @function _palette($keys...) {\r\n// \t@return val($palette, $keys...);\r\n// }\r\n\r\n\r\n\r\n@font-face {\r\n font-family: 'Terminus';\r\n font-style: normal;\r\n font-weight: 400;\r\n src: local('Terminus Regular'), local('Terminus-Regular'), url(/assets/fonts/terminus/TerminusTTF.ttf) format('truetype');\r\n }\r\n\r\n@font-face {\r\n font-family: 'Terminus';\r\n font-style: normal;\r\n font-weight: 700;\r\n src: local('Terminus Bold'), local('Terminus-Vold'), url(/assets/fonts/terminus/TerminusTTF-Bold.ttf) format('truetype');\r\n }\r\n\r\n$font: (\r\n title: ('Terminus', 'Lucida Console', Monaco, monospace),\r\n family: ('Terminus', 'Poppins', 'Arial', 'Helvetica', sans-serif),\r\n family-fixed: ('Terminus', 'Lucida Console', Monaco, monospace),\r\n weight: 400,\r\n weight-bold: 700,\r\n kerning: 0em,\r\n kerning-alt: 0.125em\r\n);\r\n:root {\r\n --border-radius: 3px;\r\n --max-width: 1000px;\r\n --anim-speed: 200ms;\r\n\r\n}\r\n\r\n// // Palette.\r\n// $palette: (\r\n\r\n// bg: #0C0F0A, \r\n// bg-alt: rgba(12, 15, 10, 0.5), \r\n// fg: #FFFFFF,\r\n// fg-alt: rgba(255, 255, 255, 0.5),\r\n// border: #000000,\r\n// border-alt: rgba(0, 0, 0, 0.75),\r\n// accent1: #41EAD4,\r\n// accent1-alt:rgba(65, 234, 212, 0.75),\r\n// accent2: #FF206E,\r\n// accent2-alt:rgba(255, 32, 110, 0.75),\r\n\r\n// );", "///\n/// Story by HTML5 UP\n/// html5up.net | @ajlkn\n/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\n///\n\n// Reset.\n// Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain)\n\nhtml, body, div, span, applet, object,\niframe, h1, h2, h3, h4, h5, h6, p, blockquote,\npre, a, abbr, acronym, address, big, cite,\ncode, del, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var, b,\nu, i, center, dl, dt, dd, ol, ul, li, fieldset,\nform, label, legend, table, caption, tbody,\ntfoot, thead, tr, th, td, article, aside,\ncanvas, details, embed, figure, figcaption,\nfooter, header, hgroup, menu, nav, output, ruby,\nsection, summary, time, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\n\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\nhtml {\n scroll-behavior: smooth;\n}\nbody {\n line-height: 1.75;\n}\n\nol, ul {\n list-style:none;\n}\n\nblockquote,\tq {\n quotes: none;\n\n &:before,\n &:after {\n content: '';\n content: none;\n }\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\nbody {\n -webkit-text-size-adjust: none;\n}\n\nmark {\n background-color: transparent;\n color: inherit;\n}\n\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\ninput, select, textarea {\n -moz-appearance: none;\n -webkit-appearance: none;\n -ms-appearance: none;\n appearance: none;\n}\n", "// Animation \n@-webkit-keyframes infiniteRotate { \n 0% { -webkit-transform: rotate(0deg); }\n 100% { -webkit-transform: rotate(360deg); }\n}\n@-moz-keyframes infiniteRotate { \n 0% { -webkit-transform: rotate(0deg); }\n 100% { -webkit-transform: rotate(360deg); }\n}\n@keyframes infiniteRotate { \n 0% { -webkit-transform: rotate(0deg); }\n 100% { -webkit-transform: rotate(360deg); }\n}\n\n\n@-webkit-keyframes backgroundBlink {\n 0%{background-position:73% 0%}\n 50%{background-position:28% 100%}\n 100%{background-position:73% 0%}\n}\n@-moz-keyframes backgroundBlink {\n 0%{background-position:73% 0%}\n 50%{background-position:28% 100%}\n 100%{background-position:73% 0%}\n}\n@keyframes backgroundBlink {\n 0%{background-position:73% 0%}\n 50%{background-position:28% 100%}\n 100%{background-position:73% 0%}\n}\n\n@-webkit-keyframes backgroundSize {\n 0%{background-size:100% 150%}\n 50%{background-size:150% 100%}\n 100%{background-size:100% 150%}\n}\n@-moz-keyframes backgroundSize {\n 0%{background-size:100% 150%}\n 50%{background-size:150% 100%}\n 100%{background-size:100% 150%}\n}\n@keyframes backgroundSize {\n 0%{background-size:100% 150%}\n 50%{background-size:150% 100%}\n 100%{background-size:100% 150%}\n}", - "html,\nbody {\n margin: 0;\n padding: 0;\n background-color: var(--bg);\n}\nbody {\n height: 100vh;\n width: 100%;\n font-family: _font(family);\n font-weight: 300;\n font-size: 1em;\n color: var(--fg);\n letter-spacing: _font(kerning);\n background-color: var(--bg);\n}\n#main-wrapper {\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n -webkit-transition: filter var(--anim-speed) ease-in;\n -moz-transition: filter var(--anim-speed) ease-in;\n -ms-transition: filter var(--anim-speed) ease-in-out;\n transition: filter var(--anim-speed) ease-in;\n z-index: 1;\n}\n.content-wrapper {\n max-width: var(--max-width);\n margin: auto;\n}\n.wrapper {\n margin: 20px 40px;\n}\n\n.hero {\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-content: center;\n background-color: transparent;\n justify-content: center;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n padding: 0;\n position: relative;\n min-height: 100vh;\n width: 100vw;\n\n .textcontainer {\n background: var(--bg-alt);\n background: linear-gradient(33deg, transparent 0%, var(--bg) 90%, transparent 90%);\n border-radius: var(--border-radius);\n max-width: var(--max-width);\n padding: 0px 40px 40px 40px;\n \n }\n\n div {\n z-index: 10;\n h1,\n p {\n flex: 1 0 100%;\n\n z-index: 10;\n color: var(--fg);\n max-width: var(--max-width);\n margin-top: 40px;\n }\n\n h1 {\n font-size: 1.8em;\n }\n }\n .imagecontainer {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url(\"../img/vignette.svg\");\n background-size: 960px;\n background-repeat: repeat-x;\n background-position: bottom;\n z-index: 1;\n h4 {\n width: 90vw;\n /* height: auto; */\n /* min-height: 100px; */\n line-height: 1.011em;\n letter-spacing: -0em;\n color: var(--bg);\n font-size: 15vw;\n display: inline;\n opacity: 1;\n border-radius: var(--border-radius);\n position: absolute;\n bottom: 0;\n transform: rotate(-3deg);\n overflow: hidden;\n background: -webkit-linear-gradient(90deg, var(--bg) 25%,transparent 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n filter: blur(2px);\n }\n }\n .splash {\n background-color: transparent;\n display: flex;\n flex-wrap: wrap;\n padding: 40px;\n align-items: flex-start;\n max-width: var(--max-width);\n margin: auto;\n .description {\n display: flex;\n flex-wrap: wrap;\n border-radius: var(--border-radius);\n background: var(--bg-alt);\n box-shadow: 15px 15px 28px 24px var(--bg-alt);\n -webkit-box-shadow: 15px 15px 28px 24px var(--bg-alt);\n -moz-box-shadow: 15px 15px 28px 24px var(--bg-alt);\n > * {\n margin: 40px !important;\n }\n > ul {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n \n .button {\n background-image: linear-gradient(228deg, var(--accent1-alt), var(--accent2-alt));\n background-size: 400% 400%;\n -webkit-animation: backgroundBlink 7s ease infinite;\n -moz-animation: backgroundBlink 7s ease infinite;\n animation: backgroundBlink 7s ease infinite;\n width: 100px;\n height: 100px;\n line-height: 100px;\n margin: 0 0 10px 0;\n padding:0;\n font-size: 65px;\n }\n }\n .mauticform_wrapper {\n width: 200px;\n .button {\n border: 0;\n }\n }\n }\n h1, h2 {\n font-size: 2em;\n }\n p, h1, h2, h3, h4 {\n text-align: left;\n margin-top: 20px;\n \n }\n h1:first-child {\n margin-top: 0;\n }\n div {\n max-width: unset;\n margin: 0;\n flex: 1 1 300px;\n\n \n }\n .splash-logo {\n padding: 0;\n margin: 0;\n }\n @media only screen and (max-width: 759px) {\n text-align: center;\n div {\n min-width: 100%;\n padding: 20px 0;\n }\n .splash-logo {\n padding: 20px 0;\n }\n\n }\n @media only screen and (max-width: 480px) {\n \n .description {\n h1 {\n font-size: 1.1em\n }\n > ul {\n .button {\n width: 75px;\n height: 75px;\n line-height: 75px;\n\n font-size: 55px;\n }\n }\n }\n }\n }\n}\n\nsection {\n .container {\n max-width: var(--max-width);\n margin: 0 auto;\n }\n flex: 1 1 100%;\n background-color: var(--bg);\n\n z-index: 2;\n h2 {\n text-align: center;\n padding: 40px 0;\n }\n}\nsection:first-of-type {\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n margin-top: 0;\n padding-top: 40px;\n}\n.section-title {\n padding: 80px;\n}\nfooter {\n width: 100%;\n padding: 160px 20px 200px 20px;\n background-color: var(--border-alt);\n color: var(--fg);\n background-image: url(\"../img/vignette-footer.svg\");\n background-size: 500px;\n background-repeat: repeat-x;\n background-position: top;\n box-sizing: border-box;\n z-index: 2;\n a {\n color: var(--fg);\n }\n .icon {\n color: var(--fg);\n border: 1px solid var(--fg-alt);\n }\n .icon:hover {\n border: 1px solid var(--accent2);\n color: var(--accent2);\n\n }\n .footframe {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n max-width: var(--max-width);\n margin: auto;\n padding: 20px;\n\n div {\n flex: 0 1 300px;\n margin-bottom: 80px;\n img {\n margin: auto;\n display: block;\n width: 100%;\n }\n li {\n \n line-height: 2;\n font-size: 1.5em;\n a {\n font-weight: 700;\n text-decoration: none;\n color: var(--fg);\n }\n a:hover {\n color: var(--accent2);\n }\n\n }\n }\n\n small {\n flex: 0 0 100%;\n box-sizing: border-box;\n margin: 0;\n text-align: center;\n font-size: 0.8em;\n .label {\n display: none;\n }\n }\n }\n @media only screen and (max-width: 679px) {\n .footframe {\n justify-content: center;\n div {\n flex-grow: 1;\n }\n }\n }\n}\n\n.post-navigation {\n margin: 0;\n .container {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n padding: 40px;\n align-items: flex-start;\n max-width: var(--max-width);\n margin: 0 auto;\n h2 {\n flex: 0 0 100%;\n margin-top: 40px;\n text-align: center;\n }\n .post-nav,\n .post-nav-next {\n flex: 1 0 200px;\n\n h4 {\n font-size: 2em;\n justify-self: right;\n }\n }\n .post-nav {\n margin: 0 40px 0 0;\n text-align: left;\n }\n .post-nav-next {\n margin: 0 0 0 40px;\n text-align: right;\n }\n }\n}\n// album index\n.releases {\n padding: 80px 0;\n\n .container {\n max-width: var(--max-width);\n margin: 0 auto;\n padding: 40px;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n h2 {\n flex: 0 0 100%;\n margin: 20px;\n }\n article {\n flex: 0 1 280px;\n max-width: 480px;\n margin: 20px 0;\n }\n @media only screen and (max-width: 640px) {\n \n article {\n max-width: unset;\n min-width: 100%;\n flex-grow: 1;\n margin: 20px 0;\n }\n }\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 5px;\n }\n }\n}\n\n// Streambox\n.streambox {\n text-align: center;\n line-height: 2em;\n padding: 0;\n}\n.streamer {\n max-width: var(--max-width);\n margin: 80px auto;\n padding: 0 40px;\n text-align: center;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-around;\n p {\n text-align: center !important;\n }\n .icon {\n flex: 0 0 100px;\n margin: 0;\n justify-self: center;\n }\n}\n\n\n#pleroma {\n padding: 60px 0;\n .container {\n display: flex;\n flex-wrap: wrap;\n\n border-radius: var(--border-radius);\n justify-content: space-between;\n div {\n flex: 1 1 280px;\n padding: 20px;\n margin: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n background-color: var(--bg-alt);\n box-shadow: 15px 15px 28px 24px var(--border-alt);\n border-radius: var(--border-radius);\n img {\n max-width: 100%;\n height: auto;\n }\n .date {\n font-size: 0.6em;\n margin-top: 10px;\n img {\n border-radius: 40px;\n width: 40px;\n height: 40px;\n }\n }\n h2 {\n padding-top: 0;\n margin-bottom: 0px;\n\n }\n hr {\n\n border: 1px solid var(--fg-alt);\n }\n }\n }\n @media only screen and (max-width: 720px) {\n \n .container {\n width: 100vw;\n justify-content: center;\n div {\n \n flex: 1 1 280px;\n }\n }\n }\n}\n.bio {\n flex-wrap: wrap;\n .mauticform_wrapper, .mauticform-input {\n width: calc(100% - 80px);\n max-width: 480px;\n margin: 40px auto;\n .button {\n border: 0;\n }\n }\n}\n.mautic-focus {\n font-family: 'Lucida Console', Monaco, monospace;\n color: #3c2a52;\n background-color: #3c2a52;\n}", + "html,\nbody {\n margin: 0;\n padding: 0;\n background-color: var(--bg);\n}\nbody {\n height: 100vh;\n width: 100%;\n font-family: _font(family);\n font-weight: 300;\n font-size: 1em;\n color: var(--fg);\n letter-spacing: _font(kerning);\n background-color: var(--bg);\n}\n#main-wrapper {\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n -webkit-transition: filter var(--anim-speed) ease-in;\n -moz-transition: filter var(--anim-speed) ease-in;\n -ms-transition: filter var(--anim-speed) ease-in-out;\n transition: filter var(--anim-speed) ease-in;\n z-index: 1;\n}\n.content-wrapper {\n max-width: var(--max-width);\n margin: auto;\n}\n.wrapper {\n margin: 20px 40px;\n}\n\n.hero {\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-content: center;\n background-color: transparent;\n justify-content: center;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n padding: 0;\n position: relative;\n min-height: 100vh;\n width: 100vw;\n\n .textcontainer {\n background: var(--bg-alt);\n background: linear-gradient(33deg, transparent 0%, var(--bg) 90%, transparent 90%);\n border-radius: var(--border-radius);\n max-width: var(--max-width);\n padding: 0px 40px 40px 40px;\n \n }\n\n div {\n z-index: 10;\n h1,\n p {\n flex: 1 0 100%;\n\n z-index: 10;\n color: var(--fg);\n max-width: var(--max-width);\n margin-top: 40px;\n }\n\n h1 {\n font-size: 1.8em;\n }\n }\n .imagecontainer {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url(\"../img/vignette.svg\");\n background-size: 960px;\n background-repeat: repeat-x;\n background-position: bottom;\n z-index: 1;\n h4 {\n width: 90vw;\n /* height: auto; */\n /* min-height: 100px; */\n line-height: 1.011em;\n letter-spacing: -0em;\n color: var(--bg);\n font-size: 15vw;\n display: inline;\n opacity: 1;\n border-radius: var(--border-radius);\n position: absolute;\n bottom: 0;\n transform: rotate(-3deg);\n overflow: hidden;\n background: -webkit-linear-gradient(90deg, var(--bg) 25%,transparent 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n filter: blur(2px);\n }\n }\n .splash {\n background-color: transparent;\n display: flex;\n flex-wrap: wrap;\n padding: 40px;\n align-items: flex-start;\n max-width: var(--max-width);\n margin: auto;\n .description {\n display: flex;\n flex-wrap: wrap;\n border-radius: var(--border-radius);\n background: var(--bg-alt);\n box-shadow: 15px 15px 28px 24px var(--bg-alt);\n -webkit-box-shadow: 15px 15px 28px 24px var(--bg-alt);\n -moz-box-shadow: 15px 15px 28px 24px var(--bg-alt);\n > * {\n margin: 40px !important;\n }\n > ul {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n \n .button {\n background-image: linear-gradient(228deg, var(--accent1-alt), var(--accent2-alt));\n background-size: 400% 400%;\n -webkit-animation: backgroundBlink 7s ease infinite;\n -moz-animation: backgroundBlink 7s ease infinite;\n animation: backgroundBlink 7s ease infinite;\n width: 100px;\n height: 100px;\n line-height: 100px;\n margin: 0 0 10px 0;\n padding:0;\n font-size: 65px;\n }\n }\n .mauticform_wrapper {\n width: 200px;\n .button {\n border: 0;\n }\n }\n }\n h1, h2 {\n font-size: 2em;\n }\n p, h1, h2, h3, h4 {\n text-align: left;\n margin-top: 20px;\n \n }\n h1:first-child {\n margin-top: 0;\n }\n div {\n max-width: unset;\n margin: 0;\n flex: 1 1 300px;\n\n \n }\n .splash-logo {\n padding: 0;\n margin: 0;\n }\n @media only screen and (max-width: 759px) {\n text-align: center;\n div {\n min-width: 100%;\n padding: 20px 0;\n }\n .splash-logo {\n padding: 20px 0;\n }\n\n }\n @media only screen and (max-width: 480px) {\n \n .description {\n h1 {\n font-size: 1.1em\n }\n > ul {\n .button {\n width: 75px;\n height: 75px;\n line-height: 75px;\n\n font-size: 55px;\n }\n }\n }\n }\n }\n}\n\nsection {\n .container {\n max-width: var(--max-width);\n margin: 0 auto;\n }\n flex: 1 1 100%;\n background-color: var(--bg);\n\n z-index: 2;\n h2 {\n text-align: center;\n padding: 40px 0;\n }\n}\nsection:first-of-type {\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n margin-top: 0;\n padding-top: 40px;\n}\n.section-title {\n padding: 80px;\n}\nfooter {\n width: 100%;\n padding: 160px 20px 200px 20px;\n background-color: var(--border-alt);\n color: var(--fg);\n background-image: url(\"../img/vignette-footer.svg\");\n background-size: 500px;\n background-repeat: repeat-x;\n background-position: top;\n box-sizing: border-box;\n z-index: 2;\n a {\n color: var(--fg);\n }\n .icon {\n color: var(--fg);\n border: 1px solid var(--fg-alt);\n }\n .icon:hover {\n border: 1px solid var(--accent2);\n color: var(--accent2);\n\n }\n .footframe {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n max-width: var(--max-width);\n margin: auto;\n padding: 20px;\n\n div {\n flex: 0 1 300px;\n margin-bottom: 80px;\n img {\n margin: auto;\n display: block;\n width: 100%;\n }\n li {\n \n line-height: 2;\n font-size: 1.5em;\n a {\n font-weight: 700;\n text-decoration: none;\n color: var(--fg);\n }\n a:hover {\n color: var(--accent2);\n }\n\n }\n }\n\n small {\n flex: 0 0 100%;\n box-sizing: border-box;\n margin: 0;\n text-align: center;\n font-size: 0.8em;\n .label {\n display: none;\n }\n }\n }\n @media only screen and (max-width: 679px) {\n .footframe {\n justify-content: center;\n div {\n flex-grow: 1;\n }\n }\n }\n}\n\n.post-navigation {\n margin: 0;\n .container {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n padding: 40px;\n align-items: flex-start;\n max-width: var(--max-width);\n margin: 0 auto;\n h2 {\n flex: 0 0 100%;\n margin-top: 40px;\n text-align: center;\n }\n .post-nav,\n .post-nav-next {\n flex: 1 0 200px;\n\n h4 {\n font-size: 2em;\n justify-self: right;\n }\n }\n .post-nav {\n margin: 0 40px 0 0;\n text-align: left;\n }\n .post-nav-next {\n margin: 0 0 0 40px;\n text-align: right;\n }\n }\n}\n// album index\n.releases {\n padding: 80px 0;\n\n .container {\n max-width: var(--max-width);\n margin: 0 auto;\n padding: 40px;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n h2 {\n flex: 0 0 100%;\n margin: 20px;\n }\n article {\n flex: 0 1 280px;\n max-width: 480px;\n margin: 20px 0;\n }\n @media only screen and (max-width: 640px) {\n \n article {\n max-width: unset;\n min-width: 100%;\n flex-grow: 1;\n margin: 20px 0;\n }\n }\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 5px;\n }\n }\n}\n\n// Streambox\n.streambox {\n text-align: center;\n line-height: 2em;\n padding: 0;\n}\n.streamer {\n max-width: var(--max-width);\n margin: 80px auto;\n padding: 0 40px;\n text-align: center;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-around;\n p {\n text-align: center !important;\n }\n .icon {\n flex: 0 0 100px;\n margin: 0;\n justify-self: center;\n }\n}\n\n\n#pleroma {\n padding: 60px 0;\n .container {\n display: flex;\n flex-wrap: wrap;\n\n border-radius: var(--border-radius);\n justify-content: space-between;\n div {\n flex: 1 1 280px;\n padding: 20px;\n margin: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n background-color: var(--bg-alt);\n box-shadow: 15px 15px 28px 24px var(--border-alt);\n border-radius: var(--border-radius);\n img {\n max-width: 100%;\n height: auto;\n }\n .date {\n font-size: 0.6em;\n margin-top: 10px;\n img {\n border-radius: 40px;\n width: 40px;\n height: 40px;\n }\n }\n h2 {\n padding-top: 0;\n margin-bottom: 0px;\n\n }\n hr {\n\n border: 1px solid var(--fg-alt);\n }\n }\n }\n @media only screen and (max-width: 720px) {\n \n .container {\n width: 100vw;\n justify-content: center;\n div {\n \n flex: 1 1 280px;\n }\n }\n }\n}\n.bio {\n flex-wrap: wrap;\n .mauticform_wrapper, .mauticform-input {\n width: calc(100% - 80px);\n max-width: 480px;\n margin: 10px auto;\n .button {\n border: 0;\n }\n }\n}\n.mautic-focus {\n font-family: 'Lucida Console', Monaco, monospace;\n color: #3c2a52;\n background-color: #3c2a52;\n}", "\n// Basic Elements\n\nh1, h2, h3, h4, h5, h6 {\n font-family: _font(title);\n font-weight: 700;\n\n}\nh1 {\n font-size: 2.5em;\n}\nh2 {\n font-size: 1.75em;\n}\nh3 {\n font-size: 1.5em;\n}\nstrong {\n font-weight: 500;\n}\na {\n text-decoration-style: wavy;\n text-decoration-color: transparent;\n color: var(--accent1);\n -moz-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n -webkit-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n -ms-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n}\na:hover {\n color: var(--accent2);\n text-decoration-style: wavy;\n text-decoration-color: unset;\n}\n.center {\n text-align: center;\n}\n\n// Buttons\n\n.button {\n font-family: _font(title);\n background-color: var(--accent2);\n padding: 1em;\n margin-bottom: 20px;\n display: inline-block;\n border-radius: var(--border-radius);\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n font-weight: 500;\n color: var(--bg);\n -webkit-box-shadow: 0px 0px 0px -3px var(--border-alt);\n -moz-box-shadow: 0px 0px 0px -3px var(--border-alt);\n box-shadow: 0px 0px 0px -3px var(--border-alt);\n -webkit-transition: all var(--anim-speed) ease-in-out;\n -moz-transition: all var(--anim-speed) ease-in-out;\n -ms-transition: all var(--anim-speed) ease-in-out;\n transition: all var(--anim-speed) ease-in-out;\n background-image: linear-gradient(228deg, var(--accent1-alt), var(--accent2-alt));\n background-size: 400% 400%;\n -webkit-animation: backgroundBlink 2s ease infinite;\n -moz-animation: backgroundBlink 2s ease infinite;\n animation: backgroundBlink 2s ease infinite;\n\n \n}\n.button:hover {\n background-color: var(--accent1);\n color: var(--bg);\n -webkit-box-shadow: 0px 11px 10px -3px var(--border-alt);\n -moz-box-shadow: 0px 11px 10px -3px var(--border-alt);\n box-shadow: 0px 11px 10px -3px var(--border-alt);\n -webkit-transition: all var(--anim-speed) ease-in-out;\n -moz-transition: all var(--anim-speed) ease-in-out;\n -ms-transition: all var(--anim-speed) ease-in-out;\n transition: all var(--anim-speed) ease-in-out;\n}\n.button:active {\n -webkit-box-shadow: 0px 0px 0px -3px var(--border-alt);\n -moz-box-shadow: 0px 0px 0px -3px var(--border-alt);\n box-shadow: 0px 0px 0px -3px var(--border-alt);\n}\n@media only screen and (max-width: 480px) {\n .button {\n font-size: 0.75em;\n padding: 0.75em;\n }\n}\n\n.normal-section {\n display:flex; \n flex-wrap: wrap;\n justify-content: space-around;\n padding: 20px;\n -webkit-box-shadow: unset;\n -moz-box-shadow: unset;\n box-shadow: unset;\n h2 {\n flex: 0 0 100%;\n margin: 20px;\n }\n\n p {\n margin-top: 20px;\n }\n ul{\n width: 100%;\n\n }\n\n .icon {\n flex: 0 0 100px;\n margin: 0 0 20px 0;\n display: inline-block;\n width: 100px;\n height: 100px;\n border-radius: 200px;\n font-size: 40px;\n\n line-height: 100px;\n text-align: center;\n\n }\n\n\n \n img {\n width:100%;\n height: 100%; \n object-fit: cover;\n border-radius: var(--border-radius);\n }\n}\n\n// icon\n\n.label {\n display: none;\n}\n.icon {\n flex: 0 0 45px;\n margin:20px; \n font-size: 45px;\n border-radius: 100px;\n width: 100px;\n height: 100px;\n line-height: 100px;\n border: 1px solid var(--accent1);\n color: var(--accent1);\n text-align: center;\n text-decoration: none;\n -moz-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n -webkit-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n -ms-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n\n}\n.icon:hover {\n border: 1px solid var(--accent2);\n color: var(--accent2);\n\n}\n.small {\n border-radius: 80px;\n width: 70px;\n height: 70px;\n line-height: 70px;\n font-size: 45px;\n margin-left: 0;\n}\n.smaller {\n border-radius: 30px;\n width: 30px;\n height: 30px;\n line-height: 30px;\n font-size: 18px;\n margin: 10px 10px 10px 0;\n}\n\n// Content Author\n#author {\n flex: 0 0 280px;\n margin: 0;\n .date {\n font-size:.85em;\n }\n .author-image {\n margin-right: 10px;\n background-repeat: no-repeat;\n background-size:cover; \n border-radius:150px; \n width:150px; \n height:150px;\n }\n}\n\n.info{\n padding: 40px;\n\n margin: auto;\n .info-pages {\n padding-top: 40px;\n max-width: var(--max-width);\n margin: auto;\n .container {\n img {\n margin-left: auto;\n margin-right: auto;\n width: 100%;\n max-width: 600px;\n height: auto;\n display: block;\n }\n h6 {\n font-size: 0.8em;\n text-align: center;\n }\n blockquote {\n font-weight: 700;\n border-left: 3px dotted var(--fg);\n padding-left: 40px;\n }\n ul {\n list-style-type:circle;\n padding-left:40px;\n }\n }\n }\n\n p {\n margin: 20px 0;\n }\n h2, h3, h4, h5, h6 {\n text-align: left;\n }\n}\n\n.news, .links {\n margin-top: 40px;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n h2 {\n flex: 0 0 100%;\n margin-bottom: 20px;\n }\n > div {\n background-size: cover;\n background-repeat: no;\n background-position: center center;\n flex: 1 1 512px;\n min-height: 80vh;\n\n padding: 40px;\n box-sizing: border-box;\n text-align: left;\n\n }\n .description {\n h2, p, a {\n text-align: center;\n }\n p {\n margin-top: 20px;\n }\n p:last-child {\n margin-bottom: 40px;\n }\n min-height: unset;\n }\n}\n.news:nth-child(even), .links:nth-child(even) {\n flex-direction: row-reverse;\n\n}\n.links {\n > div {\n min-height: unset;\n }\n \n}\n.linksbg {\n background-size: 100%;\n background: var(--bg);\n background: linear-gradient(180deg, var(--bg) 26%, var(--accent2-alt) 100%);\n\n}\n\n\n.front-section {\n flex-direction: row-reverse;\n -webkit-box-shadow: unset;\n -moz-box-shadow: unset;\n box-shadow: unset;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n p, h1, h2, h3, h4 {\n text-align: left;\n margin-top: 20px;\n max-width: 570px;\n }\n p:last-child {\n margin-bottom: 40px;\n }\n\n > div {\n background-size: cover;\n background-repeat: no;\n background-position: center center;\n flex: 1 1 380px;\n min-height: 50vh;\n\n padding: 20px;\n box-sizing: border-box;\n text-align: left;\n\n }\n .description {\n min-height: unset;\n }\n .container {\n max-width: 460px;\n margin: 0 20px 0 auto;\n }\n @media only screen and (max-width: 1080px) {\n \n .container {\n margin: 0 20px 0 20px;\n }\n }\n}\n.front-section:nth-child(even) {\n flex-direction: row;\n .container {\n\n margin: 0 auto 0 20px;\n }\n @media only screen and (max-width: 1000px) {\n .container {\n\n margin: 0 20px 0 20px;\n }\n }\n\n}\n\n\n\n\n#contact {\n padding: 20px;\n\n > div {\n max-width: var(--max-width);\n margin: auto;\n padding: 40px 20px;\n }\n h2 {\n padding-top: 20px;\n }\n}\n\n.normal-section {\n display:flex; \n flex-wrap: wrap;\n justify-content: space-around;\n padding: 20px;\n -webkit-box-shadow: unset;\n -moz-box-shadow: unset;\n box-shadow: unset;\n}", ".textspace {\n height: 100px;\n\n} \n\ninput, textarea, select {\n width: 100%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: var(--border-radius);\n box-sizing: border-box;\n font-family: _font(family);\n font-size: 1em;\n}\n\n\ninput[type=submit] {\n width: 200px;\n background-image: linear-gradient(223deg, var(--accent1), var(--accent2));\n background-size: 800% 800%;\n -webkit-animation: backgroundBlink 2s ease infinite;\n -moz-animation: backgroundBlink 2s ease infinite;\n animation: backgroundBlink 2s ease infinite;\n\n\n color: var(--bg);\n padding: 14px 20px;\n margin: 8px 0;\n border: none;\n border-radius: var(--border-radius);\n cursor: pointer;\n}\n\ninput[type=submit]:hover {\n background-image: linear-gradient(223deg, var(--accent2),var(--accent1));\n background-size: 800% 800%;\n -webkit-animation: backgroundBlink 2s ease infinite;\n -moz-animation: backgroundBlink 2s ease infinite;\n animation: backgroundBlink 2s ease infinite;\n\n}\n\n.contact-info {\n display: flex; \n flex-wrap: wrap;\n justify-content: space-between;\n label {\n display: none;\n\n }\n input {\n flex: 1 1 330px;\n min-width: 240px;\n\n }\n}\n\n/*specific classes related to Checkbox skins*/\n/* CSS Created by CSS CHECKBOX */\n/**********************************/\n/**** www.CSScheckbox.com *********/\n\n/*general styles for all CSS Checkboxes*/\nlabel {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n display: none;\n }\n \n input[type=checkbox].css-checkbox {\n position: absolute; \n overflow: hidden; \n clip: rect(0 0 0 0); \n height:1px; \n width:1px; \n margin:-1px; \n padding:0;\n border:0;\n }\n \n input[type=checkbox].css-checkbox + label.css-label {\n padding-left:20px;\n height:15px; \n display:inline-block;\n background-repeat:no-repeat;\n background-position: 0 0;\n font-size:1em;\n vertical-align:middle;\n cursor:pointer;\n }\n \n input[type=checkbox].css-checkbox:checked + label.css-label {\n background-position: 0 -15px;\n }\n \n .css-label{\n background-image:url(/assets/img/check.png);\n }\n\n\n \n\n input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {\n padding-left:22px;\n height:20px; \n display:inline-block;\n line-height:20px;\n background-repeat:no-repeat;\n background-position: 0 0;\n font-size:1em;\n vertical-align:middle;\n cursor:pointer;\n }\n \n input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg{\n \n background-position: 0 -20px;\n }\n\n", "/* NAVIGATION */\n\n#navbar {\n z-index: 10000;\n display: block;\n}\n.logo {\n filter: blur(20px);\n opacity: 0;\n text-decoration: none;\n position: fixed;\n top:0;\n width: 100%;\n height: 60px;\n z-index: 100;\n -webkit-transition: all var(--anim-speed) ease-in;\n -moz-transition: all var(--anim-speed) ease-in;\n -ms-transition: all var(--anim-speed) ease-in;\n transition: all var(--anim-speed) ease-in;\n background-color: transparent;\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 95% 95%;\n -webkit-box-shadow: 0px 12px 32px -25px var(--border-alt);\n -moz-box-shadow: 0px 12px 32px -25px var(--border-alt);\n box-shadow: 0px 12px 32px -25px var(--border-alt);\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n > a {\n height: 40px;\n\n }\n\n}\n.logo:hover {\n filter: blur(0px);\n opacity: 1;\n -webkit-transition: all var(--anim-speed) ease-in;\n -moz-transition: all var(--anim-speed) ease-in;\n -ms-transition: all var(--anim-speed) ease-in;\n transition: all var(--anim-speed) ease-in;\n background-color: var(--bg);\n\n}\n.sticky {\n filter: blur(0px);\n opacity: 1;\n background-color: var(--bg);\n -webkit-transition: all var(--anim-speed) ease-in;\n -moz-transition: all var(--anim-speed) ease-in;\n -ms-transition: all var(--anim-speed) ease-in;\n transition: all var(--anim-speed) ease-in;\n\n }\n.navmenu {\n margin: 0 40px 0 20px;\n font-size: 34px;\n color:var(--accent1);\n}\n \n \nnav {\n position: absolute;\n width: 300px;\n max-height: 90vh;\n max-width: 90vw;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: var(--bg);\n border-radius: var(--border-radius);\n display: flex;\n flex-wrap: wrap;\n ul {\n padding: 20px;\n width: 100%\n }\n li {\n list-style-type: none;\n margin: 20px;\n padding: 0;\n a {\n display: block;\n font-size: 14px\n }\n .button {\n display: block;\n }\n }\n }\n //.blurredout {\n // filter: blur(5px);\n // -webkit-transition: filter var(--anim-speed) ease-in;\n // -moz-transition: filter var(--anim-speed) ease-in;\n // transition: filter var(--anim-speed) ease-in;\n // }\n\n.modalDialog {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: var(--bg-alt);\n z-index: 10;\n opacity:0;\n -webkit-transition: opacity var(--anim-speed) ease-in;\n -moz-transition: opacity var(--anim-speed) ease-in;\n -ms-transition: opacity var(--anim-speed) ease-in;\n transition: opacity var(--anim-speed) ease-in;\n pointer-events: none;\n \n}\n\n.modalDialog:target {\n opacity:1;\n pointer-events: auto;\n}\n\n.modalDialog > div {\n\n display: flex;\n align-items: center;\n position: relative;\n margin: 100px auto;\n padding: 20px;\n border-radius: var(--border-radius);\n\n}\n\n.close-button {\n background-color: var(--accent2);\n color: var(--accent1);\n margin: 0 auto;\n line-height: 48px;\n position: absolute;\n right: -12px;\n text-align: center;\n top: -10px;\n width: 48px;\n height: 48px;\n text-decoration: none;\n font-weight: bold;\n border-radius: 48px;\n -webkit-transition: all var(--anim-speed) ease-in;\n -moz-transition: all var(--anim-speed) ease-in;\n -ms-transition: all var(--anim-speed) ease-in;\n transition: all var(--anim-speed) ease-in;\n}\n\n.close-button:hover { \n background-color: var(--accent1); \n color: var(--accent2);\n\n}\n\n#closearea {\n position: fixed;\n width: 100%;\n height: 100%;\n\n}\n", diff --git a/assets/css/noscripts-20210410rev1.css b/assets/css/noscripts-20210410rev1.css index bf555d2..a62783d 100644 --- a/assets/css/noscripts-20210410rev1.css +++ b/assets/css/noscripts-20210410rev1.css @@ -203,7 +203,7 @@ footer .footframe small .label { display: none; } .bio { flex-wrap: wrap; } -.bio .mauticform_wrapper, .bio .mauticform-input { width: calc(100% - 80px); max-width: 480px; margin: 40px auto; } +.bio .mauticform_wrapper, .bio .mauticform-input { width: calc(100% - 80px); max-width: 480px; margin: 10px auto; } .bio .mauticform_wrapper .button, .bio .mauticform-input .button { border: 0; } diff --git a/assets/css/noscripts-20210410rev1.css.map b/assets/css/noscripts-20210410rev1.css.map index 75a9046..b91d992 100644 --- a/assets/css/noscripts-20210410rev1.css.map +++ b/assets/css/noscripts-20210410rev1.css.map @@ -24,7 +24,7 @@ "/// Removes a specific item from a list.\r\n/// @author Hugo Giraudel\r\n/// @param {list} $list List.\r\n/// @param {integer} $index Index.\r\n/// @return {list} Updated list.\r\n@function remove-nth($list, $index) {\r\n\r\n\t$result: null;\r\n\r\n\t@if type-of($index) != number {\r\n\t\t@warn \"$index: #{quote($index)} is not a number for `remove-nth`.\";\r\n\t}\r\n\t@else if $index == 0 {\r\n\t\t@warn \"List index 0 must be a non-zero integer for `remove-nth`.\";\r\n\t}\r\n\t@else if abs($index) > length($list) {\r\n\t\t@warn \"List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.\";\r\n\t}\r\n\t@else {\r\n\r\n\t\t$result: ();\r\n\t\t$index: if($index < 0, length($list) + $index + 1, $index);\r\n\r\n\t\t@for $i from 1 through length($list) {\r\n\r\n\t\t\t@if $i != $index {\r\n\t\t\t\t$result: append($result, nth($list, $i));\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t@return $result;\r\n\r\n}\r\n\r\n/// Gets a value from a map.\r\n/// @author Hugo Giraudel\r\n/// @param {map} $map Map.\r\n/// @param {string} $keys Key(s).\r\n/// @return {string} Value.\r\n@function val($map, $keys...) {\r\n\r\n\t@if nth($keys, 1) == null {\r\n\t\t$keys: remove-nth($keys, 1);\r\n\t}\r\n\r\n\t@each $key in $keys {\r\n\t\t$map: map-get($map, $key);\r\n\t}\r\n\r\n\t@return $map;\r\n\r\n}\r\n\r\n/// Gets a font value.\r\n/// @param {string} $keys Key(s).\r\n/// @return {string} Value.\r\n@function _font($keys...) {\r\n\t@return val($font, $keys...);\r\n}\r\n\r\n// /// Gets a palette value.\r\n// /// @param {string} $keys Key(s).\r\n// /// @return {string} Value.\r\n// @function _palette($keys...) {\r\n// \t@return val($palette, $keys...);\r\n// }\r\n\r\n\r\n\r\n@font-face {\r\n font-family: 'Terminus';\r\n font-style: normal;\r\n font-weight: 400;\r\n src: local('Terminus Regular'), local('Terminus-Regular'), url(/assets/fonts/terminus/TerminusTTF.ttf) format('truetype');\r\n }\r\n\r\n@font-face {\r\n font-family: 'Terminus';\r\n font-style: normal;\r\n font-weight: 700;\r\n src: local('Terminus Bold'), local('Terminus-Vold'), url(/assets/fonts/terminus/TerminusTTF-Bold.ttf) format('truetype');\r\n }\r\n\r\n$font: (\r\n title: ('Terminus', 'Lucida Console', Monaco, monospace),\r\n family: ('Terminus', 'Poppins', 'Arial', 'Helvetica', sans-serif),\r\n family-fixed: ('Terminus', 'Lucida Console', Monaco, monospace),\r\n weight: 400,\r\n weight-bold: 700,\r\n kerning: 0em,\r\n kerning-alt: 0.125em\r\n);\r\n:root {\r\n --border-radius: 3px;\r\n --max-width: 1000px;\r\n --anim-speed: 200ms;\r\n\r\n}\r\n\r\n// // Palette.\r\n// $palette: (\r\n\r\n// bg: #0C0F0A, \r\n// bg-alt: rgba(12, 15, 10, 0.5), \r\n// fg: #FFFFFF,\r\n// fg-alt: rgba(255, 255, 255, 0.5),\r\n// border: #000000,\r\n// border-alt: rgba(0, 0, 0, 0.75),\r\n// accent1: #41EAD4,\r\n// accent1-alt:rgba(65, 234, 212, 0.75),\r\n// accent2: #FF206E,\r\n// accent2-alt:rgba(255, 32, 110, 0.75),\r\n\r\n// );", "///\n/// Story by HTML5 UP\n/// html5up.net | @ajlkn\n/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\n///\n\n// Reset.\n// Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain)\n\nhtml, body, div, span, applet, object,\niframe, h1, h2, h3, h4, h5, h6, p, blockquote,\npre, a, abbr, acronym, address, big, cite,\ncode, del, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var, b,\nu, i, center, dl, dt, dd, ol, ul, li, fieldset,\nform, label, legend, table, caption, tbody,\ntfoot, thead, tr, th, td, article, aside,\ncanvas, details, embed, figure, figcaption,\nfooter, header, hgroup, menu, nav, output, ruby,\nsection, summary, time, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\n\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\nhtml {\n scroll-behavior: smooth;\n}\nbody {\n line-height: 1.75;\n}\n\nol, ul {\n list-style:none;\n}\n\nblockquote,\tq {\n quotes: none;\n\n &:before,\n &:after {\n content: '';\n content: none;\n }\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\nbody {\n -webkit-text-size-adjust: none;\n}\n\nmark {\n background-color: transparent;\n color: inherit;\n}\n\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\ninput, select, textarea {\n -moz-appearance: none;\n -webkit-appearance: none;\n -ms-appearance: none;\n appearance: none;\n}\n", "// Animation \n@-webkit-keyframes infiniteRotate { \n 0% { -webkit-transform: rotate(0deg); }\n 100% { -webkit-transform: rotate(360deg); }\n}\n@-moz-keyframes infiniteRotate { \n 0% { -webkit-transform: rotate(0deg); }\n 100% { -webkit-transform: rotate(360deg); }\n}\n@keyframes infiniteRotate { \n 0% { -webkit-transform: rotate(0deg); }\n 100% { -webkit-transform: rotate(360deg); }\n}\n\n\n@-webkit-keyframes backgroundBlink {\n 0%{background-position:73% 0%}\n 50%{background-position:28% 100%}\n 100%{background-position:73% 0%}\n}\n@-moz-keyframes backgroundBlink {\n 0%{background-position:73% 0%}\n 50%{background-position:28% 100%}\n 100%{background-position:73% 0%}\n}\n@keyframes backgroundBlink {\n 0%{background-position:73% 0%}\n 50%{background-position:28% 100%}\n 100%{background-position:73% 0%}\n}\n\n@-webkit-keyframes backgroundSize {\n 0%{background-size:100% 150%}\n 50%{background-size:150% 100%}\n 100%{background-size:100% 150%}\n}\n@-moz-keyframes backgroundSize {\n 0%{background-size:100% 150%}\n 50%{background-size:150% 100%}\n 100%{background-size:100% 150%}\n}\n@keyframes backgroundSize {\n 0%{background-size:100% 150%}\n 50%{background-size:150% 100%}\n 100%{background-size:100% 150%}\n}", - "html,\nbody {\n margin: 0;\n padding: 0;\n background-color: var(--bg);\n}\nbody {\n height: 100vh;\n width: 100%;\n font-family: _font(family);\n font-weight: 300;\n font-size: 1em;\n color: var(--fg);\n letter-spacing: _font(kerning);\n background-color: var(--bg);\n}\n#main-wrapper {\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n -webkit-transition: filter var(--anim-speed) ease-in;\n -moz-transition: filter var(--anim-speed) ease-in;\n -ms-transition: filter var(--anim-speed) ease-in-out;\n transition: filter var(--anim-speed) ease-in;\n z-index: 1;\n}\n.content-wrapper {\n max-width: var(--max-width);\n margin: auto;\n}\n.wrapper {\n margin: 20px 40px;\n}\n\n.hero {\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-content: center;\n background-color: transparent;\n justify-content: center;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n padding: 0;\n position: relative;\n min-height: 100vh;\n width: 100vw;\n\n .textcontainer {\n background: var(--bg-alt);\n background: linear-gradient(33deg, transparent 0%, var(--bg) 90%, transparent 90%);\n border-radius: var(--border-radius);\n max-width: var(--max-width);\n padding: 0px 40px 40px 40px;\n \n }\n\n div {\n z-index: 10;\n h1,\n p {\n flex: 1 0 100%;\n\n z-index: 10;\n color: var(--fg);\n max-width: var(--max-width);\n margin-top: 40px;\n }\n\n h1 {\n font-size: 1.8em;\n }\n }\n .imagecontainer {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url(\"../img/vignette.svg\");\n background-size: 960px;\n background-repeat: repeat-x;\n background-position: bottom;\n z-index: 1;\n h4 {\n width: 90vw;\n /* height: auto; */\n /* min-height: 100px; */\n line-height: 1.011em;\n letter-spacing: -0em;\n color: var(--bg);\n font-size: 15vw;\n display: inline;\n opacity: 1;\n border-radius: var(--border-radius);\n position: absolute;\n bottom: 0;\n transform: rotate(-3deg);\n overflow: hidden;\n background: -webkit-linear-gradient(90deg, var(--bg) 25%,transparent 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n filter: blur(2px);\n }\n }\n .splash {\n background-color: transparent;\n display: flex;\n flex-wrap: wrap;\n padding: 40px;\n align-items: flex-start;\n max-width: var(--max-width);\n margin: auto;\n .description {\n display: flex;\n flex-wrap: wrap;\n border-radius: var(--border-radius);\n background: var(--bg-alt);\n box-shadow: 15px 15px 28px 24px var(--bg-alt);\n -webkit-box-shadow: 15px 15px 28px 24px var(--bg-alt);\n -moz-box-shadow: 15px 15px 28px 24px var(--bg-alt);\n > * {\n margin: 40px !important;\n }\n > ul {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n \n .button {\n background-image: linear-gradient(228deg, var(--accent1-alt), var(--accent2-alt));\n background-size: 400% 400%;\n -webkit-animation: backgroundBlink 7s ease infinite;\n -moz-animation: backgroundBlink 7s ease infinite;\n animation: backgroundBlink 7s ease infinite;\n width: 100px;\n height: 100px;\n line-height: 100px;\n margin: 0 0 10px 0;\n padding:0;\n font-size: 65px;\n }\n }\n .mauticform_wrapper {\n width: 200px;\n .button {\n border: 0;\n }\n }\n }\n h1, h2 {\n font-size: 2em;\n }\n p, h1, h2, h3, h4 {\n text-align: left;\n margin-top: 20px;\n \n }\n h1:first-child {\n margin-top: 0;\n }\n div {\n max-width: unset;\n margin: 0;\n flex: 1 1 300px;\n\n \n }\n .splash-logo {\n padding: 0;\n margin: 0;\n }\n @media only screen and (max-width: 759px) {\n text-align: center;\n div {\n min-width: 100%;\n padding: 20px 0;\n }\n .splash-logo {\n padding: 20px 0;\n }\n\n }\n @media only screen and (max-width: 480px) {\n \n .description {\n h1 {\n font-size: 1.1em\n }\n > ul {\n .button {\n width: 75px;\n height: 75px;\n line-height: 75px;\n\n font-size: 55px;\n }\n }\n }\n }\n }\n}\n\nsection {\n .container {\n max-width: var(--max-width);\n margin: 0 auto;\n }\n flex: 1 1 100%;\n background-color: var(--bg);\n\n z-index: 2;\n h2 {\n text-align: center;\n padding: 40px 0;\n }\n}\nsection:first-of-type {\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n margin-top: 0;\n padding-top: 40px;\n}\n.section-title {\n padding: 80px;\n}\nfooter {\n width: 100%;\n padding: 160px 20px 200px 20px;\n background-color: var(--border-alt);\n color: var(--fg);\n background-image: url(\"../img/vignette-footer.svg\");\n background-size: 500px;\n background-repeat: repeat-x;\n background-position: top;\n box-sizing: border-box;\n z-index: 2;\n a {\n color: var(--fg);\n }\n .icon {\n color: var(--fg);\n border: 1px solid var(--fg-alt);\n }\n .icon:hover {\n border: 1px solid var(--accent2);\n color: var(--accent2);\n\n }\n .footframe {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n max-width: var(--max-width);\n margin: auto;\n padding: 20px;\n\n div {\n flex: 0 1 300px;\n margin-bottom: 80px;\n img {\n margin: auto;\n display: block;\n width: 100%;\n }\n li {\n \n line-height: 2;\n font-size: 1.5em;\n a {\n font-weight: 700;\n text-decoration: none;\n color: var(--fg);\n }\n a:hover {\n color: var(--accent2);\n }\n\n }\n }\n\n small {\n flex: 0 0 100%;\n box-sizing: border-box;\n margin: 0;\n text-align: center;\n font-size: 0.8em;\n .label {\n display: none;\n }\n }\n }\n @media only screen and (max-width: 679px) {\n .footframe {\n justify-content: center;\n div {\n flex-grow: 1;\n }\n }\n }\n}\n\n.post-navigation {\n margin: 0;\n .container {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n padding: 40px;\n align-items: flex-start;\n max-width: var(--max-width);\n margin: 0 auto;\n h2 {\n flex: 0 0 100%;\n margin-top: 40px;\n text-align: center;\n }\n .post-nav,\n .post-nav-next {\n flex: 1 0 200px;\n\n h4 {\n font-size: 2em;\n justify-self: right;\n }\n }\n .post-nav {\n margin: 0 40px 0 0;\n text-align: left;\n }\n .post-nav-next {\n margin: 0 0 0 40px;\n text-align: right;\n }\n }\n}\n// album index\n.releases {\n padding: 80px 0;\n\n .container {\n max-width: var(--max-width);\n margin: 0 auto;\n padding: 40px;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n h2 {\n flex: 0 0 100%;\n margin: 20px;\n }\n article {\n flex: 0 1 280px;\n max-width: 480px;\n margin: 20px 0;\n }\n @media only screen and (max-width: 640px) {\n \n article {\n max-width: unset;\n min-width: 100%;\n flex-grow: 1;\n margin: 20px 0;\n }\n }\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 5px;\n }\n }\n}\n\n// Streambox\n.streambox {\n text-align: center;\n line-height: 2em;\n padding: 0;\n}\n.streamer {\n max-width: var(--max-width);\n margin: 80px auto;\n padding: 0 40px;\n text-align: center;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-around;\n p {\n text-align: center !important;\n }\n .icon {\n flex: 0 0 100px;\n margin: 0;\n justify-self: center;\n }\n}\n\n\n#pleroma {\n padding: 60px 0;\n .container {\n display: flex;\n flex-wrap: wrap;\n\n border-radius: var(--border-radius);\n justify-content: space-between;\n div {\n flex: 1 1 280px;\n padding: 20px;\n margin: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n background-color: var(--bg-alt);\n box-shadow: 15px 15px 28px 24px var(--border-alt);\n border-radius: var(--border-radius);\n img {\n max-width: 100%;\n height: auto;\n }\n .date {\n font-size: 0.6em;\n margin-top: 10px;\n img {\n border-radius: 40px;\n width: 40px;\n height: 40px;\n }\n }\n h2 {\n padding-top: 0;\n margin-bottom: 0px;\n\n }\n hr {\n\n border: 1px solid var(--fg-alt);\n }\n }\n }\n @media only screen and (max-width: 720px) {\n \n .container {\n width: 100vw;\n justify-content: center;\n div {\n \n flex: 1 1 280px;\n }\n }\n }\n}\n.bio {\n flex-wrap: wrap;\n .mauticform_wrapper, .mauticform-input {\n width: calc(100% - 80px);\n max-width: 480px;\n margin: 40px auto;\n .button {\n border: 0;\n }\n }\n}\n.mautic-focus {\n font-family: 'Lucida Console', Monaco, monospace;\n color: #3c2a52;\n background-color: #3c2a52;\n}", + "html,\nbody {\n margin: 0;\n padding: 0;\n background-color: var(--bg);\n}\nbody {\n height: 100vh;\n width: 100%;\n font-family: _font(family);\n font-weight: 300;\n font-size: 1em;\n color: var(--fg);\n letter-spacing: _font(kerning);\n background-color: var(--bg);\n}\n#main-wrapper {\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n -webkit-transition: filter var(--anim-speed) ease-in;\n -moz-transition: filter var(--anim-speed) ease-in;\n -ms-transition: filter var(--anim-speed) ease-in-out;\n transition: filter var(--anim-speed) ease-in;\n z-index: 1;\n}\n.content-wrapper {\n max-width: var(--max-width);\n margin: auto;\n}\n.wrapper {\n margin: 20px 40px;\n}\n\n.hero {\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-content: center;\n background-color: transparent;\n justify-content: center;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n padding: 0;\n position: relative;\n min-height: 100vh;\n width: 100vw;\n\n .textcontainer {\n background: var(--bg-alt);\n background: linear-gradient(33deg, transparent 0%, var(--bg) 90%, transparent 90%);\n border-radius: var(--border-radius);\n max-width: var(--max-width);\n padding: 0px 40px 40px 40px;\n \n }\n\n div {\n z-index: 10;\n h1,\n p {\n flex: 1 0 100%;\n\n z-index: 10;\n color: var(--fg);\n max-width: var(--max-width);\n margin-top: 40px;\n }\n\n h1 {\n font-size: 1.8em;\n }\n }\n .imagecontainer {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url(\"../img/vignette.svg\");\n background-size: 960px;\n background-repeat: repeat-x;\n background-position: bottom;\n z-index: 1;\n h4 {\n width: 90vw;\n /* height: auto; */\n /* min-height: 100px; */\n line-height: 1.011em;\n letter-spacing: -0em;\n color: var(--bg);\n font-size: 15vw;\n display: inline;\n opacity: 1;\n border-radius: var(--border-radius);\n position: absolute;\n bottom: 0;\n transform: rotate(-3deg);\n overflow: hidden;\n background: -webkit-linear-gradient(90deg, var(--bg) 25%,transparent 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n filter: blur(2px);\n }\n }\n .splash {\n background-color: transparent;\n display: flex;\n flex-wrap: wrap;\n padding: 40px;\n align-items: flex-start;\n max-width: var(--max-width);\n margin: auto;\n .description {\n display: flex;\n flex-wrap: wrap;\n border-radius: var(--border-radius);\n background: var(--bg-alt);\n box-shadow: 15px 15px 28px 24px var(--bg-alt);\n -webkit-box-shadow: 15px 15px 28px 24px var(--bg-alt);\n -moz-box-shadow: 15px 15px 28px 24px var(--bg-alt);\n > * {\n margin: 40px !important;\n }\n > ul {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n \n .button {\n background-image: linear-gradient(228deg, var(--accent1-alt), var(--accent2-alt));\n background-size: 400% 400%;\n -webkit-animation: backgroundBlink 7s ease infinite;\n -moz-animation: backgroundBlink 7s ease infinite;\n animation: backgroundBlink 7s ease infinite;\n width: 100px;\n height: 100px;\n line-height: 100px;\n margin: 0 0 10px 0;\n padding:0;\n font-size: 65px;\n }\n }\n .mauticform_wrapper {\n width: 200px;\n .button {\n border: 0;\n }\n }\n }\n h1, h2 {\n font-size: 2em;\n }\n p, h1, h2, h3, h4 {\n text-align: left;\n margin-top: 20px;\n \n }\n h1:first-child {\n margin-top: 0;\n }\n div {\n max-width: unset;\n margin: 0;\n flex: 1 1 300px;\n\n \n }\n .splash-logo {\n padding: 0;\n margin: 0;\n }\n @media only screen and (max-width: 759px) {\n text-align: center;\n div {\n min-width: 100%;\n padding: 20px 0;\n }\n .splash-logo {\n padding: 20px 0;\n }\n\n }\n @media only screen and (max-width: 480px) {\n \n .description {\n h1 {\n font-size: 1.1em\n }\n > ul {\n .button {\n width: 75px;\n height: 75px;\n line-height: 75px;\n\n font-size: 55px;\n }\n }\n }\n }\n }\n}\n\nsection {\n .container {\n max-width: var(--max-width);\n margin: 0 auto;\n }\n flex: 1 1 100%;\n background-color: var(--bg);\n\n z-index: 2;\n h2 {\n text-align: center;\n padding: 40px 0;\n }\n}\nsection:first-of-type {\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n margin-top: 0;\n padding-top: 40px;\n}\n.section-title {\n padding: 80px;\n}\nfooter {\n width: 100%;\n padding: 160px 20px 200px 20px;\n background-color: var(--border-alt);\n color: var(--fg);\n background-image: url(\"../img/vignette-footer.svg\");\n background-size: 500px;\n background-repeat: repeat-x;\n background-position: top;\n box-sizing: border-box;\n z-index: 2;\n a {\n color: var(--fg);\n }\n .icon {\n color: var(--fg);\n border: 1px solid var(--fg-alt);\n }\n .icon:hover {\n border: 1px solid var(--accent2);\n color: var(--accent2);\n\n }\n .footframe {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n max-width: var(--max-width);\n margin: auto;\n padding: 20px;\n\n div {\n flex: 0 1 300px;\n margin-bottom: 80px;\n img {\n margin: auto;\n display: block;\n width: 100%;\n }\n li {\n \n line-height: 2;\n font-size: 1.5em;\n a {\n font-weight: 700;\n text-decoration: none;\n color: var(--fg);\n }\n a:hover {\n color: var(--accent2);\n }\n\n }\n }\n\n small {\n flex: 0 0 100%;\n box-sizing: border-box;\n margin: 0;\n text-align: center;\n font-size: 0.8em;\n .label {\n display: none;\n }\n }\n }\n @media only screen and (max-width: 679px) {\n .footframe {\n justify-content: center;\n div {\n flex-grow: 1;\n }\n }\n }\n}\n\n.post-navigation {\n margin: 0;\n .container {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n padding: 40px;\n align-items: flex-start;\n max-width: var(--max-width);\n margin: 0 auto;\n h2 {\n flex: 0 0 100%;\n margin-top: 40px;\n text-align: center;\n }\n .post-nav,\n .post-nav-next {\n flex: 1 0 200px;\n\n h4 {\n font-size: 2em;\n justify-self: right;\n }\n }\n .post-nav {\n margin: 0 40px 0 0;\n text-align: left;\n }\n .post-nav-next {\n margin: 0 0 0 40px;\n text-align: right;\n }\n }\n}\n// album index\n.releases {\n padding: 80px 0;\n\n .container {\n max-width: var(--max-width);\n margin: 0 auto;\n padding: 40px;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n h2 {\n flex: 0 0 100%;\n margin: 20px;\n }\n article {\n flex: 0 1 280px;\n max-width: 480px;\n margin: 20px 0;\n }\n @media only screen and (max-width: 640px) {\n \n article {\n max-width: unset;\n min-width: 100%;\n flex-grow: 1;\n margin: 20px 0;\n }\n }\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 5px;\n }\n }\n}\n\n// Streambox\n.streambox {\n text-align: center;\n line-height: 2em;\n padding: 0;\n}\n.streamer {\n max-width: var(--max-width);\n margin: 80px auto;\n padding: 0 40px;\n text-align: center;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-around;\n p {\n text-align: center !important;\n }\n .icon {\n flex: 0 0 100px;\n margin: 0;\n justify-self: center;\n }\n}\n\n\n#pleroma {\n padding: 60px 0;\n .container {\n display: flex;\n flex-wrap: wrap;\n\n border-radius: var(--border-radius);\n justify-content: space-between;\n div {\n flex: 1 1 280px;\n padding: 20px;\n margin: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n background-color: var(--bg-alt);\n box-shadow: 15px 15px 28px 24px var(--border-alt);\n border-radius: var(--border-radius);\n img {\n max-width: 100%;\n height: auto;\n }\n .date {\n font-size: 0.6em;\n margin-top: 10px;\n img {\n border-radius: 40px;\n width: 40px;\n height: 40px;\n }\n }\n h2 {\n padding-top: 0;\n margin-bottom: 0px;\n\n }\n hr {\n\n border: 1px solid var(--fg-alt);\n }\n }\n }\n @media only screen and (max-width: 720px) {\n \n .container {\n width: 100vw;\n justify-content: center;\n div {\n \n flex: 1 1 280px;\n }\n }\n }\n}\n.bio {\n flex-wrap: wrap;\n .mauticform_wrapper, .mauticform-input {\n width: calc(100% - 80px);\n max-width: 480px;\n margin: 10px auto;\n .button {\n border: 0;\n }\n }\n}\n.mautic-focus {\n font-family: 'Lucida Console', Monaco, monospace;\n color: #3c2a52;\n background-color: #3c2a52;\n}", "\n// Basic Elements\n\nh1, h2, h3, h4, h5, h6 {\n font-family: _font(title);\n font-weight: 700;\n\n}\nh1 {\n font-size: 2.5em;\n}\nh2 {\n font-size: 1.75em;\n}\nh3 {\n font-size: 1.5em;\n}\nstrong {\n font-weight: 500;\n}\na {\n text-decoration-style: wavy;\n text-decoration-color: transparent;\n color: var(--accent1);\n -moz-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n -webkit-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n -ms-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n}\na:hover {\n color: var(--accent2);\n text-decoration-style: wavy;\n text-decoration-color: unset;\n}\n.center {\n text-align: center;\n}\n\n// Buttons\n\n.button {\n font-family: _font(title);\n background-color: var(--accent2);\n padding: 1em;\n margin-bottom: 20px;\n display: inline-block;\n border-radius: var(--border-radius);\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n font-weight: 500;\n color: var(--bg);\n -webkit-box-shadow: 0px 0px 0px -3px var(--border-alt);\n -moz-box-shadow: 0px 0px 0px -3px var(--border-alt);\n box-shadow: 0px 0px 0px -3px var(--border-alt);\n -webkit-transition: all var(--anim-speed) ease-in-out;\n -moz-transition: all var(--anim-speed) ease-in-out;\n -ms-transition: all var(--anim-speed) ease-in-out;\n transition: all var(--anim-speed) ease-in-out;\n background-image: linear-gradient(228deg, var(--accent1-alt), var(--accent2-alt));\n background-size: 400% 400%;\n -webkit-animation: backgroundBlink 2s ease infinite;\n -moz-animation: backgroundBlink 2s ease infinite;\n animation: backgroundBlink 2s ease infinite;\n\n \n}\n.button:hover {\n background-color: var(--accent1);\n color: var(--bg);\n -webkit-box-shadow: 0px 11px 10px -3px var(--border-alt);\n -moz-box-shadow: 0px 11px 10px -3px var(--border-alt);\n box-shadow: 0px 11px 10px -3px var(--border-alt);\n -webkit-transition: all var(--anim-speed) ease-in-out;\n -moz-transition: all var(--anim-speed) ease-in-out;\n -ms-transition: all var(--anim-speed) ease-in-out;\n transition: all var(--anim-speed) ease-in-out;\n}\n.button:active {\n -webkit-box-shadow: 0px 0px 0px -3px var(--border-alt);\n -moz-box-shadow: 0px 0px 0px -3px var(--border-alt);\n box-shadow: 0px 0px 0px -3px var(--border-alt);\n}\n@media only screen and (max-width: 480px) {\n .button {\n font-size: 0.75em;\n padding: 0.75em;\n }\n}\n\n.normal-section {\n display:flex; \n flex-wrap: wrap;\n justify-content: space-around;\n padding: 20px;\n -webkit-box-shadow: unset;\n -moz-box-shadow: unset;\n box-shadow: unset;\n h2 {\n flex: 0 0 100%;\n margin: 20px;\n }\n\n p {\n margin-top: 20px;\n }\n ul{\n width: 100%;\n\n }\n\n .icon {\n flex: 0 0 100px;\n margin: 0 0 20px 0;\n display: inline-block;\n width: 100px;\n height: 100px;\n border-radius: 200px;\n font-size: 40px;\n\n line-height: 100px;\n text-align: center;\n\n }\n\n\n \n img {\n width:100%;\n height: 100%; \n object-fit: cover;\n border-radius: var(--border-radius);\n }\n}\n\n// icon\n\n.label {\n display: none;\n}\n.icon {\n flex: 0 0 45px;\n margin:20px; \n font-size: 45px;\n border-radius: 100px;\n width: 100px;\n height: 100px;\n line-height: 100px;\n border: 1px solid var(--accent1);\n color: var(--accent1);\n text-align: center;\n text-decoration: none;\n -moz-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n -webkit-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n -ms-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n\n}\n.icon:hover {\n border: 1px solid var(--accent2);\n color: var(--accent2);\n\n}\n.small {\n border-radius: 80px;\n width: 70px;\n height: 70px;\n line-height: 70px;\n font-size: 45px;\n margin-left: 0;\n}\n.smaller {\n border-radius: 30px;\n width: 30px;\n height: 30px;\n line-height: 30px;\n font-size: 18px;\n margin: 10px 10px 10px 0;\n}\n\n// Content Author\n#author {\n flex: 0 0 280px;\n margin: 0;\n .date {\n font-size:.85em;\n }\n .author-image {\n margin-right: 10px;\n background-repeat: no-repeat;\n background-size:cover; \n border-radius:150px; \n width:150px; \n height:150px;\n }\n}\n\n.info{\n padding: 40px;\n\n margin: auto;\n .info-pages {\n padding-top: 40px;\n max-width: var(--max-width);\n margin: auto;\n .container {\n img {\n margin-left: auto;\n margin-right: auto;\n width: 100%;\n max-width: 600px;\n height: auto;\n display: block;\n }\n h6 {\n font-size: 0.8em;\n text-align: center;\n }\n blockquote {\n font-weight: 700;\n border-left: 3px dotted var(--fg);\n padding-left: 40px;\n }\n ul {\n list-style-type:circle;\n padding-left:40px;\n }\n }\n }\n\n p {\n margin: 20px 0;\n }\n h2, h3, h4, h5, h6 {\n text-align: left;\n }\n}\n\n.news, .links {\n margin-top: 40px;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n h2 {\n flex: 0 0 100%;\n margin-bottom: 20px;\n }\n > div {\n background-size: cover;\n background-repeat: no;\n background-position: center center;\n flex: 1 1 512px;\n min-height: 80vh;\n\n padding: 40px;\n box-sizing: border-box;\n text-align: left;\n\n }\n .description {\n h2, p, a {\n text-align: center;\n }\n p {\n margin-top: 20px;\n }\n p:last-child {\n margin-bottom: 40px;\n }\n min-height: unset;\n }\n}\n.news:nth-child(even), .links:nth-child(even) {\n flex-direction: row-reverse;\n\n}\n.links {\n > div {\n min-height: unset;\n }\n \n}\n.linksbg {\n background-size: 100%;\n background: var(--bg);\n background: linear-gradient(180deg, var(--bg) 26%, var(--accent2-alt) 100%);\n\n}\n\n\n.front-section {\n flex-direction: row-reverse;\n -webkit-box-shadow: unset;\n -moz-box-shadow: unset;\n box-shadow: unset;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n p, h1, h2, h3, h4 {\n text-align: left;\n margin-top: 20px;\n max-width: 570px;\n }\n p:last-child {\n margin-bottom: 40px;\n }\n\n > div {\n background-size: cover;\n background-repeat: no;\n background-position: center center;\n flex: 1 1 380px;\n min-height: 50vh;\n\n padding: 20px;\n box-sizing: border-box;\n text-align: left;\n\n }\n .description {\n min-height: unset;\n }\n .container {\n max-width: 460px;\n margin: 0 20px 0 auto;\n }\n @media only screen and (max-width: 1080px) {\n \n .container {\n margin: 0 20px 0 20px;\n }\n }\n}\n.front-section:nth-child(even) {\n flex-direction: row;\n .container {\n\n margin: 0 auto 0 20px;\n }\n @media only screen and (max-width: 1000px) {\n .container {\n\n margin: 0 20px 0 20px;\n }\n }\n\n}\n\n\n\n\n#contact {\n padding: 20px;\n\n > div {\n max-width: var(--max-width);\n margin: auto;\n padding: 40px 20px;\n }\n h2 {\n padding-top: 20px;\n }\n}\n\n.normal-section {\n display:flex; \n flex-wrap: wrap;\n justify-content: space-around;\n padding: 20px;\n -webkit-box-shadow: unset;\n -moz-box-shadow: unset;\n box-shadow: unset;\n}", ".textspace {\n height: 100px;\n\n} \n\ninput, textarea, select {\n width: 100%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: var(--border-radius);\n box-sizing: border-box;\n font-family: _font(family);\n font-size: 1em;\n}\n\n\ninput[type=submit] {\n width: 200px;\n background-image: linear-gradient(223deg, var(--accent1), var(--accent2));\n background-size: 800% 800%;\n -webkit-animation: backgroundBlink 2s ease infinite;\n -moz-animation: backgroundBlink 2s ease infinite;\n animation: backgroundBlink 2s ease infinite;\n\n\n color: var(--bg);\n padding: 14px 20px;\n margin: 8px 0;\n border: none;\n border-radius: var(--border-radius);\n cursor: pointer;\n}\n\ninput[type=submit]:hover {\n background-image: linear-gradient(223deg, var(--accent2),var(--accent1));\n background-size: 800% 800%;\n -webkit-animation: backgroundBlink 2s ease infinite;\n -moz-animation: backgroundBlink 2s ease infinite;\n animation: backgroundBlink 2s ease infinite;\n\n}\n\n.contact-info {\n display: flex; \n flex-wrap: wrap;\n justify-content: space-between;\n label {\n display: none;\n\n }\n input {\n flex: 1 1 330px;\n min-width: 240px;\n\n }\n}\n\n/*specific classes related to Checkbox skins*/\n/* CSS Created by CSS CHECKBOX */\n/**********************************/\n/**** www.CSScheckbox.com *********/\n\n/*general styles for all CSS Checkboxes*/\nlabel {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n display: none;\n }\n \n input[type=checkbox].css-checkbox {\n position: absolute; \n overflow: hidden; \n clip: rect(0 0 0 0); \n height:1px; \n width:1px; \n margin:-1px; \n padding:0;\n border:0;\n }\n \n input[type=checkbox].css-checkbox + label.css-label {\n padding-left:20px;\n height:15px; \n display:inline-block;\n background-repeat:no-repeat;\n background-position: 0 0;\n font-size:1em;\n vertical-align:middle;\n cursor:pointer;\n }\n \n input[type=checkbox].css-checkbox:checked + label.css-label {\n background-position: 0 -15px;\n }\n \n .css-label{\n background-image:url(/assets/img/check.png);\n }\n\n\n \n\n input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {\n padding-left:22px;\n height:20px; \n display:inline-block;\n line-height:20px;\n background-repeat:no-repeat;\n background-position: 0 0;\n font-size:1em;\n vertical-align:middle;\n cursor:pointer;\n }\n \n input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg{\n \n background-position: 0 -20px;\n }\n\n", "/* NAVIGATION */\n\n#navbar {\n z-index: 10000;\n display: block;\n}\n.logo {\n filter: blur(20px);\n opacity: 0;\n text-decoration: none;\n position: fixed;\n top:0;\n width: 100%;\n height: 60px;\n z-index: 100;\n -webkit-transition: all var(--anim-speed) ease-in;\n -moz-transition: all var(--anim-speed) ease-in;\n -ms-transition: all var(--anim-speed) ease-in;\n transition: all var(--anim-speed) ease-in;\n background-color: transparent;\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 95% 95%;\n -webkit-box-shadow: 0px 12px 32px -25px var(--border-alt);\n -moz-box-shadow: 0px 12px 32px -25px var(--border-alt);\n box-shadow: 0px 12px 32px -25px var(--border-alt);\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n > a {\n height: 40px;\n\n }\n\n}\n.logo:hover {\n filter: blur(0px);\n opacity: 1;\n -webkit-transition: all var(--anim-speed) ease-in;\n -moz-transition: all var(--anim-speed) ease-in;\n -ms-transition: all var(--anim-speed) ease-in;\n transition: all var(--anim-speed) ease-in;\n background-color: var(--bg);\n\n}\n.sticky {\n filter: blur(0px);\n opacity: 1;\n background-color: var(--bg);\n -webkit-transition: all var(--anim-speed) ease-in;\n -moz-transition: all var(--anim-speed) ease-in;\n -ms-transition: all var(--anim-speed) ease-in;\n transition: all var(--anim-speed) ease-in;\n\n }\n.navmenu {\n margin: 0 40px 0 20px;\n font-size: 34px;\n color:var(--accent1);\n}\n \n \nnav {\n position: absolute;\n width: 300px;\n max-height: 90vh;\n max-width: 90vw;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: var(--bg);\n border-radius: var(--border-radius);\n display: flex;\n flex-wrap: wrap;\n ul {\n padding: 20px;\n width: 100%\n }\n li {\n list-style-type: none;\n margin: 20px;\n padding: 0;\n a {\n display: block;\n font-size: 14px\n }\n .button {\n display: block;\n }\n }\n }\n //.blurredout {\n // filter: blur(5px);\n // -webkit-transition: filter var(--anim-speed) ease-in;\n // -moz-transition: filter var(--anim-speed) ease-in;\n // transition: filter var(--anim-speed) ease-in;\n // }\n\n.modalDialog {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: var(--bg-alt);\n z-index: 10;\n opacity:0;\n -webkit-transition: opacity var(--anim-speed) ease-in;\n -moz-transition: opacity var(--anim-speed) ease-in;\n -ms-transition: opacity var(--anim-speed) ease-in;\n transition: opacity var(--anim-speed) ease-in;\n pointer-events: none;\n \n}\n\n.modalDialog:target {\n opacity:1;\n pointer-events: auto;\n}\n\n.modalDialog > div {\n\n display: flex;\n align-items: center;\n position: relative;\n margin: 100px auto;\n padding: 20px;\n border-radius: var(--border-radius);\n\n}\n\n.close-button {\n background-color: var(--accent2);\n color: var(--accent1);\n margin: 0 auto;\n line-height: 48px;\n position: absolute;\n right: -12px;\n text-align: center;\n top: -10px;\n width: 48px;\n height: 48px;\n text-decoration: none;\n font-weight: bold;\n border-radius: 48px;\n -webkit-transition: all var(--anim-speed) ease-in;\n -moz-transition: all var(--anim-speed) ease-in;\n -ms-transition: all var(--anim-speed) ease-in;\n transition: all var(--anim-speed) ease-in;\n}\n\n.close-button:hover { \n background-color: var(--accent1); \n color: var(--accent2);\n\n}\n\n#closearea {\n position: fixed;\n width: 100%;\n height: 100%;\n\n}\n", diff --git a/atom.xml b/atom.xml index a3e78ac..e325df0 100644 --- a/atom.xml +++ b/atom.xml @@ -4,7 +4,7 @@ Set, Party, Gang! #Cybersoul. - 2021-05-05T00:04:17+02:00 + 2021-05-05T00:16:29+02:00 https://setto.basspistol.com/atom.xml Basspistol @@ -19,7 +19,7 @@ Little Bug EP 2021-03-08T19:07:00+01:00 - 2021-04-30T23:20:08+02:00 + 2021-05-05T00:16:25+02:00 https://setto.basspistol.com/little-bug-ep/ A smol EP for human kind. A giant leap for me. This is my first release that is entirely produced using Cooperative software (AKA FLOSS). As in: no hardware!! Yes! it is also my first release in over a decade where al... Lofi Hiphop from planet Foss. diff --git a/feed.xml b/feed.xml index 02d088c..c1e383e 100644 --- a/feed.xml +++ b/feed.xml @@ -6,7 +6,7 @@ https://setto.basspistol.com Set, Party, Gang! #Cybersoul. - Wed, 05 May 2021 00:04:17 +0200 + Wed, 05 May 2021 00:16:29 +0200 en-US https://jekyllrb.com/ diff --git a/little-bug-ep/index.html b/little-bug-ep/index.html index e028e08..a0cff69 100644 --- a/little-bug-ep/index.html +++ b/little-bug-ep/index.html @@ -49,7 +49,7 @@ Play "Little Bug EP" by 徒 Setto セット, Randulo | 徒settoセット - + @@ -237,7 +237,7 @@ 2021

- +
Share this release:
@@ -635,7 +635,7 @@

©2021 Basspistol | Credits | Cookies & Privacy -
This page was last updated on Friday, Apr 30, 2021

+
This page was last updated on Wednesday, May 05, 2021

diff --git a/sitemap.xml b/sitemap.xml index f2da3b4..0802daa 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -34,7 +34,7 @@ https://setto.basspistol.com/little-bug-ep/ -2021-04-30T23:20:08+02:00 +2021-05-05T00:16:25+02:00 https://setto.basspistol.com/cyber-grany/1-grandma-got-the-ssh-keys-insutrmental-/