From a9b0ab233999a132968ded912f79738a93396bf2 Mon Sep 17 00:00:00 2001 From: Clove Twilight Date: Fri, 29 May 2026 21:50:57 +0100 Subject: [PATCH] add a few other things, a background and a pfp --- index.html | 21 ++++++++++++++++++ style.css | 30 ++++++++++++++++++++++++++ svg/apple.svg | 4 ++++ svg/discord.svg | 3 +++ svg/email.svg | 3 +++ svg/estrogen.svg | 55 ++++++++++++++++++++++++++++++++++++++++++++++++ 6 files changed, 116 insertions(+) create mode 100644 svg/apple.svg create mode 100644 svg/discord.svg create mode 100644 svg/email.svg create mode 100644 svg/estrogen.svg diff --git a/index.html b/index.html index 4a5d237..cffce8b 100644 --- a/index.html +++ b/index.html @@ -42,6 +42,7 @@
+ Clove Twilight avatar

Clove Twilight

(fae/faer)

Link Center

@@ -96,6 +97,14 @@ + + + + Discord + Girls Discord Server + + + @@ -128,6 +137,14 @@ + + + + Email + admin@doughmination.win + + + @@ -160,6 +177,10 @@ Debian Professional + + + Apple Ecosystem Enthusiast + diff --git a/style.css b/style.css index 3a61aa6..6267bd1 100644 --- a/style.css +++ b/style.css @@ -90,11 +90,35 @@ body { color: var(--text); } +/* Estrogen watermark blended into the background */ +body::before { + content: ""; + position: fixed; + inset: 0; + background: url(/svg/estrogen.svg) center / cover no-repeat; + filter: invert(86%) sepia(8%) saturate(900%) hue-rotate(190deg) brightness(105%); + opacity: 0.05; + pointer-events: none; + z-index: 0; +} + .hub { + position: relative; + z-index: 1; width: 100%; max-width: 460px; } +.pfp { + width: 96px; + height: 96px; + border-radius: 50%; + object-fit: cover; + border: 3px solid var(--yellow); + box-shadow: 0 4px 18px rgba(245, 194, 231, 0.25); + margin-bottom: 0.75rem; +} + .hub-header { text-align: center; margin-bottom: 2.25rem; @@ -272,6 +296,12 @@ body { font-size: 1.6rem; } + .pfp { + width: 72px; + height: 72px; + margin-bottom: 0.5rem; + } + .links { grid-template-columns: repeat(auto-fit, 60px); gap: 0.6rem; diff --git a/svg/apple.svg b/svg/apple.svg new file mode 100644 index 0000000..58235c3 --- /dev/null +++ b/svg/apple.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/svg/discord.svg b/svg/discord.svg new file mode 100644 index 0000000..9905364 --- /dev/null +++ b/svg/discord.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/svg/email.svg b/svg/email.svg new file mode 100644 index 0000000..966ef94 --- /dev/null +++ b/svg/email.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/svg/estrogen.svg b/svg/estrogen.svg new file mode 100644 index 0000000..71c5d51 --- /dev/null +++ b/svg/estrogen.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file