- - Categories + + + Categories @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/games/index.html b/public/games/index.html index 92279ac..409baa8 100644 --- a/public/games/index.html +++ b/public/games/index.html @@ -2,17 +2,18 @@ - games + games@batsite - + + - - - games + + + games @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/index.html b/public/index.html index 6cb41d5..5294f57 100644 --- a/public/index.html +++ b/public/index.html @@ -3,15 +3,16 @@ - home + home@batsite - + + - batsite + home @@ -63,27 +64,27 @@ if you ever wish to experience of of those, i hope you enjoy! - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/js/hamburger.js b/public/js/hamburger.js index 2433a0e..4b2b8f0 100644 --- a/public/js/hamburger.js +++ b/public/js/hamburger.js @@ -1 +1,25 @@ -function activateHamburger() {} +const button = document.getElementById("hamburger-button"); +const bg = document.getElementById("hamburger-bg"); +let hidden = true; + +export function activateHamburger() { + button.addEventListener("click", function () { + hidden = !hidden; + console.log(hidden); + if (hidden === true) { + hide(); + } else { + unhide(); + } + }); +} + +function unhide() { + bg.classList.remove("hidden"); + button.innerHTML = "窱"; +} + +function hide() { + bg.classList.add("hidden"); + button.innerHTML = ""; +} diff --git a/public/js/lightmode.js b/public/js/lightmode.js index 11f6d52..cc5f62d 100644 --- a/public/js/lightmode.js +++ b/public/js/lightmode.js @@ -1,13 +1,16 @@ const checkbox = document.getElementById("darkmode-toggle"); const colorswitchers = document.getElementsByClassName("colorswitch"); +const button = document.getElementById("darkmode-button-small"); function switchToLight() { + button.innerHTML = "滛"; for (let item of colorswitchers) { item.classList.add("light"); } } function switchToDark() { + button.innerHTML = ""; for (let item of colorswitchers) { console.log(item); item.classList.remove("light"); @@ -21,6 +24,10 @@ export function updateMode() { switchToDark(); } checkbox.checked = localStorage.getItem("dark"); + + button.addEventListener("click", function () { + checkbox.click(); + }); checkbox.addEventListener("change", function () { localStorage.setItem("light", this.checked); if (this.checked) { diff --git a/public/links/buddies/index.html b/public/links/buddies/index.html index fe470e2..5d6eede 100644 --- a/public/links/buddies/index.html +++ b/public/links/buddies/index.html @@ -2,7 +2,7 @@ - buddies + buddies@batsite @@ -89,27 +89,27 @@ this type of website also just makes me happy! - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/links/contact/index.html b/public/links/contact/index.html index 1916640..cba70cb 100644 --- a/public/links/contact/index.html +++ b/public/links/contact/index.html @@ -2,7 +2,7 @@ - find me + find me@batsite @@ -58,27 +58,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/links/index.html b/public/links/index.html index 2f095ef..de3f60d 100644 --- a/public/links/index.html +++ b/public/links/index.html @@ -2,17 +2,18 @@ - links + links@batsite - + + - - - links + + + links @@ -66,27 +67,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/links/nice_things/index.html b/public/links/nice_things/index.html index c4ac208..7ee0a8c 100644 --- a/public/links/nice_things/index.html +++ b/public/links/nice_things/index.html @@ -2,7 +2,7 @@ - things that make me happy + things that make me happy@batsite @@ -69,27 +69,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/music/index.html b/public/music/index.html index 056295f..a2b3b88 100644 --- a/public/music/index.html +++ b/public/music/index.html @@ -2,17 +2,18 @@ - music + music@batsite - + + - - - music + + + music @@ -54,27 +55,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/posts/index.html b/public/posts/index.html index 85c5cf7..a271793 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -2,17 +2,18 @@ - posts + posts@batsite - + + - - - posts + + + posts @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/scss/main.css b/public/scss/main.css index 691be61..38b80ef 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,14 +332,25 @@ header { #hamburger-bg { position: fixed; - background-color: red; - opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - transition: 0s; } + transition: 0s; + display: grid; + justify-content: center; + overflow: scroll; } + #hamburger-bg * { + display: grid; + margin-top: 2pt; + margin-bottom: 2pt; + text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -367,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -490,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -498,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/public/software/index.html b/public/software/index.html index bb42d7b..ec30f47 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,17 +2,18 @@ - software + software@batsite - + + - - - software + + + software @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index 4c2e61c..e8ff8d0 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,16 +2,15 @@ + inkscape:current-layer="layer3"> + + - - - - - - head - - + id="defs2"> + + + + + + + inkscape:label="Layer 2"> + + + + - + style="fill:#413c74;stroke:#413c74;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301 M 65,98 v 0 h 1 l 4,7 c 0,0 2,-6 5,-9.398699 C 78.976707,91.096092 85,80 85,80 l 10,10 5,-10 10,10 14,-40 -49,-5 c 0,0 2.795149,-6.048213 2.795149,-9.774992 C 77.795149,31.498228 75,25 75,25 L 65,22 70,10 75,25 65,22.601301" + id="path14696" + inkscape:path-effect="#path-effect14858" + inkscape:original-d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301" + sodipodi:nodetypes="ccccsccccccsccccc" + transform="translate(-5,2)" /> diff --git a/public/tags/index.html b/public/tags/index.html index 8dc57a3..90044ff 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,17 +2,18 @@ - Tags + Tags@batsite - + + - - - Tags + + + Tags @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 1021bff..38b80ef 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,7 +332,6 @@ header { #hamburger-bg { position: fixed; - background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -345,13 +339,18 @@ header { right: 0; transition: 0s; display: grid; - align-items: center; - justify-content: center; } + justify-content: center; + overflow: scroll; } #hamburger-bg * { display: grid; - margin-top: 14pt; - margin-bottom: 14pt; + margin-top: 2pt; + margin-bottom: 2pt; text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -374,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -505,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/themes/battheme b/themes/battheme index cb4c119..26372fd 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c +Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3
+ + Categories @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/games/index.html b/public/games/index.html index 92279ac..409baa8 100644 --- a/public/games/index.html +++ b/public/games/index.html @@ -2,17 +2,18 @@ - games + games@batsite - + + - - - games + + + games @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/index.html b/public/index.html index 6cb41d5..5294f57 100644 --- a/public/index.html +++ b/public/index.html @@ -3,15 +3,16 @@ - home + home@batsite - + + - batsite + home @@ -63,27 +64,27 @@ if you ever wish to experience of of those, i hope you enjoy! - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/js/hamburger.js b/public/js/hamburger.js index 2433a0e..4b2b8f0 100644 --- a/public/js/hamburger.js +++ b/public/js/hamburger.js @@ -1 +1,25 @@ -function activateHamburger() {} +const button = document.getElementById("hamburger-button"); +const bg = document.getElementById("hamburger-bg"); +let hidden = true; + +export function activateHamburger() { + button.addEventListener("click", function () { + hidden = !hidden; + console.log(hidden); + if (hidden === true) { + hide(); + } else { + unhide(); + } + }); +} + +function unhide() { + bg.classList.remove("hidden"); + button.innerHTML = "窱"; +} + +function hide() { + bg.classList.add("hidden"); + button.innerHTML = ""; +} diff --git a/public/js/lightmode.js b/public/js/lightmode.js index 11f6d52..cc5f62d 100644 --- a/public/js/lightmode.js +++ b/public/js/lightmode.js @@ -1,13 +1,16 @@ const checkbox = document.getElementById("darkmode-toggle"); const colorswitchers = document.getElementsByClassName("colorswitch"); +const button = document.getElementById("darkmode-button-small"); function switchToLight() { + button.innerHTML = "滛"; for (let item of colorswitchers) { item.classList.add("light"); } } function switchToDark() { + button.innerHTML = ""; for (let item of colorswitchers) { console.log(item); item.classList.remove("light"); @@ -21,6 +24,10 @@ export function updateMode() { switchToDark(); } checkbox.checked = localStorage.getItem("dark"); + + button.addEventListener("click", function () { + checkbox.click(); + }); checkbox.addEventListener("change", function () { localStorage.setItem("light", this.checked); if (this.checked) { diff --git a/public/links/buddies/index.html b/public/links/buddies/index.html index fe470e2..5d6eede 100644 --- a/public/links/buddies/index.html +++ b/public/links/buddies/index.html @@ -2,7 +2,7 @@ - buddies + buddies@batsite @@ -89,27 +89,27 @@ this type of website also just makes me happy! - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/links/contact/index.html b/public/links/contact/index.html index 1916640..cba70cb 100644 --- a/public/links/contact/index.html +++ b/public/links/contact/index.html @@ -2,7 +2,7 @@ - find me + find me@batsite @@ -58,27 +58,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/links/index.html b/public/links/index.html index 2f095ef..de3f60d 100644 --- a/public/links/index.html +++ b/public/links/index.html @@ -2,17 +2,18 @@ - links + links@batsite - + + - - - links + + + links @@ -66,27 +67,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/links/nice_things/index.html b/public/links/nice_things/index.html index c4ac208..7ee0a8c 100644 --- a/public/links/nice_things/index.html +++ b/public/links/nice_things/index.html @@ -2,7 +2,7 @@ - things that make me happy + things that make me happy@batsite @@ -69,27 +69,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/music/index.html b/public/music/index.html index 056295f..a2b3b88 100644 --- a/public/music/index.html +++ b/public/music/index.html @@ -2,17 +2,18 @@ - music + music@batsite - + + - - - music + + + music @@ -54,27 +55,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/posts/index.html b/public/posts/index.html index 85c5cf7..a271793 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -2,17 +2,18 @@ - posts + posts@batsite - + + - - - posts + + + posts @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/scss/main.css b/public/scss/main.css index 691be61..38b80ef 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,14 +332,25 @@ header { #hamburger-bg { position: fixed; - background-color: red; - opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - transition: 0s; } + transition: 0s; + display: grid; + justify-content: center; + overflow: scroll; } + #hamburger-bg * { + display: grid; + margin-top: 2pt; + margin-bottom: 2pt; + text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -367,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -490,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -498,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/public/software/index.html b/public/software/index.html index bb42d7b..ec30f47 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,17 +2,18 @@ - software + software@batsite - + + - - - software + + + software @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index 4c2e61c..e8ff8d0 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,16 +2,15 @@ + inkscape:current-layer="layer3"> + + - - - - - - head - - + id="defs2"> + + + + + + + inkscape:label="Layer 2"> + + + + - + style="fill:#413c74;stroke:#413c74;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301 M 65,98 v 0 h 1 l 4,7 c 0,0 2,-6 5,-9.398699 C 78.976707,91.096092 85,80 85,80 l 10,10 5,-10 10,10 14,-40 -49,-5 c 0,0 2.795149,-6.048213 2.795149,-9.774992 C 77.795149,31.498228 75,25 75,25 L 65,22 70,10 75,25 65,22.601301" + id="path14696" + inkscape:path-effect="#path-effect14858" + inkscape:original-d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301" + sodipodi:nodetypes="ccccsccccccsccccc" + transform="translate(-5,2)" /> diff --git a/public/tags/index.html b/public/tags/index.html index 8dc57a3..90044ff 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,17 +2,18 @@ - Tags + Tags@batsite - + + - - - Tags + + + Tags @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 1021bff..38b80ef 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,7 +332,6 @@ header { #hamburger-bg { position: fixed; - background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -345,13 +339,18 @@ header { right: 0; transition: 0s; display: grid; - align-items: center; - justify-content: center; } + justify-content: center; + overflow: scroll; } #hamburger-bg * { display: grid; - margin-top: 14pt; - margin-bottom: 14pt; + margin-top: 2pt; + margin-bottom: 2pt; text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -374,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -505,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/themes/battheme b/themes/battheme index cb4c119..26372fd 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c +Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3
- - games + + + games @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/index.html b/public/index.html index 6cb41d5..5294f57 100644 --- a/public/index.html +++ b/public/index.html @@ -3,15 +3,16 @@ - home + home@batsite - + + - batsite + home @@ -63,27 +64,27 @@ if you ever wish to experience of of those, i hope you enjoy! - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/js/hamburger.js b/public/js/hamburger.js index 2433a0e..4b2b8f0 100644 --- a/public/js/hamburger.js +++ b/public/js/hamburger.js @@ -1 +1,25 @@ -function activateHamburger() {} +const button = document.getElementById("hamburger-button"); +const bg = document.getElementById("hamburger-bg"); +let hidden = true; + +export function activateHamburger() { + button.addEventListener("click", function () { + hidden = !hidden; + console.log(hidden); + if (hidden === true) { + hide(); + } else { + unhide(); + } + }); +} + +function unhide() { + bg.classList.remove("hidden"); + button.innerHTML = "窱"; +} + +function hide() { + bg.classList.add("hidden"); + button.innerHTML = ""; +} diff --git a/public/js/lightmode.js b/public/js/lightmode.js index 11f6d52..cc5f62d 100644 --- a/public/js/lightmode.js +++ b/public/js/lightmode.js @@ -1,13 +1,16 @@ const checkbox = document.getElementById("darkmode-toggle"); const colorswitchers = document.getElementsByClassName("colorswitch"); +const button = document.getElementById("darkmode-button-small"); function switchToLight() { + button.innerHTML = "滛"; for (let item of colorswitchers) { item.classList.add("light"); } } function switchToDark() { + button.innerHTML = ""; for (let item of colorswitchers) { console.log(item); item.classList.remove("light"); @@ -21,6 +24,10 @@ export function updateMode() { switchToDark(); } checkbox.checked = localStorage.getItem("dark"); + + button.addEventListener("click", function () { + checkbox.click(); + }); checkbox.addEventListener("change", function () { localStorage.setItem("light", this.checked); if (this.checked) { diff --git a/public/links/buddies/index.html b/public/links/buddies/index.html index fe470e2..5d6eede 100644 --- a/public/links/buddies/index.html +++ b/public/links/buddies/index.html @@ -2,7 +2,7 @@ - buddies + buddies@batsite @@ -89,27 +89,27 @@ this type of website also just makes me happy! - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/links/contact/index.html b/public/links/contact/index.html index 1916640..cba70cb 100644 --- a/public/links/contact/index.html +++ b/public/links/contact/index.html @@ -2,7 +2,7 @@ - find me + find me@batsite @@ -58,27 +58,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/links/index.html b/public/links/index.html index 2f095ef..de3f60d 100644 --- a/public/links/index.html +++ b/public/links/index.html @@ -2,17 +2,18 @@ - links + links@batsite - + + - - - links + + + links @@ -66,27 +67,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/links/nice_things/index.html b/public/links/nice_things/index.html index c4ac208..7ee0a8c 100644 --- a/public/links/nice_things/index.html +++ b/public/links/nice_things/index.html @@ -2,7 +2,7 @@ - things that make me happy + things that make me happy@batsite @@ -69,27 +69,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/music/index.html b/public/music/index.html index 056295f..a2b3b88 100644 --- a/public/music/index.html +++ b/public/music/index.html @@ -2,17 +2,18 @@ - music + music@batsite - + + - - - music + + + music @@ -54,27 +55,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/posts/index.html b/public/posts/index.html index 85c5cf7..a271793 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -2,17 +2,18 @@ - posts + posts@batsite - + + - - - posts + + + posts @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/scss/main.css b/public/scss/main.css index 691be61..38b80ef 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,14 +332,25 @@ header { #hamburger-bg { position: fixed; - background-color: red; - opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - transition: 0s; } + transition: 0s; + display: grid; + justify-content: center; + overflow: scroll; } + #hamburger-bg * { + display: grid; + margin-top: 2pt; + margin-bottom: 2pt; + text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -367,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -490,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -498,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/public/software/index.html b/public/software/index.html index bb42d7b..ec30f47 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,17 +2,18 @@ - software + software@batsite - + + - - - software + + + software @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index 4c2e61c..e8ff8d0 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,16 +2,15 @@ + inkscape:current-layer="layer3"> + + - - - - - - head - - + id="defs2"> + + + + + + + inkscape:label="Layer 2"> + + + + - + style="fill:#413c74;stroke:#413c74;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301 M 65,98 v 0 h 1 l 4,7 c 0,0 2,-6 5,-9.398699 C 78.976707,91.096092 85,80 85,80 l 10,10 5,-10 10,10 14,-40 -49,-5 c 0,0 2.795149,-6.048213 2.795149,-9.774992 C 77.795149,31.498228 75,25 75,25 L 65,22 70,10 75,25 65,22.601301" + id="path14696" + inkscape:path-effect="#path-effect14858" + inkscape:original-d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301" + sodipodi:nodetypes="ccccsccccccsccccc" + transform="translate(-5,2)" /> diff --git a/public/tags/index.html b/public/tags/index.html index 8dc57a3..90044ff 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,17 +2,18 @@ - Tags + Tags@batsite - + + - - - Tags + + + Tags @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 1021bff..38b80ef 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,7 +332,6 @@ header { #hamburger-bg { position: fixed; - background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -345,13 +339,18 @@ header { right: 0; transition: 0s; display: grid; - align-items: center; - justify-content: center; } + justify-content: center; + overflow: scroll; } #hamburger-bg * { display: grid; - margin-top: 14pt; - margin-bottom: 14pt; + margin-top: 2pt; + margin-bottom: 2pt; text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -374,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -505,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/themes/battheme b/themes/battheme index cb4c119..26372fd 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c +Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3
+ + games @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/index.html b/public/index.html index 6cb41d5..5294f57 100644 --- a/public/index.html +++ b/public/index.html @@ -3,15 +3,16 @@ - home + home@batsite - + + - batsite + home @@ -63,27 +64,27 @@ if you ever wish to experience of of those, i hope you enjoy! - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/js/hamburger.js b/public/js/hamburger.js index 2433a0e..4b2b8f0 100644 --- a/public/js/hamburger.js +++ b/public/js/hamburger.js @@ -1 +1,25 @@ -function activateHamburger() {} +const button = document.getElementById("hamburger-button"); +const bg = document.getElementById("hamburger-bg"); +let hidden = true; + +export function activateHamburger() { + button.addEventListener("click", function () { + hidden = !hidden; + console.log(hidden); + if (hidden === true) { + hide(); + } else { + unhide(); + } + }); +} + +function unhide() { + bg.classList.remove("hidden"); + button.innerHTML = "窱"; +} + +function hide() { + bg.classList.add("hidden"); + button.innerHTML = ""; +} diff --git a/public/js/lightmode.js b/public/js/lightmode.js index 11f6d52..cc5f62d 100644 --- a/public/js/lightmode.js +++ b/public/js/lightmode.js @@ -1,13 +1,16 @@ const checkbox = document.getElementById("darkmode-toggle"); const colorswitchers = document.getElementsByClassName("colorswitch"); +const button = document.getElementById("darkmode-button-small"); function switchToLight() { + button.innerHTML = "滛"; for (let item of colorswitchers) { item.classList.add("light"); } } function switchToDark() { + button.innerHTML = ""; for (let item of colorswitchers) { console.log(item); item.classList.remove("light"); @@ -21,6 +24,10 @@ export function updateMode() { switchToDark(); } checkbox.checked = localStorage.getItem("dark"); + + button.addEventListener("click", function () { + checkbox.click(); + }); checkbox.addEventListener("change", function () { localStorage.setItem("light", this.checked); if (this.checked) { diff --git a/public/links/buddies/index.html b/public/links/buddies/index.html index fe470e2..5d6eede 100644 --- a/public/links/buddies/index.html +++ b/public/links/buddies/index.html @@ -2,7 +2,7 @@ - buddies + buddies@batsite @@ -89,27 +89,27 @@ this type of website also just makes me happy! - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/links/contact/index.html b/public/links/contact/index.html index 1916640..cba70cb 100644 --- a/public/links/contact/index.html +++ b/public/links/contact/index.html @@ -2,7 +2,7 @@ - find me + find me@batsite @@ -58,27 +58,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/links/index.html b/public/links/index.html index 2f095ef..de3f60d 100644 --- a/public/links/index.html +++ b/public/links/index.html @@ -2,17 +2,18 @@ - links + links@batsite - + + - - - links + + + links @@ -66,27 +67,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/links/nice_things/index.html b/public/links/nice_things/index.html index c4ac208..7ee0a8c 100644 --- a/public/links/nice_things/index.html +++ b/public/links/nice_things/index.html @@ -2,7 +2,7 @@ - things that make me happy + things that make me happy@batsite @@ -69,27 +69,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/music/index.html b/public/music/index.html index 056295f..a2b3b88 100644 --- a/public/music/index.html +++ b/public/music/index.html @@ -2,17 +2,18 @@ - music + music@batsite - + + - - - music + + + music @@ -54,27 +55,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/posts/index.html b/public/posts/index.html index 85c5cf7..a271793 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -2,17 +2,18 @@ - posts + posts@batsite - + + - - - posts + + + posts @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/scss/main.css b/public/scss/main.css index 691be61..38b80ef 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,14 +332,25 @@ header { #hamburger-bg { position: fixed; - background-color: red; - opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - transition: 0s; } + transition: 0s; + display: grid; + justify-content: center; + overflow: scroll; } + #hamburger-bg * { + display: grid; + margin-top: 2pt; + margin-bottom: 2pt; + text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -367,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -490,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -498,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/public/software/index.html b/public/software/index.html index bb42d7b..ec30f47 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,17 +2,18 @@ - software + software@batsite - + + - - - software + + + software @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index 4c2e61c..e8ff8d0 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,16 +2,15 @@ + inkscape:current-layer="layer3"> + + - - - - - - head - - + id="defs2"> + + + + + + + inkscape:label="Layer 2"> + + + + - + style="fill:#413c74;stroke:#413c74;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301 M 65,98 v 0 h 1 l 4,7 c 0,0 2,-6 5,-9.398699 C 78.976707,91.096092 85,80 85,80 l 10,10 5,-10 10,10 14,-40 -49,-5 c 0,0 2.795149,-6.048213 2.795149,-9.774992 C 77.795149,31.498228 75,25 75,25 L 65,22 70,10 75,25 65,22.601301" + id="path14696" + inkscape:path-effect="#path-effect14858" + inkscape:original-d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301" + sodipodi:nodetypes="ccccsccccccsccccc" + transform="translate(-5,2)" /> diff --git a/public/tags/index.html b/public/tags/index.html index 8dc57a3..90044ff 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,17 +2,18 @@ - Tags + Tags@batsite - + + - - - Tags + + + Tags @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 1021bff..38b80ef 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,7 +332,6 @@ header { #hamburger-bg { position: fixed; - background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -345,13 +339,18 @@ header { right: 0; transition: 0s; display: grid; - align-items: center; - justify-content: center; } + justify-content: center; + overflow: scroll; } #hamburger-bg * { display: grid; - margin-top: 14pt; - margin-bottom: 14pt; + margin-top: 2pt; + margin-bottom: 2pt; text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -374,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -505,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/themes/battheme b/themes/battheme index cb4c119..26372fd 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c +Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3
@@ -63,27 +64,27 @@ if you ever wish to experience of of those, i hope you enjoy! - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/js/hamburger.js b/public/js/hamburger.js index 2433a0e..4b2b8f0 100644 --- a/public/js/hamburger.js +++ b/public/js/hamburger.js @@ -1 +1,25 @@ -function activateHamburger() {} +const button = document.getElementById("hamburger-button"); +const bg = document.getElementById("hamburger-bg"); +let hidden = true; + +export function activateHamburger() { + button.addEventListener("click", function () { + hidden = !hidden; + console.log(hidden); + if (hidden === true) { + hide(); + } else { + unhide(); + } + }); +} + +function unhide() { + bg.classList.remove("hidden"); + button.innerHTML = "窱"; +} + +function hide() { + bg.classList.add("hidden"); + button.innerHTML = ""; +} diff --git a/public/js/lightmode.js b/public/js/lightmode.js index 11f6d52..cc5f62d 100644 --- a/public/js/lightmode.js +++ b/public/js/lightmode.js @@ -1,13 +1,16 @@ const checkbox = document.getElementById("darkmode-toggle"); const colorswitchers = document.getElementsByClassName("colorswitch"); +const button = document.getElementById("darkmode-button-small"); function switchToLight() { + button.innerHTML = "滛"; for (let item of colorswitchers) { item.classList.add("light"); } } function switchToDark() { + button.innerHTML = ""; for (let item of colorswitchers) { console.log(item); item.classList.remove("light"); @@ -21,6 +24,10 @@ export function updateMode() { switchToDark(); } checkbox.checked = localStorage.getItem("dark"); + + button.addEventListener("click", function () { + checkbox.click(); + }); checkbox.addEventListener("change", function () { localStorage.setItem("light", this.checked); if (this.checked) { diff --git a/public/links/buddies/index.html b/public/links/buddies/index.html index fe470e2..5d6eede 100644 --- a/public/links/buddies/index.html +++ b/public/links/buddies/index.html @@ -2,7 +2,7 @@ - buddies + buddies@batsite @@ -89,27 +89,27 @@ this type of website also just makes me happy! - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/links/contact/index.html b/public/links/contact/index.html index 1916640..cba70cb 100644 --- a/public/links/contact/index.html +++ b/public/links/contact/index.html @@ -2,7 +2,7 @@ - find me + find me@batsite @@ -58,27 +58,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/links/index.html b/public/links/index.html index 2f095ef..de3f60d 100644 --- a/public/links/index.html +++ b/public/links/index.html @@ -2,17 +2,18 @@ - links + links@batsite - + + - - - links + + + links @@ -66,27 +67,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/links/nice_things/index.html b/public/links/nice_things/index.html index c4ac208..7ee0a8c 100644 --- a/public/links/nice_things/index.html +++ b/public/links/nice_things/index.html @@ -2,7 +2,7 @@ - things that make me happy + things that make me happy@batsite @@ -69,27 +69,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/music/index.html b/public/music/index.html index 056295f..a2b3b88 100644 --- a/public/music/index.html +++ b/public/music/index.html @@ -2,17 +2,18 @@ - music + music@batsite - + + - - - music + + + music @@ -54,27 +55,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/posts/index.html b/public/posts/index.html index 85c5cf7..a271793 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -2,17 +2,18 @@ - posts + posts@batsite - + + - - - posts + + + posts @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/scss/main.css b/public/scss/main.css index 691be61..38b80ef 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,14 +332,25 @@ header { #hamburger-bg { position: fixed; - background-color: red; - opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - transition: 0s; } + transition: 0s; + display: grid; + justify-content: center; + overflow: scroll; } + #hamburger-bg * { + display: grid; + margin-top: 2pt; + margin-bottom: 2pt; + text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -367,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -490,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -498,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/public/software/index.html b/public/software/index.html index bb42d7b..ec30f47 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,17 +2,18 @@ - software + software@batsite - + + - - - software + + + software @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index 4c2e61c..e8ff8d0 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,16 +2,15 @@ + inkscape:current-layer="layer3"> + + - - - - - - head - - + id="defs2"> + + + + + + + inkscape:label="Layer 2"> + + + + - + style="fill:#413c74;stroke:#413c74;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301 M 65,98 v 0 h 1 l 4,7 c 0,0 2,-6 5,-9.398699 C 78.976707,91.096092 85,80 85,80 l 10,10 5,-10 10,10 14,-40 -49,-5 c 0,0 2.795149,-6.048213 2.795149,-9.774992 C 77.795149,31.498228 75,25 75,25 L 65,22 70,10 75,25 65,22.601301" + id="path14696" + inkscape:path-effect="#path-effect14858" + inkscape:original-d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301" + sodipodi:nodetypes="ccccsccccccsccccc" + transform="translate(-5,2)" /> diff --git a/public/tags/index.html b/public/tags/index.html index 8dc57a3..90044ff 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,17 +2,18 @@ - Tags + Tags@batsite - + + - - - Tags + + + Tags @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 1021bff..38b80ef 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,7 +332,6 @@ header { #hamburger-bg { position: fixed; - background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -345,13 +339,18 @@ header { right: 0; transition: 0s; display: grid; - align-items: center; - justify-content: center; } + justify-content: center; + overflow: scroll; } #hamburger-bg * { display: grid; - margin-top: 14pt; - margin-bottom: 14pt; + margin-top: 2pt; + margin-bottom: 2pt; text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -374,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -505,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/themes/battheme b/themes/battheme index cb4c119..26372fd 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c +Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3
- - links + + + links @@ -66,27 +67,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/links/nice_things/index.html b/public/links/nice_things/index.html index c4ac208..7ee0a8c 100644 --- a/public/links/nice_things/index.html +++ b/public/links/nice_things/index.html @@ -2,7 +2,7 @@ - things that make me happy + things that make me happy@batsite @@ -69,27 +69,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/music/index.html b/public/music/index.html index 056295f..a2b3b88 100644 --- a/public/music/index.html +++ b/public/music/index.html @@ -2,17 +2,18 @@ - music + music@batsite - + + - - - music + + + music @@ -54,27 +55,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/posts/index.html b/public/posts/index.html index 85c5cf7..a271793 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -2,17 +2,18 @@ - posts + posts@batsite - + + - - - posts + + + posts @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/scss/main.css b/public/scss/main.css index 691be61..38b80ef 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,14 +332,25 @@ header { #hamburger-bg { position: fixed; - background-color: red; - opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - transition: 0s; } + transition: 0s; + display: grid; + justify-content: center; + overflow: scroll; } + #hamburger-bg * { + display: grid; + margin-top: 2pt; + margin-bottom: 2pt; + text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -367,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -490,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -498,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/public/software/index.html b/public/software/index.html index bb42d7b..ec30f47 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,17 +2,18 @@ - software + software@batsite - + + - - - software + + + software @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index 4c2e61c..e8ff8d0 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,16 +2,15 @@ + inkscape:current-layer="layer3"> + + - - - - - - head - - + id="defs2"> + + + + + + + inkscape:label="Layer 2"> + + + + - + style="fill:#413c74;stroke:#413c74;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301 M 65,98 v 0 h 1 l 4,7 c 0,0 2,-6 5,-9.398699 C 78.976707,91.096092 85,80 85,80 l 10,10 5,-10 10,10 14,-40 -49,-5 c 0,0 2.795149,-6.048213 2.795149,-9.774992 C 77.795149,31.498228 75,25 75,25 L 65,22 70,10 75,25 65,22.601301" + id="path14696" + inkscape:path-effect="#path-effect14858" + inkscape:original-d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301" + sodipodi:nodetypes="ccccsccccccsccccc" + transform="translate(-5,2)" /> diff --git a/public/tags/index.html b/public/tags/index.html index 8dc57a3..90044ff 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,17 +2,18 @@ - Tags + Tags@batsite - + + - - - Tags + + + Tags @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 1021bff..38b80ef 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,7 +332,6 @@ header { #hamburger-bg { position: fixed; - background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -345,13 +339,18 @@ header { right: 0; transition: 0s; display: grid; - align-items: center; - justify-content: center; } + justify-content: center; + overflow: scroll; } #hamburger-bg * { display: grid; - margin-top: 14pt; - margin-bottom: 14pt; + margin-top: 2pt; + margin-bottom: 2pt; text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -374,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -505,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/themes/battheme b/themes/battheme index cb4c119..26372fd 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c +Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3
+ + links @@ -66,27 +67,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/links/nice_things/index.html b/public/links/nice_things/index.html index c4ac208..7ee0a8c 100644 --- a/public/links/nice_things/index.html +++ b/public/links/nice_things/index.html @@ -2,7 +2,7 @@ - things that make me happy + things that make me happy@batsite @@ -69,27 +69,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/music/index.html b/public/music/index.html index 056295f..a2b3b88 100644 --- a/public/music/index.html +++ b/public/music/index.html @@ -2,17 +2,18 @@ - music + music@batsite - + + - - - music + + + music @@ -54,27 +55,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/posts/index.html b/public/posts/index.html index 85c5cf7..a271793 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -2,17 +2,18 @@ - posts + posts@batsite - + + - - - posts + + + posts @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/scss/main.css b/public/scss/main.css index 691be61..38b80ef 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,14 +332,25 @@ header { #hamburger-bg { position: fixed; - background-color: red; - opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - transition: 0s; } + transition: 0s; + display: grid; + justify-content: center; + overflow: scroll; } + #hamburger-bg * { + display: grid; + margin-top: 2pt; + margin-bottom: 2pt; + text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -367,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -490,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -498,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/public/software/index.html b/public/software/index.html index bb42d7b..ec30f47 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,17 +2,18 @@ - software + software@batsite - + + - - - software + + + software @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index 4c2e61c..e8ff8d0 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,16 +2,15 @@ + inkscape:current-layer="layer3"> + + - - - - - - head - - + id="defs2"> + + + + + + + inkscape:label="Layer 2"> + + + + - + style="fill:#413c74;stroke:#413c74;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301 M 65,98 v 0 h 1 l 4,7 c 0,0 2,-6 5,-9.398699 C 78.976707,91.096092 85,80 85,80 l 10,10 5,-10 10,10 14,-40 -49,-5 c 0,0 2.795149,-6.048213 2.795149,-9.774992 C 77.795149,31.498228 75,25 75,25 L 65,22 70,10 75,25 65,22.601301" + id="path14696" + inkscape:path-effect="#path-effect14858" + inkscape:original-d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301" + sodipodi:nodetypes="ccccsccccccsccccc" + transform="translate(-5,2)" /> diff --git a/public/tags/index.html b/public/tags/index.html index 8dc57a3..90044ff 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,17 +2,18 @@ - Tags + Tags@batsite - + + - - - Tags + + + Tags @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 1021bff..38b80ef 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,7 +332,6 @@ header { #hamburger-bg { position: fixed; - background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -345,13 +339,18 @@ header { right: 0; transition: 0s; display: grid; - align-items: center; - justify-content: center; } + justify-content: center; + overflow: scroll; } #hamburger-bg * { display: grid; - margin-top: 14pt; - margin-bottom: 14pt; + margin-top: 2pt; + margin-bottom: 2pt; text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -374,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -505,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/themes/battheme b/themes/battheme index cb4c119..26372fd 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c +Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3
- - music + + + music @@ -54,27 +55,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/posts/index.html b/public/posts/index.html index 85c5cf7..a271793 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -2,17 +2,18 @@ - posts + posts@batsite - + + - - - posts + + + posts @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/scss/main.css b/public/scss/main.css index 691be61..38b80ef 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,14 +332,25 @@ header { #hamburger-bg { position: fixed; - background-color: red; - opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - transition: 0s; } + transition: 0s; + display: grid; + justify-content: center; + overflow: scroll; } + #hamburger-bg * { + display: grid; + margin-top: 2pt; + margin-bottom: 2pt; + text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -367,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -490,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -498,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/public/software/index.html b/public/software/index.html index bb42d7b..ec30f47 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,17 +2,18 @@ - software + software@batsite - + + - - - software + + + software @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index 4c2e61c..e8ff8d0 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,16 +2,15 @@ + inkscape:current-layer="layer3"> + + - - - - - - head - - + id="defs2"> + + + + + + + inkscape:label="Layer 2"> + + + + - + style="fill:#413c74;stroke:#413c74;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301 M 65,98 v 0 h 1 l 4,7 c 0,0 2,-6 5,-9.398699 C 78.976707,91.096092 85,80 85,80 l 10,10 5,-10 10,10 14,-40 -49,-5 c 0,0 2.795149,-6.048213 2.795149,-9.774992 C 77.795149,31.498228 75,25 75,25 L 65,22 70,10 75,25 65,22.601301" + id="path14696" + inkscape:path-effect="#path-effect14858" + inkscape:original-d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301" + sodipodi:nodetypes="ccccsccccccsccccc" + transform="translate(-5,2)" /> diff --git a/public/tags/index.html b/public/tags/index.html index 8dc57a3..90044ff 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,17 +2,18 @@ - Tags + Tags@batsite - + + - - - Tags + + + Tags @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 1021bff..38b80ef 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,7 +332,6 @@ header { #hamburger-bg { position: fixed; - background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -345,13 +339,18 @@ header { right: 0; transition: 0s; display: grid; - align-items: center; - justify-content: center; } + justify-content: center; + overflow: scroll; } #hamburger-bg * { display: grid; - margin-top: 14pt; - margin-bottom: 14pt; + margin-top: 2pt; + margin-bottom: 2pt; text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -374,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -505,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/themes/battheme b/themes/battheme index cb4c119..26372fd 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c +Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3
+ + music @@ -54,27 +55,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/posts/index.html b/public/posts/index.html index 85c5cf7..a271793 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -2,17 +2,18 @@ - posts + posts@batsite - + + - - - posts + + + posts @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/scss/main.css b/public/scss/main.css index 691be61..38b80ef 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,14 +332,25 @@ header { #hamburger-bg { position: fixed; - background-color: red; - opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - transition: 0s; } + transition: 0s; + display: grid; + justify-content: center; + overflow: scroll; } + #hamburger-bg * { + display: grid; + margin-top: 2pt; + margin-bottom: 2pt; + text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -367,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -490,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -498,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/public/software/index.html b/public/software/index.html index bb42d7b..ec30f47 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,17 +2,18 @@ - software + software@batsite - + + - - - software + + + software @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index 4c2e61c..e8ff8d0 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,16 +2,15 @@ + inkscape:current-layer="layer3"> + + - - - - - - head - - + id="defs2"> + + + + + + + inkscape:label="Layer 2"> + + + + - + style="fill:#413c74;stroke:#413c74;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301 M 65,98 v 0 h 1 l 4,7 c 0,0 2,-6 5,-9.398699 C 78.976707,91.096092 85,80 85,80 l 10,10 5,-10 10,10 14,-40 -49,-5 c 0,0 2.795149,-6.048213 2.795149,-9.774992 C 77.795149,31.498228 75,25 75,25 L 65,22 70,10 75,25 65,22.601301" + id="path14696" + inkscape:path-effect="#path-effect14858" + inkscape:original-d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301" + sodipodi:nodetypes="ccccsccccccsccccc" + transform="translate(-5,2)" /> diff --git a/public/tags/index.html b/public/tags/index.html index 8dc57a3..90044ff 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,17 +2,18 @@ - Tags + Tags@batsite - + + - - - Tags + + + Tags @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 1021bff..38b80ef 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,7 +332,6 @@ header { #hamburger-bg { position: fixed; - background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -345,13 +339,18 @@ header { right: 0; transition: 0s; display: grid; - align-items: center; - justify-content: center; } + justify-content: center; + overflow: scroll; } #hamburger-bg * { display: grid; - margin-top: 14pt; - margin-bottom: 14pt; + margin-top: 2pt; + margin-bottom: 2pt; text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -374,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -505,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/themes/battheme b/themes/battheme index cb4c119..26372fd 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c +Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3
- - posts + + + posts @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/scss/main.css b/public/scss/main.css index 691be61..38b80ef 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,14 +332,25 @@ header { #hamburger-bg { position: fixed; - background-color: red; - opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - transition: 0s; } + transition: 0s; + display: grid; + justify-content: center; + overflow: scroll; } + #hamburger-bg * { + display: grid; + margin-top: 2pt; + margin-bottom: 2pt; + text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -367,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -490,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -498,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/public/software/index.html b/public/software/index.html index bb42d7b..ec30f47 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,17 +2,18 @@ - software + software@batsite - + + - - - software + + + software @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index 4c2e61c..e8ff8d0 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,16 +2,15 @@ + inkscape:current-layer="layer3"> + + - - - - - - head - - + id="defs2"> + + + + + + + inkscape:label="Layer 2"> + + + + - + style="fill:#413c74;stroke:#413c74;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301 M 65,98 v 0 h 1 l 4,7 c 0,0 2,-6 5,-9.398699 C 78.976707,91.096092 85,80 85,80 l 10,10 5,-10 10,10 14,-40 -49,-5 c 0,0 2.795149,-6.048213 2.795149,-9.774992 C 77.795149,31.498228 75,25 75,25 L 65,22 70,10 75,25 65,22.601301" + id="path14696" + inkscape:path-effect="#path-effect14858" + inkscape:original-d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301" + sodipodi:nodetypes="ccccsccccccsccccc" + transform="translate(-5,2)" /> diff --git a/public/tags/index.html b/public/tags/index.html index 8dc57a3..90044ff 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,17 +2,18 @@ - Tags + Tags@batsite - + + - - - Tags + + + Tags @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 1021bff..38b80ef 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,7 +332,6 @@ header { #hamburger-bg { position: fixed; - background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -345,13 +339,18 @@ header { right: 0; transition: 0s; display: grid; - align-items: center; - justify-content: center; } + justify-content: center; + overflow: scroll; } #hamburger-bg * { display: grid; - margin-top: 14pt; - margin-bottom: 14pt; + margin-top: 2pt; + margin-bottom: 2pt; text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -374,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -505,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/themes/battheme b/themes/battheme index cb4c119..26372fd 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c +Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3
+ + posts @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/scss/main.css b/public/scss/main.css index 691be61..38b80ef 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,14 +332,25 @@ header { #hamburger-bg { position: fixed; - background-color: red; - opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - transition: 0s; } + transition: 0s; + display: grid; + justify-content: center; + overflow: scroll; } + #hamburger-bg * { + display: grid; + margin-top: 2pt; + margin-bottom: 2pt; + text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -367,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -490,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -498,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/public/software/index.html b/public/software/index.html index bb42d7b..ec30f47 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,17 +2,18 @@ - software + software@batsite - + + - - - software + + + software @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index 4c2e61c..e8ff8d0 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,16 +2,15 @@ + inkscape:current-layer="layer3"> + + - - - - - - head - - + id="defs2"> + + + + + + + inkscape:label="Layer 2"> + + + + - + style="fill:#413c74;stroke:#413c74;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301 M 65,98 v 0 h 1 l 4,7 c 0,0 2,-6 5,-9.398699 C 78.976707,91.096092 85,80 85,80 l 10,10 5,-10 10,10 14,-40 -49,-5 c 0,0 2.795149,-6.048213 2.795149,-9.774992 C 77.795149,31.498228 75,25 75,25 L 65,22 70,10 75,25 65,22.601301" + id="path14696" + inkscape:path-effect="#path-effect14858" + inkscape:original-d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301" + sodipodi:nodetypes="ccccsccccccsccccc" + transform="translate(-5,2)" /> diff --git a/public/tags/index.html b/public/tags/index.html index 8dc57a3..90044ff 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,17 +2,18 @@ - Tags + Tags@batsite - + + - - - Tags + + + Tags @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 1021bff..38b80ef 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,7 +332,6 @@ header { #hamburger-bg { position: fixed; - background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -345,13 +339,18 @@ header { right: 0; transition: 0s; display: grid; - align-items: center; - justify-content: center; } + justify-content: center; + overflow: scroll; } #hamburger-bg * { display: grid; - margin-top: 14pt; - margin-bottom: 14pt; + margin-top: 2pt; + margin-bottom: 2pt; text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -374,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -505,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/themes/battheme b/themes/battheme index cb4c119..26372fd 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c +Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3
- - software + + + software @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index 4c2e61c..e8ff8d0 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,16 +2,15 @@ + inkscape:current-layer="layer3"> + + - - - - - - head - - + id="defs2"> + + + + + + + inkscape:label="Layer 2"> + + + + - + style="fill:#413c74;stroke:#413c74;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301 M 65,98 v 0 h 1 l 4,7 c 0,0 2,-6 5,-9.398699 C 78.976707,91.096092 85,80 85,80 l 10,10 5,-10 10,10 14,-40 -49,-5 c 0,0 2.795149,-6.048213 2.795149,-9.774992 C 77.795149,31.498228 75,25 75,25 L 65,22 70,10 75,25 65,22.601301" + id="path14696" + inkscape:path-effect="#path-effect14858" + inkscape:original-d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301" + sodipodi:nodetypes="ccccsccccccsccccc" + transform="translate(-5,2)" /> diff --git a/public/tags/index.html b/public/tags/index.html index 8dc57a3..90044ff 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,17 +2,18 @@ - Tags + Tags@batsite - + + - - - Tags + + + Tags @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 1021bff..38b80ef 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,7 +332,6 @@ header { #hamburger-bg { position: fixed; - background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -345,13 +339,18 @@ header { right: 0; transition: 0s; display: grid; - align-items: center; - justify-content: center; } + justify-content: center; + overflow: scroll; } #hamburger-bg * { display: grid; - margin-top: 14pt; - margin-bottom: 14pt; + margin-top: 2pt; + margin-bottom: 2pt; text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -374,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -505,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/themes/battheme b/themes/battheme index cb4c119..26372fd 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c +Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3
+ + software @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index 4c2e61c..e8ff8d0 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,16 +2,15 @@ + inkscape:current-layer="layer3"> + + - - - - - - head - - + id="defs2"> + + + + + + + inkscape:label="Layer 2"> + + + + - + style="fill:#413c74;stroke:#413c74;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301 M 65,98 v 0 h 1 l 4,7 c 0,0 2,-6 5,-9.398699 C 78.976707,91.096092 85,80 85,80 l 10,10 5,-10 10,10 14,-40 -49,-5 c 0,0 2.795149,-6.048213 2.795149,-9.774992 C 77.795149,31.498228 75,25 75,25 L 65,22 70,10 75,25 65,22.601301" + id="path14696" + inkscape:path-effect="#path-effect14858" + inkscape:original-d="m 65,98 v 0 h -1 l -4,7 c 0,0 -2,-6 -5,-9.398699 C 51.023293,91.096092 45,80 45,80 L 35,90 30,80 20,90 6,50 55,45 C 55,45 52.204851,38.951787 52.204851,35.225008 52.204851,31.498228 55,25 55,25 L 65,22 60,10 55,25 65,22.601301" + sodipodi:nodetypes="ccccsccccccsccccc" + transform="translate(-5,2)" /> diff --git a/public/tags/index.html b/public/tags/index.html index 8dc57a3..90044ff 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,17 +2,18 @@ - Tags + Tags@batsite - + + - - - Tags + + + Tags @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 1021bff..38b80ef 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,7 +332,6 @@ header { #hamburger-bg { position: fixed; - background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -345,13 +339,18 @@ header { right: 0; transition: 0s; display: grid; - align-items: center; - justify-content: center; } + justify-content: center; + overflow: scroll; } #hamburger-bg * { display: grid; - margin-top: 14pt; - margin-bottom: 14pt; + margin-top: 2pt; + margin-bottom: 2pt; text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -374,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -505,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/themes/battheme b/themes/battheme index cb4c119..26372fd 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c +Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3
- - Tags + + + Tags @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 1021bff..38b80ef 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,7 +332,6 @@ header { #hamburger-bg { position: fixed; - background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -345,13 +339,18 @@ header { right: 0; transition: 0s; display: grid; - align-items: center; - justify-content: center; } + justify-content: center; + overflow: scroll; } #hamburger-bg * { display: grid; - margin-top: 14pt; - margin-bottom: 14pt; + margin-top: 2pt; + margin-bottom: 2pt; text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -374,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -505,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/themes/battheme b/themes/battheme index cb4c119..26372fd 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c +Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3
+ + Tags @@ -48,27 +49,27 @@ - - - + + + + - + home - + about - + links - + music - + games - + software - 龎 + 龎 posts - diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 1021bff..38b80ef 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,19 +1,14 @@ @charset "UTF-8"; -* { - transition: 2s; } - body { background-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; - transition: 2s; } + color: #ffdc6d; } a.light { background-color: transparent; color: #9b5bb4; } @@ -22,8 +17,7 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; - transition: 0.2s; } + border-color: #413c74; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -32,24 +26,21 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; - transition: 2s; } + color: #413c74; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; - transition: 2s; } + border-color: #413c74; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -57,37 +48,31 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; - transition: 2s; } + color: #ff8ad0; } body.light #title { color: #ffffff; - background-color: #413c74; - transition: 2s; } + background-color: #413c74; } body #title { color: #413c74; - background-color: #ff8ad0; - transition: 2s; } + background-color: #ff8ad0; } article { background-color: #413c74; - border-color: #ff8ad0; - transition: 2s; } + border-color: #ff8ad0; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; - transition: 2s; } + color: #413c74; } h2.light { color: #ffffff; } @@ -98,8 +83,7 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; - transition: 2s; } + color: #413c74; } h3 a { color: #413c74; } @@ -108,8 +92,7 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h3.lighta { color: #ffffff; } @@ -117,30 +100,25 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; - transition: 2s; } + color: #413c74; } h5 a, h6 a, h4 a { - color: #413c74; - background-color: transparent; } + color: #413c74; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; - transition: 2s; } + color: #ffffff; } h2.light { background-color: #9b5bb4; - color: #ffffff; - transition: 2s; } + color: #ffffff; } article.light a { background-color: transparent; - color: #9b5bb4; - transition: 2s; } + color: #9b5bb4; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -150,7 +128,6 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; - transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -159,13 +136,11 @@ a:hover { article.light a:hover { color: #ffffff; background-color: #9b5bb4; - transition: 0.2s; border-color: #9b5bb4; } .light.hash-link:hover, .hash-link:hover { - background-color: transparent; - transition: 2s; } + background-color: transparent; } h1a.light, h2a.light, @@ -183,12 +158,16 @@ h6a.light { h6a.light:hover { background-color: transparent; } -header.light { - background-color: #ffffff; - transition: 2s; } +h1 #rss-title { + background-color: transparent; + color: #413c74; } + h1 #rss-title:hover { + background-color: transparent; } + h1 #rss-title.light { + color: #ffffff; } -header { - transition: 2s; } +header.light { + background-color: #ffffff; } .posttitle a { background-color: transparent; @@ -201,7 +180,6 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { - transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -209,7 +187,6 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { - transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -220,6 +197,24 @@ button { #pageindicator:hover { background-color: transparent; } +#hamburger-bg { + background-color: #413c74; } + #hamburger-bg .hamburger-nav-item { + background-color: transparent; + color: #ffdc6d; + border-color: #ffdc6d; } + #hamburger-bg .hamburger-nav-item:hover { + background-color: #ffdc6d; + color: #413c74; } + #hamburger-bg.light { + background-color: #ffffff; } + #hamburger-bg.light .hamburger-nav-item { + color: #9b5bb4; + border-color: #9b5bb4; } + #hamburger-bg.light .hamburger-nav-item:hover { + background-color: #9b5bb4; + color: #ffffff; } + html, body { height: 100%; @@ -337,7 +332,6 @@ header { #hamburger-bg { position: fixed; - background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -345,13 +339,18 @@ header { right: 0; transition: 0s; display: grid; - align-items: center; - justify-content: center; } + justify-content: center; + overflow: scroll; } #hamburger-bg * { display: grid; - margin-top: 14pt; - margin-bottom: 14pt; + margin-top: 2pt; + margin-bottom: 2pt; text-align: center; } + #hamburger-bg.hidden { + display: none; } + +#darkmode-button-small { + margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -374,6 +373,7 @@ ul { h1 { font-size: 42pt; } +h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,7 +497,13 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-button { +#hamburger-bg .hamburger-nav-item { + border-style: solid; + padding: 0.12em; } + +#hamburger-button, +#hamburger-bg, +#darkmode-button-small { display: none; } @media screen and (max-width: 640pt) { @@ -505,5 +511,14 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #hamburger-button { - display: flex; } } + #hamburger-button, + #darkmode-button-small, + #hamburger-bg, + #hamburger-bg #darkmode-toggle-label, + #hamburger-bg #darkmode-toggle { + display: flex; } + #hamburger-bg #darkmode-toggle, + #hamburger-bg #darkmode-toggle-label { + position: absolute; + bottom: 1em; + right: 1em; } } diff --git a/themes/battheme b/themes/battheme index cb4c119..26372fd 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c +Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3