From 01564d2fdf3b99cfeea6e8498f2115df45381af8 Mon Sep 17 00:00:00 2001 From: Zoe Date: Wed, 13 Apr 2022 14:14:18 +0200 Subject: [PATCH 1/7] dark by default --- .hugo_build.lock | 0 content/posts/lorem.md | 1 + .../scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content | 4 ++-- themes/battheme | 2 +- 4 files changed, 4 insertions(+), 3 deletions(-) create mode 100644 .hugo_build.lock diff --git a/.hugo_build.lock b/.hugo_build.lock new file mode 100644 index 0000000..e69de29 diff --git a/content/posts/lorem.md b/content/posts/lorem.md index cd9a8ae..b1d81c2 100644 --- a/content/posts/lorem.md +++ b/content/posts/lorem.md @@ -2,6 +2,7 @@ title: "Lorem" date: 2022-04-10T17:23:01+02:00 draft: true +description: "lorem " --- Lorem ipsum dolor sit amet, *consectetur* adipisicing elit, sed do eiusmod diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 5b67d93..f565a33 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -305,14 +305,14 @@ input[type="checkbox"] { display: flex; align-items: center; justify-content: center; - content: "滛"; + content: ""; border-style: solid; } input:checked + label:after { left: calc(100% - 49pt); } input:checked + label::after { - content: ""; } + content: "滛"; } .footer-nav-item { border-radius: 100%; diff --git a/themes/battheme b/themes/battheme index e0e8cb4..84ce2ba 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit e0e8cb434cdc0c6438e04f65030a10c72574a47c +Subproject commit 84ce2ba2878cf35a730396ed9b1ed9983f22a498 From 55e6841bc1098682912fd180ff0985479ceab96a Mon Sep 17 00:00:00 2001 From: Zoe Date: Wed, 13 Apr 2022 14:18:46 +0200 Subject: [PATCH 2/7] dark by default --- themes/battheme | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/battheme b/themes/battheme index 84ce2ba..76b758d 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit 84ce2ba2878cf35a730396ed9b1ed9983f22a498 +Subproject commit 76b758dcadedb8053991034a348a9063c975a793 From 636156ad06915b0355c0785a08dd7b92ec808c56 Mon Sep 17 00:00:00 2001 From: Zoe Date: Wed, 13 Apr 2022 14:20:22 +0200 Subject: [PATCH 3/7] dark by default --- content/posts/lorem.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/posts/lorem.md b/content/posts/lorem.md index b1d81c2..8241894 100644 --- a/content/posts/lorem.md +++ b/content/posts/lorem.md @@ -2,7 +2,7 @@ title: "Lorem" date: 2022-04-10T17:23:01+02:00 draft: true -description: "lorem " +description: "lorem descriptum this is a very good description" --- Lorem ipsum dolor sit amet, *consectetur* adipisicing elit, sed do eiusmod From 4cfcde805a48d8db24e31388db34b3cecf530260 Mon Sep 17 00:00:00 2001 From: zoe Date: Wed, 13 Apr 2022 19:43:30 +0200 Subject: [PATCH 4/7] fix lightmode button being weird --- content/posts/lorem.md | 4 + ...s_f300667da4f5b5f84e1a9e0702b2fdde.content | 226 ++++++++++++------ themes/battheme | 2 +- 3 files changed, 162 insertions(+), 70 deletions(-) diff --git a/content/posts/lorem.md b/content/posts/lorem.md index 8241894..778d38d 100644 --- a/content/posts/lorem.md +++ b/content/posts/lorem.md @@ -52,6 +52,10 @@ ordered list: #### Header4 +#### Crash + +#### Crash + Table Header-1 | Table Header-2 | Table Header-3 :--- | :---: | ---: Table Data-1 | Table Data-2 | Table Data-3 diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index f565a33..c979e9e 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,26 +1,29 @@ @charset "UTF-8"; +* { + transition: 2s; } + body { background-color: #27234c; color: #e88dc3; - transition: 1s; } + transition: 2s; } body.light { background-color: #dde4ff; color: #4b3d44; } a { - background-color: #f2504b; - color: #27234c; - transition: 1s; } + background-color: transparent; + color: #d3d37c; + transition: 2s; } a.light { - background-color: #733c7c; - color: #dde4ff; } + background-color: transparent; + color: #733c7c; } a.footer-nav-item.active, a.footer-nav-item:hover { color: #f2504b; background-color: #27234c; border-color: #27234c; - transition: 0.24s; } + transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { color: #733c7c; @@ -30,7 +33,7 @@ a.footer-nav-item:hover { footer { background-color: #f2504b; color: #27234c; - transition: 1s; } + transition: 2s; } footer.light { background-color: #733c7c; color: #dde4ff; } @@ -38,7 +41,7 @@ footer { footer a { color: #27234c; background-color: #f2504b; - transition: 1s; } + transition: 2s; } footer a.light { color: #dde4ff; background-color: #733c7c; } @@ -46,7 +49,7 @@ footer a { .togglelabel { background-color: #f2504b; border-color: #27234c; - transition: 1s; } + transition: 2s; } .togglelabel.light { background-color: #733c7c; border-color: #dde4ff; } @@ -54,85 +57,138 @@ footer a { .togglelabel.light::after { background-color: #dde4ff; color: #733c7c; - transition: 1s; } + transition: 2s; } .togglelabel::after { background-color: #27234c; color: #f2504b; - transition: 1s; } + transition: 2s; } body.light #title { color: #dde4ff; background-color: #733c7c; - transition: 1s; } + transition: 2s; } body #title { color: #27234c; background-color: #f2504b; - transition: 1s; } + transition: 2s; } article { background-color: #27234c; border-color: #f2504b; - transition: 1s; } + transition: 2s; } article.light { background-color: #dde4ff; border-color: #733c7c; } -article h2 { +h2 { background-color: #b296ff; color: #27234c; - transition: 1s; } + transition: 2s; } + h2.light { + color: #dde4ff; } -article h3 { +h2 a { + color: #27234c; } + +h3 { background-color: #39b8a3; color: #27234c; - transition: 1s; } + transition: 2s; } -article.light h3 { - background-color: #225091; - color: #dde4ff; - transition: 1s; } - -article h4 { - background-color: #dde4ff; - color: #27234c; - transition: 1s; } - -article.light h4 { - background-color: #27234c; - color: #dde4ff; - transition: 1s; } - -article.light h2 { - background-color: #007582; - color: #dde4ff; - transition: 1s; } - -article h5, -article h6, -article a { - background-color: #f2504b; - color: #27234c; - transition: 1s; } - -article.light h5, -article.light h6, -article.light a { - background-color: #733c7c; - color: #dde4ff; - transition: 1s; } - -a:hover { - color: #f2504b; - background-color: transparent; } - a:hover.light { - color: #733c7c; +h3 a { + color: #27234c; } + h3 a:hover { background-color: transparent; } -article.light a:hover { +h3.light { + background-color: #225091; + color: #dde4ff; + transition: 2s; } + h3.lighta { + color: #dde4ff; } + +h5, +h6, +h4 { + background-color: #dde4ff; + color: #27234c; + transition: 2s; } + h5 a, + h6 a, + h4 a { + color: #27234c; + background-color: transparent; } + +h4.light, +h5.light, +h6.light { + background-color: #27234c; + color: #dde4ff; + transition: 2s; } + +h2.light { + background-color: #007582; + color: #dde4ff; + transition: 2s; } + +article.light a { + background-color: transparent; color: #733c7c; - background-color: transparent; } + transition: 2s; } + article.light a.hash-link { + color: #dde4ff; } + article.light a.hash-link:hover { + background-color: transparent; + color: #dde4ff; } + +a:hover { + color: #27234c; + background-color: #d3d37c; + transition: 0.2s; } + +.previous.light:hover, +.next.light:hover, +.postdescription a.light:hover, +article.light a:hover { + color: #dde4ff; + background-color: #733c7c; + transition: 0.2s; } + +.light.hash-link:hover, +.hash-link:hover { + background-color: transparent; + transition: 2s; } + +h1a.light, +h2a.light, +h3a.light, +h4a.light, +h5a.light, +h6a.light { + background-color: transparent; + color: #dde4ff; } + h1a.light:hover, + h2a.light:hover, + h3a.light:hover, + h4a.light:hover, + h5a.light:hover, + h6a.light:hover { + background-color: transparent; } + +header.light { + background-color: #dde4ff; + transition: 2s; } + +header { + transition: 2s; } + +.posttitle a { + background-color: transparent; + color: #27234c; } + .posttitle a:hover { + background-color: transparent; } html, body { @@ -155,10 +211,16 @@ footer { #content p, #content ul, #content ol, -#content table { +#content table, +.postdescription, +hr { margin-right: 24%; margin-left: 24%; } +#content ol ol, +#content ul ul { + margin-left: 0.12em; } + #footer-left { margin-top: auto; margin-bottom: auto; @@ -210,9 +272,9 @@ h4, h5, h6 { padding-right: 6%; + margin-right: 6%; padding-top: 12pt; padding-bottom: 12pt; - margin-right: 6%; justify-content: right; display: flex; align-items: center; } @@ -228,7 +290,8 @@ h6 { article { margin-inline: auto; } -.titlecontainer { +.titlecontainer, +header { width: 100%; padding-top: 42pt; } @@ -247,14 +310,14 @@ article { h1 { font-size: 42pt; } -h2 { +h2 a { font-size: 42pt; font-style: bold; } -h3, h4 { +h3 a, h4 a { font-size: 32pt; } -h5 h6 { +h5 a, h6 a { font-size: 24pt; } a { @@ -271,8 +334,12 @@ label::after { h6 { font-style: italic; } +::before { + font-family: CaskaydiaCoveMono; } + * { - border-width: 2pt; } + border-width: 2pt; + transition: ease-in-out; } input[type="checkbox"] { cursor: pointer; } @@ -280,6 +347,7 @@ input[type="checkbox"] { .toggleinput { opacity: 0; max-height: 0; + max-width: 0; overflow: hidden; } .togglelabel { @@ -298,7 +366,7 @@ input[type="checkbox"] { width: 20pt; border-width: 1pt; border-radius: 100pt; - transition: 0.3s; + transition: 1s; display: inline-block; vertical-align: middle; text-align: center; @@ -325,10 +393,30 @@ input:checked + label::after { .togglelabel { border: solid; } -h1, h2, h3, h4, h5, h6 { +h1, +h2, +h3, +h4, +h5, +h6 { border-top-right-radius: 48pt; border-bottom-right-radius: 48pt; } + h1 .hash-link:hover, + h2 .hash-link:hover, + h3 .hash-link:hover, + h4 .hash-link:hover, + h5 .hash-link:hover, + h6 .hash-link:hover { + cursor: pointer; } + h1 .hash-link:hover::before, + h2 .hash-link:hover::before, + h3 .hash-link:hover::before, + h4 .hash-link:hover::before, + h5 .hash-link:hover::before, + h6 .hash-link:hover::before { + content: ""; } +.postdescription, #content p, #content ul, #content ol, diff --git a/themes/battheme b/themes/battheme index 76b758d..006d56f 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit 76b758dcadedb8053991034a348a9063c975a793 +Subproject commit 006d56f862e085cf0fc921782d11ea14eef872be From d7336fa3e652f8885af59731680ea8eb3338577d Mon Sep 17 00:00:00 2001 From: zoe Date: Wed, 13 Apr 2022 19:44:23 +0200 Subject: [PATCH 5/7] bump up theme version --- themes/battheme | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/battheme b/themes/battheme index 006d56f..8cc0a89 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit 006d56f862e085cf0fc921782d11ea14eef872be +Subproject commit 8cc0a89bd9240084b0e95d5cdc67220932828ebf From a9e9bfdaa948a24bab9e28b4dcf21647a251e9f4 Mon Sep 17 00:00:00 2001 From: zoe Date: Wed, 13 Apr 2022 20:05:34 +0200 Subject: [PATCH 6/7] switch to cuter colors --- ...s_f300667da4f5b5f84e1a9e0702b2fdde.content | 126 +++++++++--------- themes/battheme | 2 +- 2 files changed, 64 insertions(+), 64 deletions(-) diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index c979e9e..38ee9da 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -3,157 +3,157 @@ transition: 2s; } body { - background-color: #27234c; - color: #e88dc3; + background-color: #413c74; + color: #ff8ad0; transition: 2s; } body.light { - background-color: #dde4ff; - color: #4b3d44; } + background-color: #ffffff; + color: #413c74; } a { background-color: transparent; - color: #d3d37c; + color: #ffdc6d; transition: 2s; } a.light { background-color: transparent; - color: #733c7c; } + color: #9b5bb4; } a.footer-nav-item.active, a.footer-nav-item:hover { - color: #f2504b; - background-color: #27234c; - border-color: #27234c; + color: #ff8ad0; + background-color: #413c74; + border-color: #413c74; transition: 0.2s; } a.footer-nav-item.active.light, a.footer-nav-item:hover.light { - color: #733c7c; - background-color: #dde4ff; - border-color: #dde4ff; } + color: #413c74; + background-color: #ffffff; + border-color: #ffffff; } footer { - background-color: #f2504b; - color: #27234c; + background-color: #ff8ad0; + color: #413c74; transition: 2s; } footer.light { - background-color: #733c7c; - color: #dde4ff; } + background-color: #413c74; + color: #ffffff; } footer a { - color: #27234c; - background-color: #f2504b; + color: #413c74; + background-color: #ff8ad0; transition: 2s; } footer a.light { - color: #dde4ff; - background-color: #733c7c; } + color: #ffffff; + background-color: #413c74; } .togglelabel { - background-color: #f2504b; - border-color: #27234c; + background-color: #ff8ad0; + border-color: #413c74; transition: 2s; } .togglelabel.light { - background-color: #733c7c; - border-color: #dde4ff; } + background-color: #413c74; + border-color: #ffffff; } .togglelabel.light::after { - background-color: #dde4ff; - color: #733c7c; + background-color: #ffffff; + color: #413c74; transition: 2s; } .togglelabel::after { - background-color: #27234c; - color: #f2504b; + background-color: #413c74; + color: #ff8ad0; transition: 2s; } body.light #title { - color: #dde4ff; - background-color: #733c7c; + color: #ffffff; + background-color: #413c74; transition: 2s; } body #title { - color: #27234c; - background-color: #f2504b; + color: #413c74; + background-color: #ff8ad0; transition: 2s; } article { - background-color: #27234c; - border-color: #f2504b; + background-color: #413c74; + border-color: #ff8ad0; transition: 2s; } article.light { - background-color: #dde4ff; - border-color: #733c7c; } + background-color: #ffffff; + border-color: #413c74; } h2 { - background-color: #b296ff; - color: #27234c; + background-color: #ffdc6d; + color: #413c74; transition: 2s; } h2.light { - color: #dde4ff; } + color: #ffffff; } h2 a { - color: #27234c; } + color: #413c74; } h3 { - background-color: #39b8a3; - color: #27234c; + background-color: #61d478; + color: #413c74; transition: 2s; } h3 a { - color: #27234c; } + color: #413c74; } h3 a:hover { background-color: transparent; } h3.light { - background-color: #225091; - color: #dde4ff; + background-color: #5183b9; + color: #ffffff; transition: 2s; } h3.lighta { - color: #dde4ff; } + color: #ffffff; } h5, h6, h4 { - background-color: #dde4ff; - color: #27234c; + background-color: #ffffff; + color: #413c74; transition: 2s; } h5 a, h6 a, h4 a { - color: #27234c; + color: #413c74; background-color: transparent; } h4.light, h5.light, h6.light { - background-color: #27234c; - color: #dde4ff; + background-color: #413c74; + color: #ffffff; transition: 2s; } h2.light { - background-color: #007582; - color: #dde4ff; + background-color: #9b5bb4; + color: #ffffff; transition: 2s; } article.light a { background-color: transparent; - color: #733c7c; + color: #9b5bb4; transition: 2s; } article.light a.hash-link { - color: #dde4ff; } + color: #ffffff; } article.light a.hash-link:hover { background-color: transparent; - color: #dde4ff; } + color: #ffffff; } a:hover { - color: #27234c; - background-color: #d3d37c; + color: #413c74; + background-color: #ffdc6d; transition: 0.2s; } .previous.light:hover, .next.light:hover, .postdescription a.light:hover, article.light a:hover { - color: #dde4ff; - background-color: #733c7c; + color: #ffffff; + background-color: #9b5bb4; transition: 0.2s; } .light.hash-link:hover, @@ -168,7 +168,7 @@ h4a.light, h5a.light, h6a.light { background-color: transparent; - color: #dde4ff; } + color: #ffffff; } h1a.light:hover, h2a.light:hover, h3a.light:hover, @@ -178,7 +178,7 @@ h6a.light { background-color: transparent; } header.light { - background-color: #dde4ff; + background-color: #ffffff; transition: 2s; } header { @@ -186,7 +186,7 @@ header { .posttitle a { background-color: transparent; - color: #27234c; } + color: #413c74; } .posttitle a:hover { background-color: transparent; } diff --git a/themes/battheme b/themes/battheme index 8cc0a89..2725519 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit 8cc0a89bd9240084b0e95d5cdc67220932828ebf +Subproject commit 2725519a118cbb4650ba7d0762c15c7c76a834dc From 4286589b58b1c89190fa63dacb0f1e2aec8aa3f2 Mon Sep 17 00:00:00 2001 From: zoe Date: Wed, 13 Apr 2022 20:09:32 +0200 Subject: [PATCH 7/7] fix h2 headings in lists oops --- .../scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content | 2 ++ themes/battheme | 2 +- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 38ee9da..4ee65ae 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -91,6 +91,8 @@ h2 { h2 a { color: #413c74; } + h2 a.light { + color: #ffffff; } h3 { background-color: #61d478; diff --git a/themes/battheme b/themes/battheme index 2725519..abb81b7 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit 2725519a118cbb4650ba7d0762c15c7c76a834dc +Subproject commit abb81b7acae00184920e36f6580ab28f66fbe8ca