From ae4f82eb03fba14f4bc399f8486b3125bc6fbdca Mon Sep 17 00:00:00 2001 From: zoe Date: Fri, 15 Apr 2022 23:50:41 +0200 Subject: [PATCH] clean up js, start adding hamburger --- ...s_f300667da4f5b5f84e1a9e0702b2fdde.content | 58 +++++++++++++++++-- themes/battheme | 2 +- 2 files changed, 55 insertions(+), 5 deletions(-) diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 60d2805..691be61 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -196,6 +196,30 @@ header { .posttitle a:hover { background-color: transparent; } +button { + color: #413c74; + background-color: #ff8ad0; + border-color: #413c74; } + button:hover { + transition: 0.2s; + background-color: #413c74; + color: #ff8ad0; } + button.light { + color: #ffffff; + background-color: #413c74; + border-color: #ffffff; } + button.light:hover { + transition: 0.2s; + background-color: #ffffff; + color: #413c74; } + +#pageindicator { + background-color: transparent; } + #pageindicator.light { + color: #ffffff; } + #pageindicator:hover { + background-color: transparent; } + html, body { height: 100%; @@ -238,7 +262,8 @@ p code { margin-left: 24pt; justify-self: left; margin-right: auto; - display: inline-flex; } + display: inline-flex; + align-items: center; } #footer-right { margin-top: auto; @@ -310,6 +335,17 @@ header { width: 100%; padding-top: 42pt; } +#hamburger-bg { + position: fixed; + background-color: red; + opacity: 40%; + width: 100%; + height: calc(100% - 42pt); + left: 0pt; + top: 0pt; + right: 0; + transition: 0s; } + @font-face { font-family: CaskaydiaCove; src: url(/font/CaskaydiaCove.ttf); } @@ -320,7 +356,8 @@ header { * { font-family: CaskaydiaCove; - font-size: 12pt; } + font-size: 12pt; + text-overflow: clip; } p, .postdescription, @@ -402,13 +439,15 @@ input:checked + label:after { input:checked + label::after { content: "滛"; } -.footer-nav-item { +.footer-nav-item, +button { border-radius: 100%; height: 1em; width: 1em; justify-content: center; align-items: center; - border-style: solid; } + border-style: solid; + cursor: pointer; } .togglelabel { border: solid; } @@ -450,3 +489,14 @@ p a, ul a { border-style: solid; padding: 0.12em; } + +#hamburger-button { + display: none; } + +@media screen and (max-width: 640pt) { + #footer-center, + #darkmode-toggle, + #darkmode-toggle-label { + display: none; } + #hamburger-button { + display: flex; } } diff --git a/themes/battheme b/themes/battheme index b8901b6..137f5a2 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit b8901b68d750983f47b50274396a9296ccfb052a +Subproject commit 137f5a2b05aaad9fab2da9ba0d6abb42dd016110