- - Categories + + + Categories @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/games/index.html b/public/games/index.html index 409baa8..92279ac 100644 --- a/public/games/index.html +++ b/public/games/index.html @@ -2,18 +2,17 @@ - games@batsite + games - - + - - - games + + + games @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/index.html b/public/index.html index 5294f57..6cb41d5 100644 --- a/public/index.html +++ b/public/index.html @@ -3,16 +3,15 @@ - home@batsite + home - - + - home + batsite @@ -64,27 +63,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 4b2b8f0..2433a0e 100644 --- a/public/js/hamburger.js +++ b/public/js/hamburger.js @@ -1,25 +1 @@ -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 = ""; -} +function activateHamburger() {} diff --git a/public/js/lightmode.js b/public/js/lightmode.js index cc5f62d..11f6d52 100644 --- a/public/js/lightmode.js +++ b/public/js/lightmode.js @@ -1,16 +1,13 @@ 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"); @@ -24,10 +21,6 @@ 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 5d6eede..fe470e2 100644 --- a/public/links/buddies/index.html +++ b/public/links/buddies/index.html @@ -2,7 +2,7 @@ - buddies@batsite + buddies @@ -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 cba70cb..1916640 100644 --- a/public/links/contact/index.html +++ b/public/links/contact/index.html @@ -2,7 +2,7 @@ - find me@batsite + find me @@ -58,27 +58,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/links/index.html b/public/links/index.html index de3f60d..2f095ef 100644 --- a/public/links/index.html +++ b/public/links/index.html @@ -2,18 +2,17 @@ - links@batsite + links - - + - - - links + + + links @@ -67,27 +66,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 7ee0a8c..c4ac208 100644 --- a/public/links/nice_things/index.html +++ b/public/links/nice_things/index.html @@ -2,7 +2,7 @@ - things that make me happy@batsite + things that make me happy @@ -69,27 +69,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/music/index.html b/public/music/index.html index a2b3b88..056295f 100644 --- a/public/music/index.html +++ b/public/music/index.html @@ -2,18 +2,17 @@ - music@batsite + music - - + - - - music + + + music @@ -55,27 +54,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/posts/index.html b/public/posts/index.html index a271793..85c5cf7 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -2,18 +2,17 @@ - posts@batsite + posts - - + - - - posts + + + posts @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/scss/main.css b/public/scss/main.css index 38b80ef..691be61 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,25 +337,14 @@ header { #hamburger-bg { position: fixed; + background-color: red; + opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - 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; } + transition: 0s; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +367,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +490,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +498,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/public/software/index.html b/public/software/index.html index ec30f47..bb42d7b 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,18 +2,17 @@ - software@batsite + software - - + - - - software + + + software @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index e8ff8d0..4c2e61c 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,15 +2,16 @@ - - + inkscape:current-layer="layer1" /> - - - - - - + id="defs2" /> + + + + + + head + + - - - - + inkscape:label="Eyes And Ears"> + style="fill:#6a536e;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 219.02399,399.72036 c -1.13134,0.76324 -2.73304,0.85547 -4.05926,0.53358 -1.38389,-0.33589 -2.50208,-1.42981 -3.50922,-2.4366 -0.52492,-0.52473 -1.09322,-1.10783 -1.27059,-1.82854 -0.26333,-1.07002 -0.23942,-2.3907 0.41106,-3.28017 0.82209,-1.12413 2.40312,-1.66547 3.79312,-1.75154 1.9339,-0.11975 4.3349,0.24812 5.53766,1.76723 0.78677,0.99371 0.41661,2.52942 0.2944,3.79098 -0.0712,0.73521 -0.30987,1.45284 -0.59246,2.1353 -0.1567,0.37846 -0.26514,0.84068 -0.60471,1.06976 z" + id="path4517" + sodipodi:nodetypes="aaaaaaaaaa" /> + diff --git a/public/tags/index.html b/public/tags/index.html index 90044ff..8dc57a3 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,18 +2,17 @@ - Tags@batsite + Tags - - + - - - Tags + + + Tags @@ -49,27 +48,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 38b80ef..1021bff 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,6 +337,7 @@ header { #hamburger-bg { position: fixed; + background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -339,18 +345,13 @@ header { right: 0; transition: 0s; display: grid; - justify-content: center; - overflow: scroll; } + align-items: center; + justify-content: center; } #hamburger-bg * { display: grid; - margin-top: 2pt; - margin-bottom: 2pt; + margin-top: 14pt; + margin-bottom: 14pt; text-align: center; } - #hamburger-bg.hidden { - display: none; } - -#darkmode-button-small { - margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +374,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +497,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +505,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/themes/battheme b/themes/battheme index 26372fd..cb4c119 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3 +Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c
+ + Categories @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/games/index.html b/public/games/index.html index 409baa8..92279ac 100644 --- a/public/games/index.html +++ b/public/games/index.html @@ -2,18 +2,17 @@ - games@batsite + games - - + - - - games + + + games @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/index.html b/public/index.html index 5294f57..6cb41d5 100644 --- a/public/index.html +++ b/public/index.html @@ -3,16 +3,15 @@ - home@batsite + home - - + - home + batsite @@ -64,27 +63,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 4b2b8f0..2433a0e 100644 --- a/public/js/hamburger.js +++ b/public/js/hamburger.js @@ -1,25 +1 @@ -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 = ""; -} +function activateHamburger() {} diff --git a/public/js/lightmode.js b/public/js/lightmode.js index cc5f62d..11f6d52 100644 --- a/public/js/lightmode.js +++ b/public/js/lightmode.js @@ -1,16 +1,13 @@ 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"); @@ -24,10 +21,6 @@ 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 5d6eede..fe470e2 100644 --- a/public/links/buddies/index.html +++ b/public/links/buddies/index.html @@ -2,7 +2,7 @@ - buddies@batsite + buddies @@ -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 cba70cb..1916640 100644 --- a/public/links/contact/index.html +++ b/public/links/contact/index.html @@ -2,7 +2,7 @@ - find me@batsite + find me @@ -58,27 +58,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/links/index.html b/public/links/index.html index de3f60d..2f095ef 100644 --- a/public/links/index.html +++ b/public/links/index.html @@ -2,18 +2,17 @@ - links@batsite + links - - + - - - links + + + links @@ -67,27 +66,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 7ee0a8c..c4ac208 100644 --- a/public/links/nice_things/index.html +++ b/public/links/nice_things/index.html @@ -2,7 +2,7 @@ - things that make me happy@batsite + things that make me happy @@ -69,27 +69,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/music/index.html b/public/music/index.html index a2b3b88..056295f 100644 --- a/public/music/index.html +++ b/public/music/index.html @@ -2,18 +2,17 @@ - music@batsite + music - - + - - - music + + + music @@ -55,27 +54,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/posts/index.html b/public/posts/index.html index a271793..85c5cf7 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -2,18 +2,17 @@ - posts@batsite + posts - - + - - - posts + + + posts @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/scss/main.css b/public/scss/main.css index 38b80ef..691be61 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,25 +337,14 @@ header { #hamburger-bg { position: fixed; + background-color: red; + opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - 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; } + transition: 0s; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +367,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +490,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +498,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/public/software/index.html b/public/software/index.html index ec30f47..bb42d7b 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,18 +2,17 @@ - software@batsite + software - - + - - - software + + + software @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index e8ff8d0..4c2e61c 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,15 +2,16 @@ - - + inkscape:current-layer="layer1" /> - - - - - - + id="defs2" /> + + + + + + head + + - - - - + inkscape:label="Eyes And Ears"> + style="fill:#6a536e;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 219.02399,399.72036 c -1.13134,0.76324 -2.73304,0.85547 -4.05926,0.53358 -1.38389,-0.33589 -2.50208,-1.42981 -3.50922,-2.4366 -0.52492,-0.52473 -1.09322,-1.10783 -1.27059,-1.82854 -0.26333,-1.07002 -0.23942,-2.3907 0.41106,-3.28017 0.82209,-1.12413 2.40312,-1.66547 3.79312,-1.75154 1.9339,-0.11975 4.3349,0.24812 5.53766,1.76723 0.78677,0.99371 0.41661,2.52942 0.2944,3.79098 -0.0712,0.73521 -0.30987,1.45284 -0.59246,2.1353 -0.1567,0.37846 -0.26514,0.84068 -0.60471,1.06976 z" + id="path4517" + sodipodi:nodetypes="aaaaaaaaaa" /> + diff --git a/public/tags/index.html b/public/tags/index.html index 90044ff..8dc57a3 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,18 +2,17 @@ - Tags@batsite + Tags - - + - - - Tags + + + Tags @@ -49,27 +48,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 38b80ef..1021bff 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,6 +337,7 @@ header { #hamburger-bg { position: fixed; + background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -339,18 +345,13 @@ header { right: 0; transition: 0s; display: grid; - justify-content: center; - overflow: scroll; } + align-items: center; + justify-content: center; } #hamburger-bg * { display: grid; - margin-top: 2pt; - margin-bottom: 2pt; + margin-top: 14pt; + margin-bottom: 14pt; text-align: center; } - #hamburger-bg.hidden { - display: none; } - -#darkmode-button-small { - margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +374,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +497,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +505,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/themes/battheme b/themes/battheme index 26372fd..cb4c119 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3 +Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c
- - games + + + games @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/index.html b/public/index.html index 5294f57..6cb41d5 100644 --- a/public/index.html +++ b/public/index.html @@ -3,16 +3,15 @@ - home@batsite + home - - + - home + batsite @@ -64,27 +63,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 4b2b8f0..2433a0e 100644 --- a/public/js/hamburger.js +++ b/public/js/hamburger.js @@ -1,25 +1 @@ -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 = ""; -} +function activateHamburger() {} diff --git a/public/js/lightmode.js b/public/js/lightmode.js index cc5f62d..11f6d52 100644 --- a/public/js/lightmode.js +++ b/public/js/lightmode.js @@ -1,16 +1,13 @@ 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"); @@ -24,10 +21,6 @@ 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 5d6eede..fe470e2 100644 --- a/public/links/buddies/index.html +++ b/public/links/buddies/index.html @@ -2,7 +2,7 @@ - buddies@batsite + buddies @@ -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 cba70cb..1916640 100644 --- a/public/links/contact/index.html +++ b/public/links/contact/index.html @@ -2,7 +2,7 @@ - find me@batsite + find me @@ -58,27 +58,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/links/index.html b/public/links/index.html index de3f60d..2f095ef 100644 --- a/public/links/index.html +++ b/public/links/index.html @@ -2,18 +2,17 @@ - links@batsite + links - - + - - - links + + + links @@ -67,27 +66,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 7ee0a8c..c4ac208 100644 --- a/public/links/nice_things/index.html +++ b/public/links/nice_things/index.html @@ -2,7 +2,7 @@ - things that make me happy@batsite + things that make me happy @@ -69,27 +69,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/music/index.html b/public/music/index.html index a2b3b88..056295f 100644 --- a/public/music/index.html +++ b/public/music/index.html @@ -2,18 +2,17 @@ - music@batsite + music - - + - - - music + + + music @@ -55,27 +54,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/posts/index.html b/public/posts/index.html index a271793..85c5cf7 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -2,18 +2,17 @@ - posts@batsite + posts - - + - - - posts + + + posts @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/scss/main.css b/public/scss/main.css index 38b80ef..691be61 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,25 +337,14 @@ header { #hamburger-bg { position: fixed; + background-color: red; + opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - 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; } + transition: 0s; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +367,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +490,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +498,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/public/software/index.html b/public/software/index.html index ec30f47..bb42d7b 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,18 +2,17 @@ - software@batsite + software - - + - - - software + + + software @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index e8ff8d0..4c2e61c 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,15 +2,16 @@ - - + inkscape:current-layer="layer1" /> - - - - - - + id="defs2" /> + + + + + + head + + - - - - + inkscape:label="Eyes And Ears"> + style="fill:#6a536e;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 219.02399,399.72036 c -1.13134,0.76324 -2.73304,0.85547 -4.05926,0.53358 -1.38389,-0.33589 -2.50208,-1.42981 -3.50922,-2.4366 -0.52492,-0.52473 -1.09322,-1.10783 -1.27059,-1.82854 -0.26333,-1.07002 -0.23942,-2.3907 0.41106,-3.28017 0.82209,-1.12413 2.40312,-1.66547 3.79312,-1.75154 1.9339,-0.11975 4.3349,0.24812 5.53766,1.76723 0.78677,0.99371 0.41661,2.52942 0.2944,3.79098 -0.0712,0.73521 -0.30987,1.45284 -0.59246,2.1353 -0.1567,0.37846 -0.26514,0.84068 -0.60471,1.06976 z" + id="path4517" + sodipodi:nodetypes="aaaaaaaaaa" /> + diff --git a/public/tags/index.html b/public/tags/index.html index 90044ff..8dc57a3 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,18 +2,17 @@ - Tags@batsite + Tags - - + - - - Tags + + + Tags @@ -49,27 +48,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 38b80ef..1021bff 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,6 +337,7 @@ header { #hamburger-bg { position: fixed; + background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -339,18 +345,13 @@ header { right: 0; transition: 0s; display: grid; - justify-content: center; - overflow: scroll; } + align-items: center; + justify-content: center; } #hamburger-bg * { display: grid; - margin-top: 2pt; - margin-bottom: 2pt; + margin-top: 14pt; + margin-bottom: 14pt; text-align: center; } - #hamburger-bg.hidden { - display: none; } - -#darkmode-button-small { - margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +374,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +497,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +505,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/themes/battheme b/themes/battheme index 26372fd..cb4c119 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3 +Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c
+ + games @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/index.html b/public/index.html index 5294f57..6cb41d5 100644 --- a/public/index.html +++ b/public/index.html @@ -3,16 +3,15 @@ - home@batsite + home - - + - home + batsite @@ -64,27 +63,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 4b2b8f0..2433a0e 100644 --- a/public/js/hamburger.js +++ b/public/js/hamburger.js @@ -1,25 +1 @@ -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 = ""; -} +function activateHamburger() {} diff --git a/public/js/lightmode.js b/public/js/lightmode.js index cc5f62d..11f6d52 100644 --- a/public/js/lightmode.js +++ b/public/js/lightmode.js @@ -1,16 +1,13 @@ 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"); @@ -24,10 +21,6 @@ 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 5d6eede..fe470e2 100644 --- a/public/links/buddies/index.html +++ b/public/links/buddies/index.html @@ -2,7 +2,7 @@ - buddies@batsite + buddies @@ -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 cba70cb..1916640 100644 --- a/public/links/contact/index.html +++ b/public/links/contact/index.html @@ -2,7 +2,7 @@ - find me@batsite + find me @@ -58,27 +58,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/links/index.html b/public/links/index.html index de3f60d..2f095ef 100644 --- a/public/links/index.html +++ b/public/links/index.html @@ -2,18 +2,17 @@ - links@batsite + links - - + - - - links + + + links @@ -67,27 +66,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 7ee0a8c..c4ac208 100644 --- a/public/links/nice_things/index.html +++ b/public/links/nice_things/index.html @@ -2,7 +2,7 @@ - things that make me happy@batsite + things that make me happy @@ -69,27 +69,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/music/index.html b/public/music/index.html index a2b3b88..056295f 100644 --- a/public/music/index.html +++ b/public/music/index.html @@ -2,18 +2,17 @@ - music@batsite + music - - + - - - music + + + music @@ -55,27 +54,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/posts/index.html b/public/posts/index.html index a271793..85c5cf7 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -2,18 +2,17 @@ - posts@batsite + posts - - + - - - posts + + + posts @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/scss/main.css b/public/scss/main.css index 38b80ef..691be61 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,25 +337,14 @@ header { #hamburger-bg { position: fixed; + background-color: red; + opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - 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; } + transition: 0s; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +367,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +490,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +498,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/public/software/index.html b/public/software/index.html index ec30f47..bb42d7b 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,18 +2,17 @@ - software@batsite + software - - + - - - software + + + software @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index e8ff8d0..4c2e61c 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,15 +2,16 @@ - - + inkscape:current-layer="layer1" /> - - - - - - + id="defs2" /> + + + + + + head + + - - - - + inkscape:label="Eyes And Ears"> + style="fill:#6a536e;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 219.02399,399.72036 c -1.13134,0.76324 -2.73304,0.85547 -4.05926,0.53358 -1.38389,-0.33589 -2.50208,-1.42981 -3.50922,-2.4366 -0.52492,-0.52473 -1.09322,-1.10783 -1.27059,-1.82854 -0.26333,-1.07002 -0.23942,-2.3907 0.41106,-3.28017 0.82209,-1.12413 2.40312,-1.66547 3.79312,-1.75154 1.9339,-0.11975 4.3349,0.24812 5.53766,1.76723 0.78677,0.99371 0.41661,2.52942 0.2944,3.79098 -0.0712,0.73521 -0.30987,1.45284 -0.59246,2.1353 -0.1567,0.37846 -0.26514,0.84068 -0.60471,1.06976 z" + id="path4517" + sodipodi:nodetypes="aaaaaaaaaa" /> + diff --git a/public/tags/index.html b/public/tags/index.html index 90044ff..8dc57a3 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,18 +2,17 @@ - Tags@batsite + Tags - - + - - - Tags + + + Tags @@ -49,27 +48,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 38b80ef..1021bff 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,6 +337,7 @@ header { #hamburger-bg { position: fixed; + background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -339,18 +345,13 @@ header { right: 0; transition: 0s; display: grid; - justify-content: center; - overflow: scroll; } + align-items: center; + justify-content: center; } #hamburger-bg * { display: grid; - margin-top: 2pt; - margin-bottom: 2pt; + margin-top: 14pt; + margin-bottom: 14pt; text-align: center; } - #hamburger-bg.hidden { - display: none; } - -#darkmode-button-small { - margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +374,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +497,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +505,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/themes/battheme b/themes/battheme index 26372fd..cb4c119 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3 +Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c
@@ -64,27 +63,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 4b2b8f0..2433a0e 100644 --- a/public/js/hamburger.js +++ b/public/js/hamburger.js @@ -1,25 +1 @@ -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 = ""; -} +function activateHamburger() {} diff --git a/public/js/lightmode.js b/public/js/lightmode.js index cc5f62d..11f6d52 100644 --- a/public/js/lightmode.js +++ b/public/js/lightmode.js @@ -1,16 +1,13 @@ 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"); @@ -24,10 +21,6 @@ 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 5d6eede..fe470e2 100644 --- a/public/links/buddies/index.html +++ b/public/links/buddies/index.html @@ -2,7 +2,7 @@ - buddies@batsite + buddies @@ -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 cba70cb..1916640 100644 --- a/public/links/contact/index.html +++ b/public/links/contact/index.html @@ -2,7 +2,7 @@ - find me@batsite + find me @@ -58,27 +58,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/links/index.html b/public/links/index.html index de3f60d..2f095ef 100644 --- a/public/links/index.html +++ b/public/links/index.html @@ -2,18 +2,17 @@ - links@batsite + links - - + - - - links + + + links @@ -67,27 +66,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 7ee0a8c..c4ac208 100644 --- a/public/links/nice_things/index.html +++ b/public/links/nice_things/index.html @@ -2,7 +2,7 @@ - things that make me happy@batsite + things that make me happy @@ -69,27 +69,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/music/index.html b/public/music/index.html index a2b3b88..056295f 100644 --- a/public/music/index.html +++ b/public/music/index.html @@ -2,18 +2,17 @@ - music@batsite + music - - + - - - music + + + music @@ -55,27 +54,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/posts/index.html b/public/posts/index.html index a271793..85c5cf7 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -2,18 +2,17 @@ - posts@batsite + posts - - + - - - posts + + + posts @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/scss/main.css b/public/scss/main.css index 38b80ef..691be61 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,25 +337,14 @@ header { #hamburger-bg { position: fixed; + background-color: red; + opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - 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; } + transition: 0s; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +367,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +490,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +498,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/public/software/index.html b/public/software/index.html index ec30f47..bb42d7b 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,18 +2,17 @@ - software@batsite + software - - + - - - software + + + software @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index e8ff8d0..4c2e61c 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,15 +2,16 @@ - - + inkscape:current-layer="layer1" /> - - - - - - + id="defs2" /> + + + + + + head + + - - - - + inkscape:label="Eyes And Ears"> + style="fill:#6a536e;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 219.02399,399.72036 c -1.13134,0.76324 -2.73304,0.85547 -4.05926,0.53358 -1.38389,-0.33589 -2.50208,-1.42981 -3.50922,-2.4366 -0.52492,-0.52473 -1.09322,-1.10783 -1.27059,-1.82854 -0.26333,-1.07002 -0.23942,-2.3907 0.41106,-3.28017 0.82209,-1.12413 2.40312,-1.66547 3.79312,-1.75154 1.9339,-0.11975 4.3349,0.24812 5.53766,1.76723 0.78677,0.99371 0.41661,2.52942 0.2944,3.79098 -0.0712,0.73521 -0.30987,1.45284 -0.59246,2.1353 -0.1567,0.37846 -0.26514,0.84068 -0.60471,1.06976 z" + id="path4517" + sodipodi:nodetypes="aaaaaaaaaa" /> + diff --git a/public/tags/index.html b/public/tags/index.html index 90044ff..8dc57a3 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,18 +2,17 @@ - Tags@batsite + Tags - - + - - - Tags + + + Tags @@ -49,27 +48,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 38b80ef..1021bff 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,6 +337,7 @@ header { #hamburger-bg { position: fixed; + background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -339,18 +345,13 @@ header { right: 0; transition: 0s; display: grid; - justify-content: center; - overflow: scroll; } + align-items: center; + justify-content: center; } #hamburger-bg * { display: grid; - margin-top: 2pt; - margin-bottom: 2pt; + margin-top: 14pt; + margin-bottom: 14pt; text-align: center; } - #hamburger-bg.hidden { - display: none; } - -#darkmode-button-small { - margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +374,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +497,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +505,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/themes/battheme b/themes/battheme index 26372fd..cb4c119 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3 +Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c
- - links + + + links @@ -67,27 +66,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 7ee0a8c..c4ac208 100644 --- a/public/links/nice_things/index.html +++ b/public/links/nice_things/index.html @@ -2,7 +2,7 @@ - things that make me happy@batsite + things that make me happy @@ -69,27 +69,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/music/index.html b/public/music/index.html index a2b3b88..056295f 100644 --- a/public/music/index.html +++ b/public/music/index.html @@ -2,18 +2,17 @@ - music@batsite + music - - + - - - music + + + music @@ -55,27 +54,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/posts/index.html b/public/posts/index.html index a271793..85c5cf7 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -2,18 +2,17 @@ - posts@batsite + posts - - + - - - posts + + + posts @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/scss/main.css b/public/scss/main.css index 38b80ef..691be61 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,25 +337,14 @@ header { #hamburger-bg { position: fixed; + background-color: red; + opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - 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; } + transition: 0s; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +367,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +490,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +498,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/public/software/index.html b/public/software/index.html index ec30f47..bb42d7b 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,18 +2,17 @@ - software@batsite + software - - + - - - software + + + software @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index e8ff8d0..4c2e61c 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,15 +2,16 @@ - - + inkscape:current-layer="layer1" /> - - - - - - + id="defs2" /> + + + + + + head + + - - - - + inkscape:label="Eyes And Ears"> + style="fill:#6a536e;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 219.02399,399.72036 c -1.13134,0.76324 -2.73304,0.85547 -4.05926,0.53358 -1.38389,-0.33589 -2.50208,-1.42981 -3.50922,-2.4366 -0.52492,-0.52473 -1.09322,-1.10783 -1.27059,-1.82854 -0.26333,-1.07002 -0.23942,-2.3907 0.41106,-3.28017 0.82209,-1.12413 2.40312,-1.66547 3.79312,-1.75154 1.9339,-0.11975 4.3349,0.24812 5.53766,1.76723 0.78677,0.99371 0.41661,2.52942 0.2944,3.79098 -0.0712,0.73521 -0.30987,1.45284 -0.59246,2.1353 -0.1567,0.37846 -0.26514,0.84068 -0.60471,1.06976 z" + id="path4517" + sodipodi:nodetypes="aaaaaaaaaa" /> + diff --git a/public/tags/index.html b/public/tags/index.html index 90044ff..8dc57a3 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,18 +2,17 @@ - Tags@batsite + Tags - - + - - - Tags + + + Tags @@ -49,27 +48,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 38b80ef..1021bff 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,6 +337,7 @@ header { #hamburger-bg { position: fixed; + background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -339,18 +345,13 @@ header { right: 0; transition: 0s; display: grid; - justify-content: center; - overflow: scroll; } + align-items: center; + justify-content: center; } #hamburger-bg * { display: grid; - margin-top: 2pt; - margin-bottom: 2pt; + margin-top: 14pt; + margin-bottom: 14pt; text-align: center; } - #hamburger-bg.hidden { - display: none; } - -#darkmode-button-small { - margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +374,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +497,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +505,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/themes/battheme b/themes/battheme index 26372fd..cb4c119 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3 +Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c
+ + links @@ -67,27 +66,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 7ee0a8c..c4ac208 100644 --- a/public/links/nice_things/index.html +++ b/public/links/nice_things/index.html @@ -2,7 +2,7 @@ - things that make me happy@batsite + things that make me happy @@ -69,27 +69,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/music/index.html b/public/music/index.html index a2b3b88..056295f 100644 --- a/public/music/index.html +++ b/public/music/index.html @@ -2,18 +2,17 @@ - music@batsite + music - - + - - - music + + + music @@ -55,27 +54,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/posts/index.html b/public/posts/index.html index a271793..85c5cf7 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -2,18 +2,17 @@ - posts@batsite + posts - - + - - - posts + + + posts @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/scss/main.css b/public/scss/main.css index 38b80ef..691be61 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,25 +337,14 @@ header { #hamburger-bg { position: fixed; + background-color: red; + opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - 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; } + transition: 0s; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +367,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +490,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +498,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/public/software/index.html b/public/software/index.html index ec30f47..bb42d7b 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,18 +2,17 @@ - software@batsite + software - - + - - - software + + + software @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index e8ff8d0..4c2e61c 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,15 +2,16 @@ - - + inkscape:current-layer="layer1" /> - - - - - - + id="defs2" /> + + + + + + head + + - - - - + inkscape:label="Eyes And Ears"> + style="fill:#6a536e;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 219.02399,399.72036 c -1.13134,0.76324 -2.73304,0.85547 -4.05926,0.53358 -1.38389,-0.33589 -2.50208,-1.42981 -3.50922,-2.4366 -0.52492,-0.52473 -1.09322,-1.10783 -1.27059,-1.82854 -0.26333,-1.07002 -0.23942,-2.3907 0.41106,-3.28017 0.82209,-1.12413 2.40312,-1.66547 3.79312,-1.75154 1.9339,-0.11975 4.3349,0.24812 5.53766,1.76723 0.78677,0.99371 0.41661,2.52942 0.2944,3.79098 -0.0712,0.73521 -0.30987,1.45284 -0.59246,2.1353 -0.1567,0.37846 -0.26514,0.84068 -0.60471,1.06976 z" + id="path4517" + sodipodi:nodetypes="aaaaaaaaaa" /> + diff --git a/public/tags/index.html b/public/tags/index.html index 90044ff..8dc57a3 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,18 +2,17 @@ - Tags@batsite + Tags - - + - - - Tags + + + Tags @@ -49,27 +48,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 38b80ef..1021bff 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,6 +337,7 @@ header { #hamburger-bg { position: fixed; + background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -339,18 +345,13 @@ header { right: 0; transition: 0s; display: grid; - justify-content: center; - overflow: scroll; } + align-items: center; + justify-content: center; } #hamburger-bg * { display: grid; - margin-top: 2pt; - margin-bottom: 2pt; + margin-top: 14pt; + margin-bottom: 14pt; text-align: center; } - #hamburger-bg.hidden { - display: none; } - -#darkmode-button-small { - margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +374,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +497,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +505,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/themes/battheme b/themes/battheme index 26372fd..cb4c119 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3 +Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c
- - music + + + music @@ -55,27 +54,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/posts/index.html b/public/posts/index.html index a271793..85c5cf7 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -2,18 +2,17 @@ - posts@batsite + posts - - + - - - posts + + + posts @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/scss/main.css b/public/scss/main.css index 38b80ef..691be61 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,25 +337,14 @@ header { #hamburger-bg { position: fixed; + background-color: red; + opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - 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; } + transition: 0s; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +367,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +490,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +498,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/public/software/index.html b/public/software/index.html index ec30f47..bb42d7b 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,18 +2,17 @@ - software@batsite + software - - + - - - software + + + software @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index e8ff8d0..4c2e61c 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,15 +2,16 @@ - - + inkscape:current-layer="layer1" /> - - - - - - + id="defs2" /> + + + + + + head + + - - - - + inkscape:label="Eyes And Ears"> + style="fill:#6a536e;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 219.02399,399.72036 c -1.13134,0.76324 -2.73304,0.85547 -4.05926,0.53358 -1.38389,-0.33589 -2.50208,-1.42981 -3.50922,-2.4366 -0.52492,-0.52473 -1.09322,-1.10783 -1.27059,-1.82854 -0.26333,-1.07002 -0.23942,-2.3907 0.41106,-3.28017 0.82209,-1.12413 2.40312,-1.66547 3.79312,-1.75154 1.9339,-0.11975 4.3349,0.24812 5.53766,1.76723 0.78677,0.99371 0.41661,2.52942 0.2944,3.79098 -0.0712,0.73521 -0.30987,1.45284 -0.59246,2.1353 -0.1567,0.37846 -0.26514,0.84068 -0.60471,1.06976 z" + id="path4517" + sodipodi:nodetypes="aaaaaaaaaa" /> + diff --git a/public/tags/index.html b/public/tags/index.html index 90044ff..8dc57a3 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,18 +2,17 @@ - Tags@batsite + Tags - - + - - - Tags + + + Tags @@ -49,27 +48,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 38b80ef..1021bff 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,6 +337,7 @@ header { #hamburger-bg { position: fixed; + background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -339,18 +345,13 @@ header { right: 0; transition: 0s; display: grid; - justify-content: center; - overflow: scroll; } + align-items: center; + justify-content: center; } #hamburger-bg * { display: grid; - margin-top: 2pt; - margin-bottom: 2pt; + margin-top: 14pt; + margin-bottom: 14pt; text-align: center; } - #hamburger-bg.hidden { - display: none; } - -#darkmode-button-small { - margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +374,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +497,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +505,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/themes/battheme b/themes/battheme index 26372fd..cb4c119 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3 +Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c
+ + music @@ -55,27 +54,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/posts/index.html b/public/posts/index.html index a271793..85c5cf7 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -2,18 +2,17 @@ - posts@batsite + posts - - + - - - posts + + + posts @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/scss/main.css b/public/scss/main.css index 38b80ef..691be61 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,25 +337,14 @@ header { #hamburger-bg { position: fixed; + background-color: red; + opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - 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; } + transition: 0s; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +367,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +490,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +498,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/public/software/index.html b/public/software/index.html index ec30f47..bb42d7b 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,18 +2,17 @@ - software@batsite + software - - + - - - software + + + software @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index e8ff8d0..4c2e61c 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,15 +2,16 @@ - - + inkscape:current-layer="layer1" /> - - - - - - + id="defs2" /> + + + + + + head + + - - - - + inkscape:label="Eyes And Ears"> + style="fill:#6a536e;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 219.02399,399.72036 c -1.13134,0.76324 -2.73304,0.85547 -4.05926,0.53358 -1.38389,-0.33589 -2.50208,-1.42981 -3.50922,-2.4366 -0.52492,-0.52473 -1.09322,-1.10783 -1.27059,-1.82854 -0.26333,-1.07002 -0.23942,-2.3907 0.41106,-3.28017 0.82209,-1.12413 2.40312,-1.66547 3.79312,-1.75154 1.9339,-0.11975 4.3349,0.24812 5.53766,1.76723 0.78677,0.99371 0.41661,2.52942 0.2944,3.79098 -0.0712,0.73521 -0.30987,1.45284 -0.59246,2.1353 -0.1567,0.37846 -0.26514,0.84068 -0.60471,1.06976 z" + id="path4517" + sodipodi:nodetypes="aaaaaaaaaa" /> + diff --git a/public/tags/index.html b/public/tags/index.html index 90044ff..8dc57a3 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,18 +2,17 @@ - Tags@batsite + Tags - - + - - - Tags + + + Tags @@ -49,27 +48,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 38b80ef..1021bff 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,6 +337,7 @@ header { #hamburger-bg { position: fixed; + background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -339,18 +345,13 @@ header { right: 0; transition: 0s; display: grid; - justify-content: center; - overflow: scroll; } + align-items: center; + justify-content: center; } #hamburger-bg * { display: grid; - margin-top: 2pt; - margin-bottom: 2pt; + margin-top: 14pt; + margin-bottom: 14pt; text-align: center; } - #hamburger-bg.hidden { - display: none; } - -#darkmode-button-small { - margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +374,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +497,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +505,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/themes/battheme b/themes/battheme index 26372fd..cb4c119 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3 +Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c
- - posts + + + posts @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/scss/main.css b/public/scss/main.css index 38b80ef..691be61 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,25 +337,14 @@ header { #hamburger-bg { position: fixed; + background-color: red; + opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - 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; } + transition: 0s; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +367,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +490,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +498,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/public/software/index.html b/public/software/index.html index ec30f47..bb42d7b 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,18 +2,17 @@ - software@batsite + software - - + - - - software + + + software @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index e8ff8d0..4c2e61c 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,15 +2,16 @@ - - + inkscape:current-layer="layer1" /> - - - - - - + id="defs2" /> + + + + + + head + + - - - - + inkscape:label="Eyes And Ears"> + style="fill:#6a536e;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 219.02399,399.72036 c -1.13134,0.76324 -2.73304,0.85547 -4.05926,0.53358 -1.38389,-0.33589 -2.50208,-1.42981 -3.50922,-2.4366 -0.52492,-0.52473 -1.09322,-1.10783 -1.27059,-1.82854 -0.26333,-1.07002 -0.23942,-2.3907 0.41106,-3.28017 0.82209,-1.12413 2.40312,-1.66547 3.79312,-1.75154 1.9339,-0.11975 4.3349,0.24812 5.53766,1.76723 0.78677,0.99371 0.41661,2.52942 0.2944,3.79098 -0.0712,0.73521 -0.30987,1.45284 -0.59246,2.1353 -0.1567,0.37846 -0.26514,0.84068 -0.60471,1.06976 z" + id="path4517" + sodipodi:nodetypes="aaaaaaaaaa" /> + diff --git a/public/tags/index.html b/public/tags/index.html index 90044ff..8dc57a3 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,18 +2,17 @@ - Tags@batsite + Tags - - + - - - Tags + + + Tags @@ -49,27 +48,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 38b80ef..1021bff 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,6 +337,7 @@ header { #hamburger-bg { position: fixed; + background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -339,18 +345,13 @@ header { right: 0; transition: 0s; display: grid; - justify-content: center; - overflow: scroll; } + align-items: center; + justify-content: center; } #hamburger-bg * { display: grid; - margin-top: 2pt; - margin-bottom: 2pt; + margin-top: 14pt; + margin-bottom: 14pt; text-align: center; } - #hamburger-bg.hidden { - display: none; } - -#darkmode-button-small { - margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +374,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +497,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +505,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/themes/battheme b/themes/battheme index 26372fd..cb4c119 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3 +Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c
+ + posts @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/scss/main.css b/public/scss/main.css index 38b80ef..691be61 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,25 +337,14 @@ header { #hamburger-bg { position: fixed; + background-color: red; + opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - 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; } + transition: 0s; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +367,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +490,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +498,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/public/software/index.html b/public/software/index.html index ec30f47..bb42d7b 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -2,18 +2,17 @@ - software@batsite + software - - + - - - software + + + software @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index e8ff8d0..4c2e61c 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,15 +2,16 @@ - - + inkscape:current-layer="layer1" /> - - - - - - + id="defs2" /> + + + + + + head + + - - - - + inkscape:label="Eyes And Ears"> + style="fill:#6a536e;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 219.02399,399.72036 c -1.13134,0.76324 -2.73304,0.85547 -4.05926,0.53358 -1.38389,-0.33589 -2.50208,-1.42981 -3.50922,-2.4366 -0.52492,-0.52473 -1.09322,-1.10783 -1.27059,-1.82854 -0.26333,-1.07002 -0.23942,-2.3907 0.41106,-3.28017 0.82209,-1.12413 2.40312,-1.66547 3.79312,-1.75154 1.9339,-0.11975 4.3349,0.24812 5.53766,1.76723 0.78677,0.99371 0.41661,2.52942 0.2944,3.79098 -0.0712,0.73521 -0.30987,1.45284 -0.59246,2.1353 -0.1567,0.37846 -0.26514,0.84068 -0.60471,1.06976 z" + id="path4517" + sodipodi:nodetypes="aaaaaaaaaa" /> + diff --git a/public/tags/index.html b/public/tags/index.html index 90044ff..8dc57a3 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,18 +2,17 @@ - Tags@batsite + Tags - - + - - - Tags + + + Tags @@ -49,27 +48,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 38b80ef..1021bff 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,6 +337,7 @@ header { #hamburger-bg { position: fixed; + background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -339,18 +345,13 @@ header { right: 0; transition: 0s; display: grid; - justify-content: center; - overflow: scroll; } + align-items: center; + justify-content: center; } #hamburger-bg * { display: grid; - margin-top: 2pt; - margin-bottom: 2pt; + margin-top: 14pt; + margin-bottom: 14pt; text-align: center; } - #hamburger-bg.hidden { - display: none; } - -#darkmode-button-small { - margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +374,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +497,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +505,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/themes/battheme b/themes/battheme index 26372fd..cb4c119 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3 +Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c
- - software + + + software @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index e8ff8d0..4c2e61c 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,15 +2,16 @@ - - + inkscape:current-layer="layer1" /> - - - - - - + id="defs2" /> + + + + + + head + + - - - - + inkscape:label="Eyes And Ears"> + style="fill:#6a536e;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 219.02399,399.72036 c -1.13134,0.76324 -2.73304,0.85547 -4.05926,0.53358 -1.38389,-0.33589 -2.50208,-1.42981 -3.50922,-2.4366 -0.52492,-0.52473 -1.09322,-1.10783 -1.27059,-1.82854 -0.26333,-1.07002 -0.23942,-2.3907 0.41106,-3.28017 0.82209,-1.12413 2.40312,-1.66547 3.79312,-1.75154 1.9339,-0.11975 4.3349,0.24812 5.53766,1.76723 0.78677,0.99371 0.41661,2.52942 0.2944,3.79098 -0.0712,0.73521 -0.30987,1.45284 -0.59246,2.1353 -0.1567,0.37846 -0.26514,0.84068 -0.60471,1.06976 z" + id="path4517" + sodipodi:nodetypes="aaaaaaaaaa" /> + diff --git a/public/tags/index.html b/public/tags/index.html index 90044ff..8dc57a3 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,18 +2,17 @@ - Tags@batsite + Tags - - + - - - Tags + + + Tags @@ -49,27 +48,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 38b80ef..1021bff 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,6 +337,7 @@ header { #hamburger-bg { position: fixed; + background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -339,18 +345,13 @@ header { right: 0; transition: 0s; display: grid; - justify-content: center; - overflow: scroll; } + align-items: center; + justify-content: center; } #hamburger-bg * { display: grid; - margin-top: 2pt; - margin-bottom: 2pt; + margin-top: 14pt; + margin-bottom: 14pt; text-align: center; } - #hamburger-bg.hidden { - display: none; } - -#darkmode-button-small { - margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +374,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +497,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +505,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/themes/battheme b/themes/battheme index 26372fd..cb4c119 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3 +Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c
+ + software @@ -49,27 +48,27 @@ - - - - + + + - home + - about + - links + - music + - games + - software + - 龎 posts + 龎 + diff --git a/public/svg/favicon.svg b/public/svg/favicon.svg index e8ff8d0..4c2e61c 100644 --- a/public/svg/favicon.svg +++ b/public/svg/favicon.svg @@ -2,15 +2,16 @@ - - + inkscape:current-layer="layer1" /> - - - - - - + id="defs2" /> + + + + + + head + + - - - - + inkscape:label="Eyes And Ears"> + style="fill:#6a536e;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="m 219.02399,399.72036 c -1.13134,0.76324 -2.73304,0.85547 -4.05926,0.53358 -1.38389,-0.33589 -2.50208,-1.42981 -3.50922,-2.4366 -0.52492,-0.52473 -1.09322,-1.10783 -1.27059,-1.82854 -0.26333,-1.07002 -0.23942,-2.3907 0.41106,-3.28017 0.82209,-1.12413 2.40312,-1.66547 3.79312,-1.75154 1.9339,-0.11975 4.3349,0.24812 5.53766,1.76723 0.78677,0.99371 0.41661,2.52942 0.2944,3.79098 -0.0712,0.73521 -0.30987,1.45284 -0.59246,2.1353 -0.1567,0.37846 -0.26514,0.84068 -0.60471,1.06976 z" + id="path4517" + sodipodi:nodetypes="aaaaaaaaaa" /> + diff --git a/public/tags/index.html b/public/tags/index.html index 90044ff..8dc57a3 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -2,18 +2,17 @@ - Tags@batsite + Tags - - + - - - Tags + + + Tags @@ -49,27 +48,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 38b80ef..1021bff 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,6 +337,7 @@ header { #hamburger-bg { position: fixed; + background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -339,18 +345,13 @@ header { right: 0; transition: 0s; display: grid; - justify-content: center; - overflow: scroll; } + align-items: center; + justify-content: center; } #hamburger-bg * { display: grid; - margin-top: 2pt; - margin-bottom: 2pt; + margin-top: 14pt; + margin-bottom: 14pt; text-align: center; } - #hamburger-bg.hidden { - display: none; } - -#darkmode-button-small { - margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +374,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +497,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +505,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/themes/battheme b/themes/battheme index 26372fd..cb4c119 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3 +Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c
- - Tags + + + Tags @@ -49,27 +48,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 38b80ef..1021bff 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,6 +337,7 @@ header { #hamburger-bg { position: fixed; + background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -339,18 +345,13 @@ header { right: 0; transition: 0s; display: grid; - justify-content: center; - overflow: scroll; } + align-items: center; + justify-content: center; } #hamburger-bg * { display: grid; - margin-top: 2pt; - margin-bottom: 2pt; + margin-top: 14pt; + margin-bottom: 14pt; text-align: center; } - #hamburger-bg.hidden { - display: none; } - -#darkmode-button-small { - margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +374,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +497,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +505,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/themes/battheme b/themes/battheme index 26372fd..cb4c119 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3 +Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c
+ + Tags @@ -49,27 +48,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 38b80ef..1021bff 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,14 +1,19 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light { background-color: #ffffff; color: #413c74; } a { background-color: transparent; - color: #ffdc6d; } + color: #ffdc6d; + transition: 2s; } a.light { background-color: transparent; color: #9b5bb4; } @@ -17,7 +22,8 @@ a.footer-nav-item.active, a.footer-nav-item:hover { color: #ff8ad0; background-color: #413c74; - border-color: #413c74; } + border-color: #413c74; + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #413c74; @@ -26,21 +32,24 @@ a.footer-nav-item:hover { footer { background-color: #ff8ad0; - color: #413c74; } + color: #413c74; + transition: 2s; } footer.light { background-color: #413c74; color: #ffffff; } footer a { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } footer a.light { color: #ffffff; background-color: #413c74; } .togglelabel { background-color: #ff8ad0; - border-color: #413c74; } + border-color: #413c74; + transition: 2s; } .togglelabel.light { background-color: #413c74; border-color: #ffffff; } @@ -48,31 +57,37 @@ footer a { .togglelabel.light::after { background-color: #ffffff; border-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } .togglelabel::after { background-color: #413c74; border-color: #413c74; - color: #ff8ad0; } + color: #ff8ad0; + transition: 2s; } body.light #title { color: #ffffff; - background-color: #413c74; } + background-color: #413c74; + transition: 2s; } body #title { color: #413c74; - background-color: #ff8ad0; } + background-color: #ff8ad0; + transition: 2s; } article { background-color: #413c74; - border-color: #ff8ad0; } + border-color: #ff8ad0; + transition: 2s; } article.light { background-color: #ffffff; border-color: #413c74; } h2 { background-color: #ffdc6d; - color: #413c74; } + color: #413c74; + transition: 2s; } h2.light { color: #ffffff; } @@ -83,7 +98,8 @@ h2 a { h3 { background-color: #61d478; - color: #413c74; } + color: #413c74; + transition: 2s; } h3 a { color: #413c74; } @@ -92,7 +108,8 @@ h3 a { h3.light { background-color: #5183b9; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h3.lighta { color: #ffffff; } @@ -100,25 +117,30 @@ h5, h6, h4 { background-color: #ffffff; - color: #413c74; } + color: #413c74; + transition: 2s; } h5 a, h6 a, h4 a { - color: #413c74; } + color: #413c74; + background-color: transparent; } h4.light, h5.light, h6.light { background-color: #413c74; - color: #ffffff; } + color: #ffffff; + transition: 2s; } h2.light { background-color: #9b5bb4; - color: #ffffff; } + color: #ffffff; + transition: 2s; } article.light a { background-color: transparent; - color: #9b5bb4; } + color: #9b5bb4; + transition: 2s; } article.light a.hash-link { color: #ffffff; } article.light a.hash-link:hover { @@ -128,6 +150,7 @@ article.light a { a:hover { color: #413c74; background-color: #ffdc6d; + transition: 0.2s; border-color: #ffdc6d; } .previous.light:hover, @@ -136,11 +159,13 @@ 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; } + background-color: transparent; + transition: 2s; } h1a.light, h2a.light, @@ -158,16 +183,12 @@ h6a.light { h6a.light:hover { background-color: transparent; } -h1 #rss-title { - background-color: transparent; - color: #413c74; } - h1 #rss-title:hover { - background-color: transparent; } - h1 #rss-title.light { - color: #ffffff; } - header.light { - background-color: #ffffff; } + background-color: #ffffff; + transition: 2s; } + +header { + transition: 2s; } .posttitle a { background-color: transparent; @@ -180,6 +201,7 @@ button { background-color: #ff8ad0; border-color: #413c74; } button:hover { + transition: 0.2s; background-color: #413c74; color: #ff8ad0; } button.light { @@ -187,6 +209,7 @@ button { background-color: #413c74; border-color: #ffffff; } button.light:hover { + transition: 0.2s; background-color: #ffffff; color: #413c74; } @@ -197,24 +220,6 @@ 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%; @@ -332,6 +337,7 @@ header { #hamburger-bg { position: fixed; + background-color: red; width: 100%; height: calc(100% - 42pt); left: 0pt; @@ -339,18 +345,13 @@ header { right: 0; transition: 0s; display: grid; - justify-content: center; - overflow: scroll; } + align-items: center; + justify-content: center; } #hamburger-bg * { display: grid; - margin-top: 2pt; - margin-bottom: 2pt; + margin-top: 14pt; + margin-bottom: 14pt; text-align: center; } - #hamburger-bg.hidden { - display: none; } - -#darkmode-button-small { - margin-right: 8pt; } @font-face { font-family: CaskaydiaCove; @@ -373,7 +374,6 @@ ul { h1 { font-size: 42pt; } -h1 a, h2 a { font-size: 42pt; font-style: bold; } @@ -497,13 +497,7 @@ ul a { border-style: solid; padding: 0.12em; } -#hamburger-bg .hamburger-nav-item { - border-style: solid; - padding: 0.12em; } - -#hamburger-button, -#hamburger-bg, -#darkmode-button-small { +#hamburger-button { display: none; } @media screen and (max-width: 640pt) { @@ -511,14 +505,5 @@ ul a { #darkmode-toggle, #darkmode-toggle-label { display: none; } - #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; } } + #hamburger-button { + display: flex; } } diff --git a/themes/battheme b/themes/battheme index 26372fd..cb4c119 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit 26372fdcca121d7d9a5b5ae4c4259efd1bbc69f3 +Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c