From 9fdfe3abbbcd4d28c470ad09140a79dfc2fb3b80 Mon Sep 17 00:00:00 2001 From: Clove Twilight Date: Tue, 23 Jun 2026 19:42:13 +0100 Subject: [PATCH] AAAAAAAA --- .domains | 1 - 404.html | 1 - assets/socials/amazon.svg | 140 ++++++++ assets/socials/battlenet.svg | 3 + assets/socials/bluesky.svg | 3 + assets/socials/bungie.svg | 8 + assets/socials/crunchyroll.svg | 8 + assets/socials/discord.svg | 3 + assets/socials/ebay.svg | 1 + assets/socials/email.svg | 3 + assets/socials/epic.svg | 42 +++ assets/socials/facebook.svg | 3 + assets/socials/git-gay.svg | 1 + assets/socials/github.svg | 3 + assets/socials/instagram.svg | 1 + assets/socials/league.svg | 14 + assets/socials/linkedin.svg | 3 + assets/socials/mastodon.svg | 3 + assets/socials/paypal.svg | 1 + assets/socials/reddit.svg | 4 + assets/socials/riot.svg | 9 + assets/socials/roblox.svg | 10 + assets/socials/site.svg | 3 + assets/socials/spotify.svg | 3 + assets/socials/steam.svg | 1 + assets/socials/tiktok.svg | 1 + assets/socials/twitch.svg | 4 + assets/socials/twitter.svg | 3 + assets/socials/xbox.svg | 3 + assets/socials/youtube.svg | 3 + coffee/index.html | 1 - css/discord.css | 571 ++++++++++++++------------------- css/fonts.css | 26 +- css/index.css | 311 +++++++++--------- css/picker.css | 3 +- css/theme-switcher.css | 2 +- cv/index.html | 1 - socials/index.html | 6 +- 38 files changed, 693 insertions(+), 514 deletions(-) delete mode 100644 .domains create mode 100644 assets/socials/amazon.svg create mode 100644 assets/socials/battlenet.svg create mode 100644 assets/socials/bluesky.svg create mode 100644 assets/socials/bungie.svg create mode 100644 assets/socials/crunchyroll.svg create mode 100644 assets/socials/discord.svg create mode 100644 assets/socials/ebay.svg create mode 100644 assets/socials/email.svg create mode 100644 assets/socials/epic.svg create mode 100644 assets/socials/facebook.svg create mode 100644 assets/socials/git-gay.svg create mode 100644 assets/socials/github.svg create mode 100644 assets/socials/instagram.svg create mode 100644 assets/socials/league.svg create mode 100644 assets/socials/linkedin.svg create mode 100644 assets/socials/mastodon.svg create mode 100644 assets/socials/paypal.svg create mode 100644 assets/socials/reddit.svg create mode 100644 assets/socials/riot.svg create mode 100644 assets/socials/roblox.svg create mode 100644 assets/socials/site.svg create mode 100644 assets/socials/spotify.svg create mode 100644 assets/socials/steam.svg create mode 100644 assets/socials/tiktok.svg create mode 100644 assets/socials/twitch.svg create mode 100644 assets/socials/twitter.svg create mode 100644 assets/socials/xbox.svg create mode 100644 assets/socials/youtube.svg diff --git a/.domains b/.domains deleted file mode 100644 index 144246a..0000000 --- a/.domains +++ /dev/null @@ -1 +0,0 @@ -a.stupid.cat diff --git a/404.html b/404.html index da466f6..a23661a 100644 --- a/404.html +++ b/404.html @@ -57,7 +57,6 @@ - diff --git a/assets/socials/amazon.svg b/assets/socials/amazon.svg new file mode 100644 index 0000000..850f284 --- /dev/null +++ b/assets/socials/amazon.svg @@ -0,0 +1,140 @@ + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/socials/battlenet.svg b/assets/socials/battlenet.svg new file mode 100644 index 0000000..783c461 --- /dev/null +++ b/assets/socials/battlenet.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/assets/socials/bluesky.svg b/assets/socials/bluesky.svg new file mode 100644 index 0000000..6361c05 --- /dev/null +++ b/assets/socials/bluesky.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/assets/socials/bungie.svg b/assets/socials/bungie.svg new file mode 100644 index 0000000..6726959 --- /dev/null +++ b/assets/socials/bungie.svg @@ -0,0 +1,8 @@ + +image/svg+xml + + + + \ No newline at end of file diff --git a/assets/socials/crunchyroll.svg b/assets/socials/crunchyroll.svg new file mode 100644 index 0000000..7576d27 --- /dev/null +++ b/assets/socials/crunchyroll.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/assets/socials/discord.svg b/assets/socials/discord.svg new file mode 100644 index 0000000..5bae97e --- /dev/null +++ b/assets/socials/discord.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/assets/socials/ebay.svg b/assets/socials/ebay.svg new file mode 100644 index 0000000..e28b388 --- /dev/null +++ b/assets/socials/ebay.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/socials/email.svg b/assets/socials/email.svg new file mode 100644 index 0000000..243173c --- /dev/null +++ b/assets/socials/email.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/assets/socials/epic.svg b/assets/socials/epic.svg new file mode 100644 index 0000000..01a228b --- /dev/null +++ b/assets/socials/epic.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/socials/facebook.svg b/assets/socials/facebook.svg new file mode 100644 index 0000000..0872f00 --- /dev/null +++ b/assets/socials/facebook.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/assets/socials/git-gay.svg b/assets/socials/git-gay.svg new file mode 100644 index 0000000..cc12cd9 --- /dev/null +++ b/assets/socials/git-gay.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/socials/github.svg b/assets/socials/github.svg new file mode 100644 index 0000000..013e025 --- /dev/null +++ b/assets/socials/github.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/assets/socials/instagram.svg b/assets/socials/instagram.svg new file mode 100644 index 0000000..4ce33d4 --- /dev/null +++ b/assets/socials/instagram.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/socials/league.svg b/assets/socials/league.svg new file mode 100644 index 0000000..b4ec4fb --- /dev/null +++ b/assets/socials/league.svg @@ -0,0 +1,14 @@ + + + + + + + + + + diff --git a/assets/socials/linkedin.svg b/assets/socials/linkedin.svg new file mode 100644 index 0000000..acc47ab --- /dev/null +++ b/assets/socials/linkedin.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/assets/socials/mastodon.svg b/assets/socials/mastodon.svg new file mode 100644 index 0000000..4ca42f3 --- /dev/null +++ b/assets/socials/mastodon.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/assets/socials/paypal.svg b/assets/socials/paypal.svg new file mode 100644 index 0000000..a28f58f --- /dev/null +++ b/assets/socials/paypal.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/socials/reddit.svg b/assets/socials/reddit.svg new file mode 100644 index 0000000..5ceddfa --- /dev/null +++ b/assets/socials/reddit.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/assets/socials/riot.svg b/assets/socials/riot.svg new file mode 100644 index 0000000..4d38004 --- /dev/null +++ b/assets/socials/riot.svg @@ -0,0 +1,9 @@ + + + + + + + + \ No newline at end of file diff --git a/assets/socials/roblox.svg b/assets/socials/roblox.svg new file mode 100644 index 0000000..55c98f4 --- /dev/null +++ b/assets/socials/roblox.svg @@ -0,0 +1,10 @@ + + + + + + + + \ No newline at end of file diff --git a/assets/socials/site.svg b/assets/socials/site.svg new file mode 100644 index 0000000..c24bbea --- /dev/null +++ b/assets/socials/site.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/assets/socials/spotify.svg b/assets/socials/spotify.svg new file mode 100644 index 0000000..5716102 --- /dev/null +++ b/assets/socials/spotify.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/assets/socials/steam.svg b/assets/socials/steam.svg new file mode 100644 index 0000000..2e839c5 --- /dev/null +++ b/assets/socials/steam.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/socials/tiktok.svg b/assets/socials/tiktok.svg new file mode 100644 index 0000000..619d3c6 --- /dev/null +++ b/assets/socials/tiktok.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/socials/twitch.svg b/assets/socials/twitch.svg new file mode 100644 index 0000000..6481007 --- /dev/null +++ b/assets/socials/twitch.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/assets/socials/twitter.svg b/assets/socials/twitter.svg new file mode 100644 index 0000000..d0a13e5 --- /dev/null +++ b/assets/socials/twitter.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/assets/socials/xbox.svg b/assets/socials/xbox.svg new file mode 100644 index 0000000..cb0a49b --- /dev/null +++ b/assets/socials/xbox.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/assets/socials/youtube.svg b/assets/socials/youtube.svg new file mode 100644 index 0000000..e1a882a --- /dev/null +++ b/assets/socials/youtube.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/coffee/index.html b/coffee/index.html index fd18422..22857eb 100644 --- a/coffee/index.html +++ b/coffee/index.html @@ -74,7 +74,6 @@ - diff --git a/css/discord.css b/css/discord.css index 2ca9f2a..a601568 100644 --- a/css/discord.css +++ b/css/discord.css @@ -1,53 +1,7 @@ -/* ============================================================================= - presence-card.css — Discord presence card + friends grid - Extracted from c.stupid.cat for use with discord.js and friends.js. - - USAGE - 1. Load this file on any page that runs discord.js (a single card mounts on -
) or friends.js (a grid of cards in
). - 2. Copy these font files into /assets/fonts/ (or delete the @font-face blocks - to skip custom Discord display-name fonts): - gg sans.woff2 Sakura.woff2 Jellybean.woff2 Modern.woff2 - Medieval.woff2 8Bit.woff2 Vampyre.woff2 Tempo.woff2 - 3. The :root block below is a FALLBACK palette (Catppuccin Mocha). Delete it - if your site already defines these variables, or edit to match your theme. - - VARIABLES THE CARD READS (provide these, or keep the :root fallback): - --text --subtext-0 --subtext-1 --surface-0 --surface-1 --surface-2 - --overlay-0 --overlay-1 --crust --mantle --mauve --blue --green --red - --yellow --accent-rgb (the *-rgb ones are comma triplets, e.g. 245, 194, 231) - - VARIABLES discord.js SETS AT RUNTIME (do NOT define — they come from live data): - --dc-accent --pc-banner-color --pc-grad-1-rgb --pc-grad-2-rgb - ============================================================================= */ - -/* ---- Discord display-name fonts (look-alikes) — discord.js applies these per - user from display_name_styles.font_id. Files live in /assets/fonts/. -------- */ -@font-face { font-family:'DDN gg sans'; src:url('/assets/fonts/gg%20sans.woff2') format('woff2'); font-display:swap; } -@font-face { font-family:'DDN Sakura'; src:url('/assets/fonts/Sakura.woff2') format('woff2'); font-display:swap; } -@font-face { font-family:'DDN Jellybean'; src:url('/assets/fonts/Jellybean.woff2') format('woff2'); font-display:swap; } -@font-face { font-family:'DDN Modern'; src:url('/assets/fonts/Modern.woff2') format('woff2'); font-display:swap; } -@font-face { font-family:'DDN Medieval'; src:url('/assets/fonts/Medieval.woff2') format('woff2'); font-display:swap; } -@font-face { font-family:'DDN 8Bit'; src:url('/assets/fonts/8Bit.woff2') format('woff2'); font-display:swap; } -@font-face { font-family:'DDN Vampyre'; src:url('/assets/fonts/Vampyre.woff2') format('woff2'); font-display:swap; } -@font-face { font-family:'DDN Tempo'; src:url('/assets/fonts/Tempo.woff2') format('woff2'); font-display:swap; } - -/* ---- Theme palette (FALLBACK — Catppuccin Mocha). Delete if your site already - defines these custom properties. ------------------------------------------- */ -:root { - --text: #cdd6f4; --subtext-0: #a6adc8; --subtext-1: #bac2de; - --overlay-0: #6c7086; --overlay-1: #7f849c; - --surface-0: #313244; --surface-1: #45475a; --surface-2: #585b70; - --crust: #11111b; --mantle: #181825; - --mauve: #cba6f7; --blue: #89b4fa; --green: #a6e3a1; --red: #f38ba8; --yellow: #f9e2af; - --accent-rgb: 245, 194, 231; -} - - -/* =========================================================================== - CARD COMPONENT (discord.js — also used by each friend card) - =========================================================================== */ - +/* ===================================================================== + * 3. PRESENCE CARD (unified Discord-style profile pill) + * Lifted verbatim from main.css §13 so the card is self-contained. + * ===================================================================== */ .presence-card { --dc-accent: 245, 194, 231; position: fixed; @@ -65,7 +19,7 @@ } .presence-card[hidden] { - display: none; + display: none; } .presence-card.has-accent { @@ -73,6 +27,7 @@ box-shadow: 0 8px 26px -12px rgba(var(--dc-accent), 0.6); } +/* ---- header (always visible) ---- */ .pc-head { display: flex; align-items: center; @@ -93,10 +48,12 @@ border-radius: 50%; object-fit: cover; display: block; - + /* solid fill behind the avatar — many PFPs (incl. Clove's) are partly + transparent, and Discord shows a solid backdrop rather than the banner. */ background: var(--crust); } +/* avatar decoration / frame overlay (Discord cosmetic) */ .pc-av-deco { position: absolute; top: 50%; @@ -108,7 +65,7 @@ } .pc-av-deco[hidden] { - display: none; + display: none; } .pc-status { @@ -122,20 +79,20 @@ background: var(--overlay-0); } -.presence-card[data-status="online"] .pc-status { - background: var(--green); +.presence-card[data-status="online"] .pc-status { + background: var(--green); } -.presence-card[data-status="idle"] .pc-status { - background: var(--yellow); +.presence-card[data-status="idle"] .pc-status { + background: var(--yellow); } -.presence-card[data-status="dnd"] .pc-status { - background: var(--red); +.presence-card[data-status="dnd"] .pc-status { + background: var(--red); } .presence-card[data-status="offline"] .pc-status { - background: var(--overlay-0); + background: var(--overlay-0); } .pc-id { @@ -162,9 +119,10 @@ } .pc-user:empty { - display: none; + display: none; } +/* status word (Online / Idle / Do Not Disturb / Offline) */ .pc-status-text { font-size: 0.7rem; font-weight: 600; @@ -173,7 +131,7 @@ } .pc-status-text:empty { - display: none; + display: none; } .pc-status-text::before { @@ -187,38 +145,39 @@ background: var(--overlay-0); } -.presence-card[data-status="online"] .pc-status-text { - color: var(--green); +.presence-card[data-status="online"] .pc-status-text { + color: var(--green); } -.presence-card[data-status="online"] .pc-status-text::before { - background: var(--green); +.presence-card[data-status="online"] .pc-status-text::before { + background: var(--green); } -.presence-card[data-status="idle"] .pc-status-text { - color: var(--yellow); +.presence-card[data-status="idle"] .pc-status-text { + color: var(--yellow); } -.presence-card[data-status="idle"] .pc-status-text::before { - background: var(--yellow); +.presence-card[data-status="idle"] .pc-status-text::before { + background: var(--yellow); } -.presence-card[data-status="dnd"] .pc-status-text { - color: var(--red); +.presence-card[data-status="dnd"] .pc-status-text { + color: var(--red); } -.presence-card[data-status="dnd"] .pc-status-text::before { - background: var(--red); +.presence-card[data-status="dnd"] .pc-status-text::before { + background: var(--red); } .presence-card[data-status="offline"] .pc-status-text { - color: var(--overlay-1); + color: var(--overlay-1); } .presence-card[data-status="offline"] .pc-status-text::before { - background: var(--overlay-0); + background: var(--overlay-0); } +/* ---- expandable sections ---- */ .pc-sections { display: flex; flex-direction: column; @@ -228,7 +187,7 @@ } .presence-card:not(.has-sections) .pc-sections { - display: none; + display: none; } .pc-row { @@ -282,8 +241,9 @@ a.pc-row:hover, max-width: 200px; } -.pc-row-title:empty, .pc-row-sub:empty { - display: none; +.pc-row-title:empty, +.pc-row-sub:empty { + display: none; } .pc-row-elapsed { @@ -293,9 +253,10 @@ a.pc-row:hover, } .pc-row-elapsed:empty { - display: none; + display: none; } +/* artwork / icons */ .pc-art, .pc-row-ic-img { width: 38px; @@ -315,17 +276,19 @@ a.pc-row:hover, } .pc-dev .pc-row-ic.pc-dot { - background: var(--blue); border-radius: 2px; + background: var(--blue); + border-radius: 2px; } .pc-game .pc-row-ic.pc-dot { - background: var(--green); + background: var(--green); } .pc-stream .pc-row-ic.pc-dot { - background: var(--mauve); + background: var(--mauve); } +/* custom status */ .pc-custom { position: relative; align-self: flex-start; @@ -339,6 +302,7 @@ a.pc-row:hover, margin-top: 0.3rem; } +/* Discord-style thought-bubble tail */ .pc-custom::before, .pc-custom::after { content: ""; @@ -349,19 +313,29 @@ a.pc-row:hover, } .pc-custom::before { - width: 9px; height: 9px; top: -5px; left: 12px; + width: 9px; + height: 9px; + top: -5px; + left: 12px; } .pc-custom::after { - width: 5px; height: 5px; top: -11px; left: 9px; + width: 5px; + height: 5px; + top: -11px; + left: 9px; } .pc-custom:hover { - transform: none; border-color: transparent; + transform: none; + border-color: transparent; } .pc-emoji { - width: 18px; height: 18px; flex-shrink: 0; margin-top: 0.05rem; + width: 18px; + height: 18px; + flex-shrink: 0; + margin-top: 0.05rem; } .pc-custom-text { @@ -373,8 +347,9 @@ a.pc-row:hover, line-height: 1.35; } +/* spotify progress */ .pc-spotify .pc-row-title { - color: var(--green); + color: var(--green); } .pc-progress { @@ -408,6 +383,17 @@ a.pc-row:hover, font-variant-numeric: tabular-nums; } +@media (max-width: 640px) { + .presence-card { + max-width: calc(100vw - 2rem); + } + + .api-stage .presence-card { + max-width: 100%; + } +} + +/* ---- extended Lanyard fields ---- */ .pc-name-row { display: flex; align-items: center; @@ -416,9 +402,10 @@ a.pc-row:hover, } .pc-name-row .pc-name { - min-width: 0; + min-width: 0; } +/* gradient display name (display_name_styles) */ .pc-name.is-gradient { -webkit-background-clip: text; background-clip: text; @@ -426,6 +413,7 @@ a.pc-row:hover, -webkit-text-fill-color: transparent; } +/* server tag chip (primary_guild) */ .pc-tag { display: inline-flex; align-items: center; @@ -441,13 +429,16 @@ a.pc-row:hover, } .pc-tag[hidden] { - display: none; + display: none; } .pc-tag-badge { - width: 14px; height: 14px; display: block; + width: 14px; + height: 14px; + display: block; } +/* username + active-platform indicators */ .pc-sub-row { display: flex; align-items: center; @@ -462,13 +453,18 @@ a.pc-row:hover, } .pc-plat { - width: 12px; height: 12px; display: inline-flex; + width: 12px; + height: 12px; + display: inline-flex; } .pc-plat svg { - width: 12px; height: 12px; display: block; + width: 12px; + height: 12px; + display: block; } +/* KV meta line (location, etc.) */ .pc-meta { display: flex; align-items: center; @@ -479,13 +475,15 @@ a.pc-row:hover, } .pc-meta[hidden] { - display: none; + display: none; } .pc-pin { - font-size: 0.7rem; line-height: 1; + font-size: 0.7rem; + line-height: 1; } +/* stacked rows (activity rows that carry buttons) */ .pc-row--stack { flex-direction: column; align-items: stretch; @@ -501,6 +499,7 @@ a.pc-row:hover, text-decoration: none; } +/* activity icon with small corner badge (assets.small_image) */ .pc-ic-wrap { position: relative; flex-shrink: 0; @@ -509,7 +508,8 @@ a.pc-row:hover, } .pc-ic-wrap .pc-row-ic-img { - width: 38px; height: 38px; + width: 38px; + height: 38px; } .pc-ic-badge { @@ -523,6 +523,7 @@ a.pc-row:hover, object-fit: cover; } +/* activity buttons (labels from presence) */ .pc-buttons { display: flex; flex-wrap: wrap; @@ -545,6 +546,7 @@ a.pc-row:hover, background: var(--surface-2); } +/* profile badges */ .pc-badges { display: inline-flex; align-items: center; @@ -554,17 +556,21 @@ a.pc-row:hover, } .pc-badges:empty { - display: none; + display: none; } .pc-badge { - width: 16px; height: 16px; display: block; + width: 16px; + height: 16px; + display: block; } .pc-badge-link { - display: inline-flex; line-height: 0; + display: inline-flex; + line-height: 0; } +/* wishlist star + panel */ .pc-star { margin-left: auto; align-self: flex-start; @@ -579,15 +585,16 @@ a.pc-row:hover, } .pc-star:hover { - color: rgb(var(--accent-rgb)); transform: scale(1.12); + color: rgb(var(--accent-rgb)); + transform: scale(1.12); } .pc-star.on { - color: var(--yellow); + color: var(--yellow); } .pc-wishlist { - display: none; + display: none; } .presence-card.show-wishlist .pc-wishlist { @@ -616,19 +623,25 @@ a.pc-row:hover, } a.pc-wl-item:hover { - background: var(--mantle); + background: var(--mantle); } .pc-wl-ic { - width: 22px; height: 22px; border-radius: 5px; object-fit: cover; + width: 22px; + height: 22px; + border-radius: 5px; + object-fit: cover; } .pc-wl-text { - display: flex; flex-direction: column; line-height: 1.2; min-width: 0; + display: flex; + flex-direction: column; + line-height: 1.2; + min-width: 0; } .pc-wl-name { - font-size: 0.8rem; + font-size: 0.8rem; } .pc-wl-type { @@ -647,13 +660,16 @@ a.pc-wl-item:hover { } .pc-wl-item.is-owned { - opacity: 0.5; + opacity: 0.5; } .pc-wl-empty { - font-size: 0.78rem; color: var(--subtext-0); margin: 0; + font-size: 0.78rem; + color: var(--subtext-0); + margin: 0; } +/* Discord profile gradient (Catppuccin is the fallback) */ .presence-card.has-profile-grad { background: linear-gradient(180deg, rgb(var(--pc-grad-1-rgb)) 0%, rgb(var(--pc-grad-2-rgb)) 100%); } @@ -663,9 +679,13 @@ a.pc-wl-item:hover { } .presence-card.has-profile-grad .pc-row { - background: rgba(17, 17, 27, 0.55); + background: rgba(17, 17, 27, 0.55); } + +/* ===================================================================== + * 4. EXTRAS (banner, bio, connected accounts — used on the /discord page) + * ===================================================================== */ .pc-banner { display: block; width: 100%; @@ -675,9 +695,10 @@ a.pc-wl-item:hover { } .pc-banner[hidden] { - display: none; + display: none; } +/* solid/accent banner fallback when there's no Nitro banner image */ .presence-card.has-banner-color::before { content: ""; display: block; @@ -685,6 +706,7 @@ a.pc-wl-item:hover { background: var(--pc-banner-color, var(--surface-1)); } +/* when a banner is present, lift the avatar up over it */ .presence-card.has-banner .pc-head, .presence-card.has-banner-color .pc-head { margin-top: -22px; @@ -722,7 +744,7 @@ a.pc-wl-item:hover { } .pc-bio[hidden] { - display: none; + display: none; } .pc-connections { @@ -733,7 +755,7 @@ a.pc-wl-item:hover { } .pc-connections[hidden] { - display: none; + display: none; } .pc-conn { @@ -763,9 +785,52 @@ a.pc-conn:hover { } .pc-conn-check { - color: var(--green); font-weight: 700; + color: var(--green); + font-weight: 700; } + +/* ===================================================================== + * 5. /discord PAGE STAGE (centered, slightly wider card) + * ===================================================================== */ +html:has(.presence-stage), +body:has(.presence-stage) { + height: auto; + min-height: 100dvh; + overflow-y: auto; +} + +body:has(.presence-stage) { + padding: 0; +} + +.presence-stage { + min-height: 100dvh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 1.5rem; +} + +.presence-intro { + text-align: center; + margin: 0 0 1.25rem; +} + +.presence-intro h1 { + margin: 0; + font-size: 1.8rem; + color: rgb(var(--accent-rgb)); +} + +.presence-intro p { + margin: 0.3rem 0 0; + font-size: 0.9rem; + color: var(--subtext-0); +} + +/* pronouns chip (shown on the card sub-row) */ .pc-pronouns { padding: 0.05rem 0.4rem; border-radius: 6px; @@ -777,9 +842,13 @@ a.pc-conn:hover { } .pc-pronouns[hidden] { - display: none; + display: none; } + +/* ===================================================================== + * 6. /discord PAGE — big "fills the page" presence card + * ===================================================================== */ .presence-stage .presence-card { position: static; margin: 0; @@ -788,6 +857,7 @@ a.pc-conn:hover { border-radius: 20px; } +/* tall Nitro banner */ .presence-stage .pc-banner { height: 220px; } @@ -796,16 +866,21 @@ a.pc-conn:hover { height: 150px; } +/* header — roomier, big overlapping avatar */ .presence-stage .pc-head { gap: 1rem; padding: 0.9rem 1.4rem; align-items: flex-end; } +/* keep the identity column bottom-aligned to the avatar's visible lower + half, whether or not a custom-status bubble is present */ .presence-stage .presence-card.has-custom .pc-head { align-items: flex-end; } +/* only the avatar pokes up into the banner; the name/identity block stays + in the solid area below it */ .presence-stage .presence-card.has-banner .pc-head, .presence-stage .presence-card.has-banner-color .pc-head { margin-top: 0; @@ -828,7 +903,8 @@ a.pc-conn:hover { .presence-stage .presence-card.has-banner-color .pc-av-img { width: 120px; height: 120px; - + /* solid dark plate + ring so the banner sits clearly BEHIND the avatar + (the PFP itself is partly transparent) */ background: var(--crust); border: 6px solid var(--crust); } @@ -846,22 +922,25 @@ a.pc-conn:hover { border-width: 5px; } +/* identity block — bigger type */ .presence-stage .pc-name { - font-size: 1.5rem; + font-size: 1.5rem; } .presence-stage .pc-user { - font-size: 0.9rem; + font-size: 0.9rem; } .presence-stage .pc-badges { - margin-top: 0.3rem; + margin-top: 0.3rem; } .presence-stage .pc-badge { - width: 22px; height: 22px; + width: 22px; + height: 22px; } +/* bio + connections — wider, padded to match */ .presence-stage .pc-bio { margin: 0 1.4rem 0.8rem; padding: 0.7rem 0.9rem; @@ -874,286 +953,108 @@ a.pc-conn:hover { } .presence-stage .pc-conn { - font-size: 0.74rem; padding: 0.3rem 0.65rem; + font-size: 0.74rem; + padding: 0.3rem 0.65rem; } +/* activity rows — larger artwork + text */ .presence-stage .pc-sections { gap: 0.6rem; padding: 0 1.4rem 1.1rem; } .presence-stage .pc-row { - padding: 0.7rem 0.8rem; border-radius: 14px; + padding: 0.7rem 0.8rem; + border-radius: 14px; } .presence-stage .pc-art, .presence-stage .pc-row-ic-img, .presence-stage .pc-ic-wrap, .presence-stage .pc-ic-wrap .pc-row-ic-img { - width: 56px; height: 56px; + width: 56px; + height: 56px; } .presence-stage .pc-row-title { - font-size: 0.95rem; max-width: none; + font-size: 0.95rem; + max-width: none; } .presence-stage .pc-row-sub { - font-size: 0.82rem; max-width: none; + font-size: 0.82rem; + max-width: none; } .presence-stage .pc-progress { - width: 100%; + width: 100%; } .presence-stage .pc-custom-text { - font-size: 0.86rem; max-width: none; + font-size: 0.86rem; + max-width: none; } +/* wishlist + star scale up a touch */ .presence-stage .pc-star { - font-size: 1.2rem; + font-size: 1.2rem; } -.presence-card.is-mini { - position: static; - top: auto; - left: auto; - right: auto; - bottom: auto; - z-index: auto; - margin: 0; - width: 300px; - max-width: 100%; -} - -.presence-card.is-mini .pc-banner { - height: 84px; -} - -.presence-card.is-mini .pc-bio { - max-height: 6.5em; - overflow-y: auto; -} - -.presence-card.is-mini .pc-name--link { - text-decoration: none; -} - -.presence-card.is-mini .pc-name--link:hover { - text-decoration: underline; -} - -.presence-card.is-mini .pc-name::before { - content: "🩵 "; -} - -.presence-card.is-mini.tier-known .pc-name::before { - content: "💛 "; -} - -.presence-card.is-mini.tier-wife .pc-name::before { - content: "🖤 "; -} - -.presence-card.is-mini.tier-close .pc-name::before { - content: "🤍 "; -} - -.presence-card.is-mini.tier-active-alt .pc-name::before { - content: "🎭 "; -} - -.presence-card.is-mini.tier-dead-alt .pc-name::before { - content: "💀 "; -} - -.presence-card.is-mini .pc-name.is-gradient::before { - -webkit-text-fill-color: initial; - color: var(--text); -} - -.presence-card.is-mini.tier-dead-alt .pc-av-img { - filter: grayscale(1) brightness(0.6); -} - -.presence-card.is-mini.tier-dead-alt .pc-name { - color: var(--overlay-1); - text-decoration: line-through; -} - -.presence-card.is-mini.tier-dead-alt .pc-status { - display: none; -} - -.pc-conn-ic { - width: 14px; - height: 14px; - display: block; - flex: none; -} - -.presence-card.is-mini .pc-conn-ic { - width: 13px; height: 13px; -} - - -@media (max-width: 640px) { - - .presence-card { - max-width: calc(100vw - 2rem); - } - -} - - @media (max-width: 720px) { - .presence-stage .presence-card { - max-width: 100%; + max-width: 100%; } - } - @media (max-width: 480px) { - .presence-stage .pc-banner { - height: 150px; + height: 150px; } .presence-stage .pc-avatar, .presence-stage .presence-card.has-banner .pc-avatar, .presence-stage .presence-card.has-banner-color .pc-avatar { - width: 92px; height: 92px; + width: 92px; + height: 92px; } .presence-stage .pc-av-img, .presence-stage .presence-card.has-banner .pc-av-img, .presence-stage .presence-card.has-banner-color .pc-av-img { - width: 92px; height: 92px; + width: 92px; + height: 92px; } .presence-stage .presence-card.has-banner .pc-head, .presence-stage .presence-card.has-banner-color .pc-head { - margin-top: 0; + margin-top: 0; } .presence-stage .presence-card.has-banner .pc-avatar, .presence-stage .presence-card.has-banner-color .pc-avatar { - margin-top: -46px; + margin-top: -46px; } .presence-stage .pc-name { - font-size: 1.25rem; + font-size: 1.25rem; } - } - -/* =========================================================================== - FRIENDS GRID / SECTIONS (friends.js) - =========================================================================== */ - -html:has(.project-grid), -html:has(.friend-grid) { - height: auto; - min-height: 100dvh; - overflow-y: auto; - overflow-x: hidden; -} - -body:has(.project-grid), -body:has(.friend-grid) { - height: auto; - min-height: 100dvh; - align-items: flex-start; - overflow-x: hidden; - overflow-y: visible; -} - -.section { - position: relative; - z-index: 1; +/* ===================================================================== + * 7. INLINE EMBED (compact presence card sitting in normal page flow, + * e.g. between the other links on the /socials page). Unlike + * .presence-stage this does NOT take over the viewport — the card + * flows in place, centered, so surrounding content stays put. + * ===================================================================== */ +.presence-embed { display: flex; - flex-direction: column; - align-items: center; - gap: 1.5rem; - width: 100%; -} - -.section-title { - margin: 0; - font-size: 1.1rem; - font-weight: 500; - letter-spacing: 0.08em; - text-transform: uppercase; - color: var(--mauve); -} - -.section-subtitle { - margin: -1.1rem 0 0; - font-size: 1.1rem; - font-weight: 500; - letter-spacing: 0.08em; - text-transform: lowercase; - color: var(--surface-2); -} - -body:has(.friend-grid) .hub-header { - position: relative; - z-index: 1; - margin-bottom: 2rem; -} - -.friend-grid { - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: flex-start; - margin-bottom: 1.5rem; - gap: 1.1rem; - width: 100%; + margin: 1.25rem 0 0.5rem; } - -@media (max-width: 640px) { - - body, - body:has(.dev-info), - body:has(.project-grid), - body:has(.friend-grid) { - flex-direction: column; - justify-content: flex-start; - align-items: center; - gap: 1rem; - height: auto; - min-height: 100dvh; - overflow-x: hidden; - overflow-y: visible; - padding: 1.25rem 1rem 2rem; - - } - - .hub, - body:has(.dev-info) .hub, - body:has(.project-grid) .hub, - body:has(.friend-grid) .hub { - order: 2; - width: 100%; - max-width: 100%; - - } - - .dev-info, - .project-grid, - .friend-grid { - padding-bottom: 1rem; - - } - - .section+.section { - margin-top: 1.5rem; - - } - +.presence-embed .presence-card { + position: static; + top: auto; + left: auto; + margin: 0; } \ No newline at end of file diff --git a/css/fonts.css b/css/fonts.css index b67fa4e..a8d6fd8 100644 --- a/css/fonts.css +++ b/css/fonts.css @@ -1,10 +1,8 @@ @font-face { font-family: "Comic Code"; src: - url("https://fonts.doughmination.co.uk/ComicCode-Regular_2022-05-24-151938_hsmz.woff2") - format("woff2"), - url("https://fonts.doughmination.co.uk/ComicCode-Regular_2022-05-24-151938_hsmz.woff") - format("woff"); + url("https://fonts.doughmination.co.uk/ComicCode-Regular_2022-05-24-151938_hsmz.woff2") format("woff2"), + url("https://fonts.doughmination.co.uk/ComicCode-Regular_2022-05-24-151938_hsmz.woff") format("woff"); font-weight: 400; font-style: normal; } @@ -12,10 +10,8 @@ @font-face { font-family: "Comic Code"; src: - url("https://fonts.doughmination.co.uk/ComicCode-Italic_2022-05-24-151939_rdtu.woff2") - format("woff2"), - url("https://fonts.doughmination.co.uk/ComicCode-Italic_2022-05-24-151939_rdtu.woff") - format("woff"); + url("https://fonts.doughmination.co.uk/ComicCode-Italic_2022-05-24-151939_rdtu.woff2") format("woff2"), + url("https://fonts.doughmination.co.uk/ComicCode-Italic_2022-05-24-151939_rdtu.woff") format("woff"); font-weight: 400; font-style: italic; } @@ -23,10 +19,8 @@ @font-face { font-family: "Comic Code"; src: - url("https://fonts.doughmination.co.uk/ComicCode-Medium_2022-05-24-151941_ugqm.woff2") - format("woff2"), - url("https://fonts.doughmination.co.uk/ComicCode-Medium_2022-05-24-151941_ugqm.woff") - format("woff"); + url("https://fonts.doughmination.co.uk/ComicCode-Medium_2022-05-24-151941_ugqm.woff2") format("woff2"), + url("https://fonts.doughmination.co.uk/ComicCode-Medium_2022-05-24-151941_ugqm.woff") format("woff"); font-weight: 500; font-style: normal; } @@ -34,10 +28,8 @@ @font-face { font-family: "Comic Code"; src: - url("https://fonts.doughmination.co.uk/ComicCode-Bold_2022-05-24-152309_zqkm.woff2") - format("woff2"), - url("https://fonts.doughmination.co.uk/ComicCode-Bold_2022-05-24-152309_zqkm.woff") - format("woff"); + url("https://fonts.doughmination.co.uk/ComicCode-Bold_2022-05-24-152309_zqkm.woff2") format("woff2"), + url("https://fonts.doughmination.co.uk/ComicCode-Bold_2022-05-24-152309_zqkm.woff") format("woff"); font-weight: 700; font-style: normal; -} +} \ No newline at end of file diff --git a/css/index.css b/css/index.css index 73627f2..df440bf 100644 --- a/css/index.css +++ b/css/index.css @@ -1,4 +1,3 @@ - /* ========================================== !! Stylesheet guide: !! @@ -25,51 +24,37 @@ *, *::before, *::after { - box-sizing: border-box; + box-sizing: border-box; } html { - height: 100%; - background: linear-gradient(135deg, var(--base) 0%, var(--mantle) 60%, var(--crust) 100%); + height: 100%; + background: linear-gradient(135deg, var(--base) 0%, var(--mantle) 60%, var(--crust) 100%); } body { - margin: 0; - min-height: 100vh; - width: 100%; - max-width: 100vw; - overflow-x: hidden; - font-family: 'Comic Code', sans-serif; - background: linear-gradient(135deg, var(--base) 0%, var(--mantle) 60%, var(--crust) 100%); - color: var(--text); + margin: 0; + min-height: 100vh; + width: 100%; + max-width: 100vw; + overflow-x: hidden; + font-family: 'Comic Code', sans-serif; + background: linear-gradient(135deg, var(--base) 0%, var(--mantle) 60%, var(--crust) 100%); + color: var(--text); - /* top-anchored, horizontally centered, scrollable */ - display: flex; - flex-direction: column; - align-items: center; - padding: clamp(2.5rem, 9vh, 6rem) 1.25rem 5rem; -} - -/* Miku chibi tucked into the bottom-right corner */ -body::after { - content: ""; - position: fixed; - right: 0.5rem; - bottom: 0.5rem; - width: clamp(96px, 14vw, 168px); - aspect-ratio: 564 / 547; - background: url(/assets/theme/teto.png) center / contain no-repeat; - opacity: 0.18; - pointer-events: none; - z-index: 0; + /* top-anchored, horizontally centered, scrollable */ + display: flex; + flex-direction: column; + align-items: center; + padding: clamp(2.5rem, 9vh, 6rem) 1.25rem 5rem; } /* main content column */ main.intro, .hub { - width: 100%; - max-width: 480px; - z-index: 1; + width: 100%; + max-width: 480px; + z-index: 1; } .pfp { @@ -127,14 +112,27 @@ body::before { position: fixed; inset: 0; background: url(/assets/theme/peakpx.jpg) center / cover no-repeat; - filter: invert(86%) sepia(8%) saturate(900%) hue-rotate(190deg) - brightness(105%); + filter: invert(86%) sepia(8%) saturate(900%) hue-rotate(190deg) brightness(105%); opacity: 0.05; pointer-events: none; z-index: 0; } +/* Teto chibi tucked into the bottom-right corner */ +body::after { + content: ""; + position: fixed; + right: 0.5rem; + bottom: 0.5rem; + width: clamp(96px, 14vw, 168px); + aspect-ratio: 564 / 547; + background: url(/assets/theme/teto.png) center / contain no-repeat; + opacity: 0.18; + pointer-events: none; + z-index: 0; +} + .badges { position: fixed; right: 1rem; @@ -171,32 +169,32 @@ body::before { .badge-icon { width: 15px; height: 15px; - filter: invert(78%) sepia(36%) saturate(640%) hue-rotate(280deg) - brightness(105%); + filter: invert(78%) sepia(36%) saturate(640%) hue-rotate(280deg) brightness(105%); } @media (max-width: 600px) { - .intro { - color: var(--text); - text-align: center; - padding: 0; - } + .intro { + color: var(--text); + text-align: center; + padding: 0; + } - .intro-text { - margin-top: 0.75rem; - padding: 0 0.25rem; - } + .intro-text { + margin-top: 0.75rem; + padding: 0 0.25rem; + } - .hub-header h1 { - font-size: 1.7rem; - } + .hub-header h1 { + font-size: 1.7rem; + } - html, body { - overflow-x: hidden; - overflow-y: hidden; - width: 100%; - height: 0100dvh; - } + html, + body { + overflow-x: hidden; + overflow-y: hidden; + width: 100%; + height: 0100dvh; + } } @media (min-width: 768px) { @@ -210,52 +208,52 @@ body::before { } .intro-text { - max-width: 42ch; - margin-left: auto; - margin-right: auto; - line-height: 1.6; - color: var(--subtext-1); - font-size: 0.98rem; + max-width: 42ch; + margin-left: auto; + margin-right: auto; + line-height: 1.6; + color: var(--subtext-1); + font-size: 0.98rem; } .gitgay-link { - background-color: var(--mauve); - border: none; - color: black; - padding: 0.85rem 1.5rem; - text-align: center; - text-decoration: none; - display: inline-block; - font-size: 1rem; - font-weight: 600; - margin: 4px 2px; - cursor: pointer; - border-radius: 14px; - font-family: "Comic Code"; - transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease; - box-shadow: 0 6px 18px -8px rgba(var(--accent-rgb), 0.7); + background-color: var(--mauve); + border: none; + color: black; + padding: 0.85rem 1.5rem; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 1rem; + font-weight: 600; + margin: 4px 2px; + cursor: pointer; + border-radius: 14px; + font-family: "Comic Code"; + transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease; + box-shadow: 0 6px 18px -8px rgba(var(--accent-rgb), 0.7); } .links { - display: inline-flex; - flex-direction: column; - gap: 8px; + display: inline-flex; + flex-direction: column; + gap: 8px; } .gitgay-link { - display: block; - text-align: center; + display: block; + text-align: center; } .gitgay-link:hover { - transform: translateY(-2px); - filter: brightness(1.05); - box-shadow: 0 10px 24px -8px rgba(var(--accent-rgb), 0.8); + transform: translateY(-2px); + filter: brightness(1.05); + box-shadow: 0 10px 24px -8px rgba(var(--accent-rgb), 0.8); } .gitgay-link:active { - transform: translateY(0); + transform: translateY(0); } .hub-header, @@ -270,42 +268,42 @@ body::before { /* ---- 88x31 button wall (always visible on desktop) ---- */ .button-wall { - position: fixed; - bottom: 1rem; - left: 50%; - transform: translateX(-50%); - z-index: 5; - display: flex; - flex-wrap: wrap; - justify-content: center; - gap: 0.5rem; - max-width: min(90vw, 480px); + position: fixed; + bottom: 1rem; + left: 50%; + transform: translateX(-50%); + z-index: 5; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 0.5rem; + max-width: min(90vw, 480px); } /* hide on mobile */ @media (max-width: 768px) { - .button-wall { - display: none; - } + .button-wall { + display: none; + } } .button-wall a { - display: block; - line-height: 0; + display: block; + line-height: 0; } .button-wall img { - width: 88px; - height: 31px; - image-rendering: pixelated; - border: 1px solid var(--surface-1); - border-radius: 2px; - transition: transform 0.12s ease, border-color 0.12s ease; + width: 88px; + height: 31px; + image-rendering: pixelated; + border: 1px solid var(--surface-1); + border-radius: 2px; + transition: transform 0.12s ease, border-color 0.12s ease; } .button-wall a:hover img { - transform: translateY(-2px); - border-color: rgb(var(--accent-rgb)); + transform: translateY(-2px); + border-color: rgb(var(--accent-rgb)); } /* Nav bar */ @@ -346,8 +344,13 @@ body::before { } @media screen and (max-height: 450px) { - .sidenav {padding-top: 15px;} - .sidenav a {font-size: 18px;} + .sidenav { + padding-top: 15px; + } + + .sidenav a { + font-size: 18px; + } } .hamburger { @@ -380,16 +383,16 @@ body.message-page { } .message-card { - background: var(--surface-0); - padding: 2.5rem; - border-radius: 12px; - max-width: 520px; - width: 100%; - box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45); - text-align: center; - line-height: 1.6; - color: var(--text); - border: 1px solid var(--surface-1); + background: var(--surface-0); + padding: 2.5rem; + border-radius: 12px; + max-width: 520px; + width: 100%; + box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45); + text-align: center; + line-height: 1.6; + color: var(--text); + border: 1px solid var(--surface-1); } .message-card h1 { @@ -399,23 +402,25 @@ body.message-page { } .message-card p { - color: var(--subtext-1); + color: var(--subtext-1); } .message-card .ok { color: var(--green); } + .message-card .err { color: var(--red); } + .message-card .warn { color: var(--yellow); } .message-card .muted { - color: var(--overlay-1); - font-size: 0.9rem; - margin-top: 1.5rem; + color: var(--overlay-1); + font-size: 0.9rem; + margin-top: 1.5rem; } .message-card code { @@ -451,16 +456,16 @@ body.message-page { } .yuri-card { - background: var(--surface-0); - padding: 2.5rem; - border-radius: 12px; - max-width: 900px; - width: 100%; - box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45); - text-align: center; - line-height: 1.6; - color: var(--text); - border: 1px solid var(--surface-1); + background: var(--surface-0); + padding: 2.5rem; + border-radius: 12px; + max-width: 900px; + width: 100%; + box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45); + text-align: center; + line-height: 1.6; + color: var(--text); + border: 1px solid var(--surface-1); } /* ============================================================ @@ -593,7 +598,7 @@ body:has(.dev-info) .hub { } .hardware-list { - text-align: left; + text-align: left; } /* ============================================================ @@ -601,41 +606,43 @@ body:has(.dev-info) .hub { ============================================================ */ .pcpp-part-list { - width: 100%; + width: 100%; -.pcpp-part-list { + .pcpp-part-list { max-width: 700px; margin: 0 auto; display: flex; flex-direction: column; - gap: 14px; /* THIS is your “bigger gap between entries” */ -} + gap: 14px; + /* THIS is your “bigger gap between entries” */ + } -.pcpp-row { + .pcpp-row { display: grid; grid-template-columns: 160px 1fr; align-items: center; column-gap: 24px; -} + } -.pcpp-type { + .pcpp-type { text-align: right; font-weight: 600; color: var(--subtext-1); - white-space: nowrap; -} + white-space: nowrap; + } -.pcpp-item { + .pcpp-item { text-align: left; word-break: keep-all; -} + } -.pcpp-item a { + .pcpp-item a { text-decoration: none; color: var(--text); -} + } -.pcpp-item a:hover { + .pcpp-item a:hover { text-decoration: underline; -}] - + } + +} \ No newline at end of file diff --git a/css/picker.css b/css/picker.css index 252e193..7183a57 100644 --- a/css/picker.css +++ b/css/picker.css @@ -339,5 +339,4 @@ kbd { font-size: 0.68rem; color: var(--subtext-0); text-align: center; -} - +} \ No newline at end of file diff --git a/css/theme-switcher.css b/css/theme-switcher.css index e09a98e..e8a5104 100644 --- a/css/theme-switcher.css +++ b/css/theme-switcher.css @@ -44,4 +44,4 @@ width: 22px; height: 22px; display: block; -} +} \ No newline at end of file diff --git a/cv/index.html b/cv/index.html index 3a141a4..b88d300 100644 --- a/cv/index.html +++ b/cv/index.html @@ -57,7 +57,6 @@ - diff --git a/socials/index.html b/socials/index.html index ecbbd16..884c190 100644 --- a/socials/index.html +++ b/socials/index.html @@ -93,9 +93,9 @@
A list of all of my socials
-
-
-
+
+
+

Socials