From 83ae2585459f743a25135eb85c48f4bf2c62781a Mon Sep 17 00:00:00 2001 From: ari melody Date: Sat, 6 Apr 2024 22:47:53 +0100 Subject: [PATCH] new dark theme and other fancy css things :3 --- .gitignore | 2 + public/img/favicon.png | Bin 0 -> 15022 bytes public/img/icon-dark.svg | 35 ++++++++++++ public/img/icon-light.svg | 29 ++++++++++ public/index.html | 24 +++++--- public/links.html | 20 ++++--- public/paste.html | 20 ++++--- public/style/main.css | 117 ++++++++++++++++++++++++++++++++++---- 8 files changed, 211 insertions(+), 36 deletions(-) create mode 100644 .gitignore create mode 100644 public/img/favicon.png create mode 100644 public/img/icon-dark.svg create mode 100644 public/img/icon-light.svg diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..f4be4d0 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +**/.DS_Store +docker-compose.yml diff --git a/public/img/favicon.png b/public/img/favicon.png new file mode 100644 index 0000000000000000000000000000000000000000..37c8ba49c6fa40903b82de193b1c2a32cbab0e7e GIT binary patch literal 15022 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 WRTJ9kvs~m$rq~NQ=S$SA@BJ6Cr@q(# literal 0 HcmV?d00001 diff --git a/public/img/icon-dark.svg b/public/img/icon-dark.svg new file mode 100644 index 0000000..723d7c9 --- /dev/null +++ b/public/img/icon-dark.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/img/icon-light.svg b/public/img/icon-light.svg new file mode 100644 index 0000000..aca52a3 --- /dev/null +++ b/public/img/icon-light.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/index.html b/public/index.html index 18d72c5..d4296c5 100644 --- a/public/index.html +++ b/public/index.html @@ -3,10 +3,11 @@ - 🏕️ bliss.town + bliss town + - - + + @@ -18,12 +19,20 @@
-


welcome to bliss.town!

+
+ + +
+

welcome to bliss.town!

we're not hosting much at this domain just yet. @@ -32,10 +41,9 @@

-

made with ♥ by ari, 2024

- +

+ made with ♥ by ari, 2024. +

diff --git a/public/links.html b/public/links.html index 9a5823b..ccb38eb 100644 --- a/public/links.html +++ b/public/links.html @@ -3,10 +3,11 @@ - 🔗 bliss.town shortlinks + shortlinks - bliss town + - - + + @@ -18,12 +19,16 @@
-


bliss.town shortlinks

+


bliss.town shortlinks

we run an invite-only shortlink service, link.bliss.town, @@ -32,10 +37,9 @@

-

made with ♥ by ari, 2024

- +

+ made with ♥ by ari, 2024. +

diff --git a/public/paste.html b/public/paste.html index 02272df..47f0478 100644 --- a/public/paste.html +++ b/public/paste.html @@ -3,10 +3,11 @@ - 📝 bliss.town pastebin + pastebin - bliss town + - - + + @@ -18,12 +19,16 @@
-


bliss.town pastebin

+


bliss.town pastebin

we run a public pastebin instance, paste.bliss.town, @@ -32,10 +37,9 @@

diff --git a/public/style/main.css b/public/style/main.css index 1249657..fb8cc7b 100644 --- a/public/style/main.css +++ b/public/style/main.css @@ -1,16 +1,18 @@ @import url("/font/lora/lora-font.css"); :root { - --foreground: #28261f; + --foreground: #322e1f; --background: #f9f1db; - --primary: #92a40a; + --primary-fg: #92a40a; + --primary-bg: #c4ce7e; } @media screen and (prefers-color-scheme: dark) { :root { - --foreground: #f9f1db; - --background: #28261f; - --primary: #d9e679; + --foreground: #e2dfe3; + --background: #1b141e; + --primary-fg: #cda1ec; + --primary-bg: #513d60; } } @@ -24,9 +26,9 @@ header nav { font-size: .8em; } -header nav a:not(:first-child)::before { - content: '-'; - margin: 0 .8em 0 .5em; +header nav span { + margin: 0 .8em; + color: var(--primary-fg); } body { @@ -48,6 +50,8 @@ body { color: var(--foreground); background-color: var(--background); + + transition: color .2s linear, background-color .2s linear; } main { @@ -55,6 +59,31 @@ main { text-align: center; } +.title-icon { + width: 64px; + margin: 1em auto -1em auto; + display: flex; +} + +.title-icon img { + transition: opacity .2s linear; +} + +.title-icon img.icon-dark { + position: relative; + left: -64px; + opacity: 0; +} + +@media screen and (prefers-color-scheme: dark) { + .title-icon img.icon-light { + opacity: 0; + } + .title-icon img.icon-dark { + opacity: 1; + } +} + hr { margin: 2rem 0; border-width: 1px 0 0 0; @@ -62,24 +91,88 @@ hr { hr::after { content: "✦"; position: absolute; - transform: translate(-50%, -50%); - background: var(--background); - color: var(--foreground); + transform: translate(-50%, -54.5%); padding: 5px; + color: var(--foreground); + background: var(--background); + transition: color .2s linear, background-color .2s linear; } a { - color: var(--primary); + color: var(--primary-fg); text-decoration: none; font-weight: bold; + transition: color .2s linear; +} + +a:hover { + text-decoration: underline; +} + +button { + padding: .5em 1.2em; + font-size: .8em; + font-family: inherit; + font-weight: bold; + color: var(--foreground); + background-color: var(--primary-bg); + border: none; + border-radius: 2em; + cursor: pointer; + transition: color .2s linear, background-color .2s linear, transform .1s ease-out; +} + +button:hover { + transform: scale(1.05); +} + +button:active { + transform: scale(0.95); } footer { width: min(900px, calc(100vw - 4rem)); margin: 0 auto; text-align: center; + opacity: .5; + transition: opacity .1s ease-out; +} + +footer:hover { + opacity: 1; } #footer-links { font-size: .8em; } + +[class^="col-"] { + transition: color .2s linear; +} +[class^="bg-"] { + transition: background-color .2s linear; +} +.col-fg { + color: var(--foreground); +} +.bg-fg { + background-color: var(--foreground); +} +.col-bg { + color: var(--background); +} +.bg-bg { + background-color: var(--background); +} +.col-primary-fg { + color: var(--primary-fg); +} +.bg-primary-fg { + background-color: var(--primary-fg); +} +.col-primary-bg { + color: var(--primary-bg); +} +.bg-primary-bg { + background-color: var(--primary-bg); +}