This commit is contained in:
Clove 2026-06-17 19:57:32 +01:00
parent ddbf4c06f4
commit da3dc102b5
21 changed files with 208 additions and 160 deletions

View File

@ -10,34 +10,34 @@
<link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg"> <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
<!-- SEO Meta Tags --> <!-- SEO Meta Tags -->
<meta name="description" content="The 88x31 buttons featured across clove.is-a.dev" /> <meta name="description" content="The 88x31 buttons featured across clove.is-a.dev">
<meta name="keywords" content="Portfolio, Personal, Developer, 88x31, buttons" /> <meta name="keywords" content="Portfolio, Personal, Developer, 88x31, buttons">
<meta name="author" content="doughmination" /> <meta name="author" content="doughmination">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<!-- Canonical URL --> <!-- Canonical URL -->
<link rel="canonical" href="https://clove.is-a.dev/88x31" /> <link rel="canonical" href="https://clove.is-a.dev/88x31">
<!-- Alternate for mobile --> <!-- Alternate for mobile -->
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://clove.is-a.dev" /> <link rel="alternate" media="only screen and (max-width: 640px)" href="https://clove.is-a.dev">
<!-- Theme Color --> <!-- Theme Color -->
<meta name="theme-color" content="#f5c2e7" /> <meta name="theme-color" content="#f5c2e7">
<!-- Open Graph / Discord / Facebook --> <!-- Open Graph / Discord / Facebook -->
<meta property="og:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" /> <meta property="og:image" content="https://clove.is-a.dev/assets/favicon/favicon.png">
<meta property="og:site_name" content="clove.is-a.dev" /> <meta property="og:site_name" content="clove.is-a.dev">
<meta property="og:title" content="88x31 Buttons | Clove Twilight" /> <meta property="og:title" content="88x31 Buttons | Clove Twilight">
<meta property="og:description" content="The 88x31 buttons featured across clove.is-a.dev" /> <meta property="og:description" content="The 88x31 buttons featured across clove.is-a.dev">
<meta property="og:type" content="website" /> <meta property="og:type" content="website">
<meta property="og:url" content="https://clove.is-a.dev/88x31" /> <meta property="og:url" content="https://clove.is-a.dev/88x31">
<meta property="og:locale" content="en_GB" /> <meta property="og:locale" content="en_GB">
<!-- Twitter Card --> <!-- Twitter Card -->
<meta name="twitter:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" /> <meta name="twitter:image" content="https://clove.is-a.dev/assets/favicon/favicon.png">
<meta name="twitter:card" content="summary" /> <meta name="twitter:card" content="summary">
<meta name="twitter:title" content="88x31 Buttons | Clove Twilight" /> <meta name="twitter:title" content="88x31 Buttons | Clove Twilight">
<meta name="twitter:description" content="The 88x31 buttons featured across clove.is-a.dev" /> <meta name="twitter:description" content="The 88x31 buttons featured across clove.is-a.dev">
</head> </head>
<body> <body>
@ -62,26 +62,44 @@
<section class="button-page"> <section class="button-page">
<aside class="button-wall" aria-label="88x31 buttons"> <aside class="button-wall" aria-label="88x31 buttons">
<img src="/assets/88x31/underwearisforloser.gif" alt="UnderwearIsForLoser" loading="lazy"> <!-- coding / web -->
<img src="/assets/88x31/antifa.gif" alt="AntiFa" loading="lazy">
<img src="/assets/88x31/killmenow.gif" alt="KillMeNow" loading="lazy">
<img src="/assets/88x31/palestine.gif" alt="Palestine" loading="lazy">
<img src="/assets/88x31/ukraine.gif" alt="Ukraine" loading="lazy">
<img src="/assets/88x31/linux.gif" alt="Linux" loading="lazy">
<img src="/assets/88x31/microslop.gif" alt="Microslop" loading="lazy">
<img src="/assets/88x31/estrogen.gif" alt="Estrogen" loading="lazy">
<img src="/assets/88x31/caramelldansen.gif" alt="Caramelldansen" loading="lazy">
<img src="/assets/88x31/girlsnow.png" alt="Girls Now" loading="lazy">
<img src="/assets/88x31/skirt.gif" alt="Skirt" loading="lazy">
<img src="/assets/88x31/gitgay.png" alt="GitGay" loading="lazy">
<img src="/assets/88x31/blink.gif" alt="Blink" loading="lazy">
<img src="/assets/88x31/no-chrome.gif" alt="NoChrome" loading="lazy">
<img src="/assets/88x31/firefox.gif" alt="Firefox" loading="lazy">
<img src="/assets/88x31/nft.gif" alt="NFT" loading="lazy">
<img src="/assets/88x31/noweb32.gif" alt="No Web 3.2" loading="lazy">
<img src="/assets/88x31/meltice.gif" alt="Melt Ice" loading="lazy">
<img src="/assets/88x31/transnow.gif" alt="TransNow" loading="lazy">
<img src="/assets/88x31/doughmination.gif" alt="Doughmination" loading="lazy"> <img src="/assets/88x31/doughmination.gif" alt="Doughmination" loading="lazy">
<img src="/assets/88x31/gitgay.png" alt="Git Gay" loading="lazy">
<img src="/assets/88x31/vscbutton.gif" alt="Made with Visual Studio Code" loading="lazy">
<img src="/assets/88x31/htmldream.gif" alt="I dream in HTML" loading="lazy">
<img src="/assets/88x31/valid-html5.gif" alt="Valid HTML5" loading="lazy">
<img src="/assets/88x31/valid-css.gif" alt="Valid CSS" loading="lazy">
<img src="/assets/88x31/noweb32.gif" alt="Keep the web free" loading="lazy">
<img src="/assets/88x31/nft.gif" alt="No NFTs, no thanks" loading="lazy">
<!-- software / os -->
<img src="/assets/88x31/linux.gif" alt="Made on GNU/Linux" loading="lazy">
<img src="/assets/88x31/firefox.gif" alt="Firefox" loading="lazy">
<img src="/assets/88x31/no-chrome.gif" alt="Anything but Chrome" loading="lazy">
<img src="/assets/88x31/macbutton.gif" alt="Made on a Mac" loading="lazy">
<img src="/assets/88x31/winrar4.gif" alt="WinRAR" loading="lazy">
<img src="/assets/88x31/microslop.gif" alt="Stop Microsoft" loading="lazy">
<img src="/assets/88x31/dark-mode.gif" alt="Made for dark mode" loading="lazy">
<!-- pride / identity -->
<img src="/assets/88x31/estrogen.gif" alt="Powered by estrogen" loading="lazy">
<img src="/assets/88x31/transnow.gif" alt="Trans rights now" loading="lazy">
<img src="/assets/88x31/queerpride.gif" alt="Queer pride" loading="lazy">
<img src="/assets/88x31/girlsnow.png" alt="Girls Now" loading="lazy">
<img src="/assets/88x31/skirt.gif" alt="Let boys wear skirts" loading="lazy">
<!-- causes -->
<img src="/assets/88x31/antifa.gif" alt="No fascism, no bigotry" loading="lazy">
<img src="/assets/88x31/meltice.gif" alt="Melt ICE" loading="lazy">
<img src="/assets/88x31/palestine.gif" alt="Free Palestine" loading="lazy">
<img src="/assets/88x31/ukraine.gif" alt="Slava Ukraini" loading="lazy">
<!-- misc -->
<img src="/assets/88x31/killmenow.gif" alt="Kill me now" loading="lazy">
<img src="/assets/88x31/no.gif" alt="Don't click here, no!" loading="lazy">
<!-- anime / nsfw -->
<img src="/assets/88x31/pokemon.gif" alt="Pokémon" loading="lazy">
<img src="/assets/88x31/caramelldansen.gif" alt="Caramelldansen" loading="lazy">
<img src="/assets/88x31/blink.gif" alt="Anime blink" loading="lazy">
<img src="/assets/88x31/nanoha.gif" alt="Lyrical Nanoha" loading="lazy">
<img src="/assets/88x31/bluepantsu.gif" alt="Blue pantsu" loading="lazy">
<img src="/assets/88x31/underwearisforloser.gif" alt="Underwear is for losers" loading="lazy">
</aside> </aside>
</section> </section>
</div> </div>

BIN
assets/88x31/bluepantsu.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
assets/88x31/dark-mode.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 554 B

BIN
assets/88x31/htmldream.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 714 B

BIN
assets/88x31/macbutton.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
assets/88x31/no.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
assets/88x31/pokemon.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

BIN
assets/88x31/queerpride.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
assets/88x31/valid-css.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
assets/88x31/vscbutton.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
assets/88x31/winrar4.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -10,34 +10,34 @@
<link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg"> <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
<!-- SEO Meta Tags --> <!-- SEO Meta Tags -->
<meta name="description" content="Link Center for Clove Twilight" /> <meta name="description" content="Link Center for Clove Twilight">
<meta name="keywords" content="Portfolio, Personal, Developer" /> <meta name="keywords" content="Portfolio, Personal, Developer">
<meta name="author" content="doughmination" /> <meta name="author" content="doughmination">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<!-- Canonical URL --> <!-- Canonical URL -->
<link rel="canonical" href="https://clove.is-a.dev/cool-people" /> <link rel="canonical" href="https://clove.is-a.dev/cool-people">
<!-- Alternate for mobile --> <!-- Alternate for mobile -->
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://clove.is-a.dev" /> <link rel="alternate" media="only screen and (max-width: 640px)" href="https://clove.is-a.dev">
<!-- Theme Color --> <!-- Theme Color -->
<meta name="theme-color" content="#f5c2e7" /> <meta name="theme-color" content="#f5c2e7">
<!-- Open Graph / Discord / Facebook --> <!-- Open Graph / Discord / Facebook -->
<meta property="og:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" /> <meta property="og:image" content="https://clove.is-a.dev/assets/favicon/favicon.png">
<meta property="og:site_name" content="clove.is-a.dev" /> <meta property="og:site_name" content="clove.is-a.dev">
<meta property="og:title" content="Cool People | Clove Twilight" /> <meta property="og:title" content="Cool People | Clove Twilight">
<meta property="og:description" content="Cool people Clove knows!" /> <meta property="og:description" content="Cool people Clove knows!">
<meta property="og:type" content="website" /> <meta property="og:type" content="website">
<meta property="og:url" content="https://clove.is-a.dev/cool-people" /> <meta property="og:url" content="https://clove.is-a.dev/cool-people">
<meta property="og:locale" content="en_GB" /> <meta property="og:locale" content="en_GB">
<!-- Twitter Card --> <!-- Twitter Card -->
<meta name="twitter:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" /> <meta name="twitter:image" content="https://clove.is-a.dev/assets/favicon/favicon.png">
<meta name="twitter:card" content="summary" /> <meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Cool People | Clove Twilight" /> <meta name="twitter:title" content="Cool People | Clove Twilight">
<meta name="twitter:description" content="Cool people Clove knows!" /> <meta name="twitter:description" content="Cool people Clove knows!">
</head> </head>
<body> <body>

View File

@ -1530,6 +1530,9 @@ details.waka-section[open]>summary.section-title::after {
line-height: 1.5; line-height: 1.5;
color: var(--text); color: var(--text);
overflow: hidden; overflow: hidden;
/* lets .t-banner size itself off the terminal's width (cqw), not the
viewport, so the ascii always fits regardless of the loaded font */
container-type: inline-size;
} }
body:has(.terminal) .hub { body:has(.terminal) .hub {
@ -1589,10 +1592,12 @@ body:has(.terminal) .hub .terminal {
.t-banner { .t-banner {
margin: 0 0 0.5rem; margin: 0 0 0.5rem;
color: rgb(var(--accent-rgb)); color: rgb(var(--accent-rgb));
font-size: clamp(0.4rem, 1.45vw, 0.78rem); /* scale to the terminal's width (1cqw = 1% of it) so the 42-char banner
always fits; capped so it never gets oversized on a wide terminal */
font-size: min(0.78rem, 1.9cqw);
line-height: 1.04; line-height: 1.04;
white-space: pre; white-space: pre;
overflow-x: auto; overflow: hidden;
text-shadow: 0 0 14px rgba(var(--accent-rgb), 0.35); text-shadow: 0 0 14px rgba(var(--accent-rgb), 0.35);
} }
@ -3499,6 +3504,11 @@ body:has(.presence-stage) {
padding: 0.9rem 1.4rem; padding: 0.9rem 1.4rem;
align-items: flex-end; align-items: flex-end;
} }
/* when a custom status sits in the identity column, top-align so the avatar
stays anchored to the name instead of being dragged down by the bubble */
.presence-stage .presence-card.has-custom .pc-head {
align-items: flex-start;
}
.presence-stage .presence-card.has-banner .pc-head, .presence-stage .presence-card.has-banner .pc-head,
.presence-stage .presence-card.has-banner-color .pc-head { .presence-stage .presence-card.has-banner-color .pc-head {
/* only the avatar pokes into the banner; the name/identity block clears it */ /* only the avatar pokes into the banner; the name/identity block clears it */
@ -3625,9 +3635,21 @@ body:has(.presence-stage) {
#lc-embed p { color: var(--subtext-0) !important; } #lc-embed p { color: var(--subtext-0) !important; }
#lc-embed p span { color: rgb(var(--accent-rgb)) !important; } #lc-embed p span { color: rgb(var(--accent-rgb)) !important; }
/* tuck out of the way on small screens so it doesn't cover content */ /* On mobile the body is a single flex column and every other floating
widget (nav, badges, presence card) is reflowed into it. The keyring,
left fixed, floated over the nav pills when scrolled to the bottom so
here we drop it into the column too, last and centered. */
@media (max-width: 640px) { @media (max-width: 640px) {
#lc-embed { left: 0.5rem !important; bottom: 0.5rem !important; } #lc-embed {
position: static !important;
inset: auto !important;
order: 6 !important;
width: 100% !important;
margin: 0 !important;
z-index: auto !important;
display: flex !important;
justify-content: center !important;
}
#lc-embed > section > div { min-width: 0 !important; } #lc-embed > section > div { min-width: 0 !important; }
} }

View File

@ -10,34 +10,34 @@
<link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg"> <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
<!-- SEO Meta Tags --> <!-- SEO Meta Tags -->
<meta name="description" content="What Clove has been coding lately, tracked by dev-info" /> <meta name="description" content="What Clove has been coding lately, tracked by dev-info">
<meta name="keywords" content="Portfolio, Personal, Developer, dev-info, Dev Info" /> <meta name="keywords" content="Portfolio, Personal, Developer, dev-info, Dev Info">
<meta name="author" content="doughmination" /> <meta name="author" content="doughmination">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<!-- Canonical URL --> <!-- Canonical URL -->
<link rel="canonical" href="https://clove.is-a.dev/dev-info" /> <link rel="canonical" href="https://clove.is-a.dev/dev-info">
<!-- Alternate for mobile --> <!-- Alternate for mobile -->
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://clove.is-a.dev/dev-info" /> <link rel="alternate" media="only screen and (max-width: 640px)" href="https://clove.is-a.dev/dev-info">
<!-- Theme Color --> <!-- Theme Color -->
<meta name="theme-color" content="#f5c2e7" /> <meta name="theme-color" content="#f5c2e7">
<!-- Open Graph / Discord / Facebook --> <!-- Open Graph / Discord / Facebook -->
<meta property="og:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" /> <meta property="og:image" content="https://clove.is-a.dev/assets/favicon/favicon.png">
<meta property="og:site_name" content="clove.is-a.dev" /> <meta property="og:site_name" content="clove.is-a.dev">
<meta property="og:title" content="Clove Twilight | Dev Info" /> <meta property="og:title" content="Clove Twilight | Dev Info">
<meta property="og:description" content="What Clove has been coding lately, tracked by dev-info" /> <meta property="og:description" content="What Clove has been coding lately, tracked by dev-info">
<meta property="og:type" content="website" /> <meta property="og:type" content="website">
<meta property="og:url" content="https://clove.is-a.dev/dev-info" /> <meta property="og:url" content="https://clove.is-a.dev/dev-info">
<meta property="og:locale" content="en_GB" /> <meta property="og:locale" content="en_GB">
<!-- Twitter Card --> <!-- Twitter Card -->
<meta name="twitter:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" /> <meta name="twitter:image" content="https://clove.is-a.dev/assets/favicon/favicon.png">
<meta name="twitter:card" content="summary" /> <meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Clove Twilight | Dev Info" /> <meta name="twitter:title" content="Clove Twilight | Dev Info">
<meta name="twitter:description" content="What Clove has been coding lately, tracked by dev-info" /> <meta name="twitter:description" content="What Clove has been coding lately, tracked by dev-info">
</head> </head>
<body> <body>

View File

@ -10,34 +10,34 @@
<link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg"> <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
<!-- SEO Meta Tags --> <!-- SEO Meta Tags -->
<meta name="description" content="Find all the Discord Bots Clove contributes on actively" /> <meta name="description" content="Find all the Discord Bots Clove contributes on actively">
<meta name="keywords" content="Portfolio, Personal, Developer" /> <meta name="keywords" content="Portfolio, Personal, Developer">
<meta name="author" content="doughmination" /> <meta name="author" content="doughmination">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<!-- Canonical URL --> <!-- Canonical URL -->
<link rel="canonical" href="https://clove.is-a.dev" /> <link rel="canonical" href="https://clove.is-a.dev">
<!-- Alternate for mobile --> <!-- Alternate for mobile -->
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://clove.is-a.dev" /> <link rel="alternate" media="only screen and (max-width: 640px)" href="https://clove.is-a.dev">
<!-- Theme Color --> <!-- Theme Color -->
<meta name="theme-color" content="#f5c2e7" /> <meta name="theme-color" content="#f5c2e7">
<!-- Open Graph / Discord / Facebook --> <!-- Open Graph / Discord / Facebook -->
<meta property="og:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" /> <meta property="og:image" content="https://clove.is-a.dev/assets/favicon/favicon.png">
<meta property="og:site_name" content="clove.is-a.dev" /> <meta property="og:site_name" content="clove.is-a.dev">
<meta property="og:title" content="Clove Twilight | Discord Bots" /> <meta property="og:title" content="Clove Twilight | Discord Bots">
<meta property="og:description" content="Find all the Discord Bots Clove contributes on actively" /> <meta property="og:description" content="Find all the Discord Bots Clove contributes on actively">
<meta property="og:type" content="website" /> <meta property="og:type" content="website">
<meta property="og:url" content="https://clove.is-a.dev" /> <meta property="og:url" content="https://clove.is-a.dev">
<meta property="og:locale" content="en_GB" /> <meta property="og:locale" content="en_GB">
<!-- Twitter Card --> <!-- Twitter Card -->
<meta name="twitter:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" /> <meta name="twitter:image" content="https://clove.is-a.dev/assets/favicon/favicon.png">
<meta name="twitter:card" content="summary" /> <meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Clove Twilight | Discord Bot" /> <meta name="twitter:title" content="Clove Twilight | Discord Bot">
<meta name="twitter:description" content="Find all the Discord Bots Clove contributes on actively" /> <meta name="twitter:description" content="Find all the Discord Bots Clove contributes on actively">
</head> </head>
<body> <body>
@ -69,7 +69,7 @@
<div class="bot-grid"> <div class="bot-grid">
<a class="bot" href="https://security.girlsnetwork.dev"> <a class="bot" href="https://security.girlsnetwork.dev">
<img class="bot-pfp" src="/assets/bots/ghostwire.png" alt="" /> <img class="bot-pfp" src="/assets/bots/ghostwire.png" alt="">
<span class="bot-link-text"> <span class="bot-link-text">
<span class="bot-link-title">Ghostwire</span> <span class="bot-link-title">Ghostwire</span>
<span class="bot-link-sub closed">Closed Source</span> <span class="bot-link-sub closed">Closed Source</span>
@ -77,7 +77,7 @@
</a> </a>
<a class="bot" href="https://github.com/Girls-Network/GayBot-v2"> <a class="bot" href="https://github.com/Girls-Network/GayBot-v2">
<img class="bot-pfp" src="/assets/bots/gaybot.png" alt="" /> <img class="bot-pfp" src="/assets/bots/gaybot.png" alt="">
<span class="bot-link-text"> <span class="bot-link-text">
<span class="bot-link-title">GayBot</span> <span class="bot-link-title">GayBot</span>
<span class="bot-link-sub">Open Source</span> <span class="bot-link-sub">Open Source</span>
@ -85,7 +85,7 @@
</a> </a>
<a class="bot" href="https://github.com/Girls-Network/bansync"> <a class="bot" href="https://github.com/Girls-Network/bansync">
<img class="bot-pfp" src="/assets/bots/bansync.png" alt="" /> <img class="bot-pfp" src="/assets/bots/bansync.png" alt="">
<span class="bot-link-text"> <span class="bot-link-text">
<span class="bot-link-title">BanSync</span> <span class="bot-link-title">BanSync</span>
<span class="bot-link-sub">Open Source</span> <span class="bot-link-sub">Open Source</span>
@ -101,7 +101,7 @@
<div class="bot-grid"> <div class="bot-grid">
<a class="bot" href="https://git.gay/doughmination/shortcuts-bot"> <a class="bot" href="https://git.gay/doughmination/shortcuts-bot">
<img class="bot-pfp" src="/assets/favicon/favicon.png" alt="" /> <img class="bot-pfp" src="/assets/favicon/favicon.png" alt="">
<span class="bot-link-text"> <span class="bot-link-text">
<span class="bot-link-title">Shortcuts Bot</span> <span class="bot-link-title">Shortcuts Bot</span>
<span class="bot-link-sub">Open Source</span> <span class="bot-link-sub">Open Source</span>
@ -109,7 +109,7 @@
</a> </a>
<a class="bot" href="https://git.gay/doughmination/zahra"> <a class="bot" href="https://git.gay/doughmination/zahra">
<img class="bot-pfp" src="/assets/bots/zahra.png" alt="" /> <img class="bot-pfp" src="/assets/bots/zahra.png" alt="">
<span class="bot-link-text"> <span class="bot-link-text">
<span class="bot-link-title">Zahra</span> <span class="bot-link-title">Zahra</span>
<span class="bot-link-sub">Open Source</span> <span class="bot-link-sub">Open Source</span>
@ -117,7 +117,7 @@
</a> </a>
<a class="bot" href="https://git.gay/doughmination/OnlyMeows"> <a class="bot" href="https://git.gay/doughmination/OnlyMeows">
<img class="bot-pfp" src="/assets/bots/onlymeows.png" alt="" /> <img class="bot-pfp" src="/assets/bots/onlymeows.png" alt="">
<span class="bot-link-text"> <span class="bot-link-text">
<span class="bot-link-title">OnlyMeows</span> <span class="bot-link-title">OnlyMeows</span>
<span class="bot-link-sub">Open Source</span> <span class="bot-link-sub">Open Source</span>
@ -125,7 +125,7 @@
</a> </a>
<a class="bot" href="https://git.gay/doughmination/ModUpdateChecker"> <a class="bot" href="https://git.gay/doughmination/ModUpdateChecker">
<img class="bot-pfp" src="/assets/bots/modupdatechecker.png" alt="" /> <img class="bot-pfp" src="/assets/bots/modupdatechecker.png" alt="">
<span class="bot-link-text"> <span class="bot-link-text">
<span class="bot-link-title">Mod Update Checker</span> <span class="bot-link-title">Mod Update Checker</span>
<span class="bot-link-sub">Open Source</span> <span class="bot-link-sub">Open Source</span>
@ -133,7 +133,7 @@
</a> </a>
<a class="bot" href="https://git.gay/doughmination/Uzi-DOORman"> <a class="bot" href="https://git.gay/doughmination/Uzi-DOORman">
<img class="bot-pfp" src="/assets/bots/uzi-doorman.png" alt="" /> <img class="bot-pfp" src="/assets/bots/uzi-doorman.png" alt="">
<span class="bot-link-text"> <span class="bot-link-text">
<span class="bot-link-title">Uzi Doorman</span> <span class="bot-link-title">Uzi Doorman</span>
<span class="bot-link-sub">Open Source</span> <span class="bot-link-sub">Open Source</span>
@ -141,7 +141,7 @@
</a> </a>
<a class="bot" href="https://git.gay/doughmination/robot"> <a class="bot" href="https://git.gay/doughmination/robot">
<img class="bot-pfp" src="/assets/bots/robot.png" alt="" /> <img class="bot-pfp" src="/assets/bots/robot.png" alt="">
<span class="bot-link-text"> <span class="bot-link-text">
<span class="bot-link-title">Doughmination Robot</span> <span class="bot-link-title">Doughmination Robot</span>
<span class="link-sub">Open Source</span> <span class="link-sub">Open Source</span>
@ -149,7 +149,7 @@
</a> </a>
<a class="bot" href="https://git.gay/doughmination/Cuddle-Blahaj-Medication"> <a class="bot" href="https://git.gay/doughmination/Cuddle-Blahaj-Medication">
<img class="bot-pfp" src="/assets/bots/cuddle-blahaj-medication.png" alt="" /> <img class="bot-pfp" src="/assets/bots/cuddle-blahaj-medication.png" alt="">
<span class="bot-link-text"> <span class="bot-link-text">
<span class="bot-link-title">Cuddle Blahaj Medication</span> <span class="bot-link-title">Cuddle Blahaj Medication</span>
<span class="bot-link-sub">Open Source</span> <span class="bot-link-sub">Open Source</span>
@ -165,7 +165,7 @@
<div class="bot-grid"> <div class="bot-grid">
<a class="bot" href="https://git.gay/doughmination/widget-script"> <a class="bot" href="https://git.gay/doughmination/widget-script">
<img class="bot-pfp" src="/assets/favicon/avatar.png" alt="" /> <img class="bot-pfp" src="/assets/favicon/avatar.png" alt="">
<span class="bot-link-text"> <span class="bot-link-text">
<span class="bot-link-title">Widget-v2 Script</span> <span class="bot-link-title">Widget-v2 Script</span>
<span class="bot-link-sub">Open Source</span> <span class="bot-link-sub">Open Source</span>

View File

@ -10,34 +10,34 @@
<link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg"> <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
<!-- SEO Meta Tags --> <!-- SEO Meta Tags -->
<meta name="description" content="Clove Twilight's live Discord presence — status, activity, and what fae is up to right now." /> <meta name="description" content="Clove Twilight's live Discord presence — status, activity, and what fae is up to right now.">
<meta name="keywords" content="Portfolio, Personal, Developer, Discord, presence, Lanyard" /> <meta name="keywords" content="Portfolio, Personal, Developer, Discord, presence, Lanyard">
<meta name="author" content="doughmination" /> <meta name="author" content="doughmination">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<!-- Canonical URL --> <!-- Canonical URL -->
<link rel="canonical" href="https://clove.is-a.dev/discord" /> <link rel="canonical" href="https://clove.is-a.dev/discord">
<!-- Alternate for mobile --> <!-- Alternate for mobile -->
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://clove.is-a.dev/discord" /> <link rel="alternate" media="only screen and (max-width: 640px)" href="https://clove.is-a.dev/discord">
<!-- Theme Color --> <!-- Theme Color -->
<meta name="theme-color" content="#f5c2e7" /> <meta name="theme-color" content="#f5c2e7">
<!-- Open Graph / Discord / Facebook --> <!-- Open Graph / Discord / Facebook -->
<meta property="og:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" /> <meta property="og:image" content="https://clove.is-a.dev/assets/favicon/favicon.png">
<meta property="og:site_name" content="clove.is-a.dev" /> <meta property="og:site_name" content="clove.is-a.dev">
<meta property="og:title" content="Clove Twilight | Discord" /> <meta property="og:title" content="Clove Twilight | Discord">
<meta property="og:description" content="Clove Twilight's live Discord presence — status, activity, and what fae is up to right now." /> <meta property="og:description" content="Clove Twilight's live Discord presence — status, activity, and what fae is up to right now.">
<meta property="og:type" content="website" /> <meta property="og:type" content="website">
<meta property="og:url" content="https://clove.is-a.dev/discord" /> <meta property="og:url" content="https://clove.is-a.dev/discord">
<meta property="og:locale" content="en_GB" /> <meta property="og:locale" content="en_GB">
<!-- Twitter Card --> <!-- Twitter Card -->
<meta name="twitter:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" /> <meta name="twitter:image" content="https://clove.is-a.dev/assets/favicon/favicon.png">
<meta name="twitter:card" content="summary" /> <meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Clove Twilight | Discord" /> <meta name="twitter:title" content="Clove Twilight | Discord">
<meta name="twitter:description" content="Clove Twilight's live Discord presence — status, activity, and what fae is up to right now." /> <meta name="twitter:description" content="Clove Twilight's live Discord presence — status, activity, and what fae is up to right now.">
</head> </head>
<body> <body>

View File

@ -10,34 +10,34 @@
<link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg"> <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
<!-- SEO Meta Tags --> <!-- SEO Meta Tags -->
<meta name="description" content="Link Center for Clove Twilight" /> <meta name="description" content="Link Center for Clove Twilight">
<meta name="keywords" content="Portfolio, Personal, Developer" /> <meta name="keywords" content="Portfolio, Personal, Developer">
<meta name="author" content="doughmination" /> <meta name="author" content="doughmination">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<!-- Canonical URL --> <!-- Canonical URL -->
<link rel="canonical" href="https://clove.is-a.dev" /> <link rel="canonical" href="https://clove.is-a.dev">
<!-- Alternate for mobile --> <!-- Alternate for mobile -->
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://clove.is-a.dev" /> <link rel="alternate" media="only screen and (max-width: 640px)" href="https://clove.is-a.dev">
<!-- Theme Color --> <!-- Theme Color -->
<meta name="theme-color" content="#f5c2e7" /> <meta name="theme-color" content="#f5c2e7">
<!-- Open Graph / Discord / Facebook --> <!-- Open Graph / Discord / Facebook -->
<meta property="og:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" /> <meta property="og:image" content="https://clove.is-a.dev/assets/favicon/favicon.png">
<meta property="og:site_name" content="clove.is-a.dev" /> <meta property="og:site_name" content="clove.is-a.dev">
<meta property="og:title" content="Clove Twilight | Links" /> <meta property="og:title" content="Clove Twilight | Links">
<meta property="og:description" content="Link Center for Clove Twilight" /> <meta property="og:description" content="Link Center for Clove Twilight">
<meta property="og:type" content="website" /> <meta property="og:type" content="website">
<meta property="og:url" content="https://clove.is-a.dev" /> <meta property="og:url" content="https://clove.is-a.dev">
<meta property="og:locale" content="en_GB" /> <meta property="og:locale" content="en_GB">
<!-- Twitter Card --> <!-- Twitter Card -->
<meta name="twitter:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" /> <meta name="twitter:image" content="https://clove.is-a.dev/assets/favicon/favicon.png">
<meta name="twitter:card" content="summary" /> <meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Clove Twilight | Links" /> <meta name="twitter:title" content="Clove Twilight | Links">
<meta name="twitter:description" content="Link Center for Clove Twilight" /> <meta name="twitter:description" content="Link Center for Clove Twilight">
</head> </head>
<body> <body>
@ -63,7 +63,7 @@
<div id="fronting"></div> <div id="fronting"></div>
</main> </main>
<div id="visitor-counter" aria-label="Visitor count"></div> <div id="visitor-counter" role="status" aria-label="Visitor count"></div>
<script src="/js/cat.js" data-cat="/assets/oneko/classics/classic.png"></script> <script src="/js/cat.js" data-cat="/assets/oneko/classics/classic.png"></script>
<script src="/js/nav.js"></script> <script src="/js/nav.js"></script>

View File

@ -77,6 +77,7 @@
const metaEl = card.querySelector(".pc-meta"); const metaEl = card.querySelector(".pc-meta");
const badgesEl = card.querySelector(".pc-badges"); const badgesEl = card.querySelector(".pc-badges");
const sections = card.querySelector(".pc-sections"); const sections = card.querySelector(".pc-sections");
const idEl = card.querySelector(".pc-id");
const starBtn = card.querySelector(".pc-star"); const starBtn = card.querySelector(".pc-star");
const wishlistEl = card.querySelector(".pc-wishlist"); const wishlistEl = card.querySelector(".pc-wishlist");
const bannerEl = card.querySelector(".pc-banner"); const bannerEl = card.querySelector(".pc-banner");
@ -114,6 +115,7 @@
} }
let latest = null; let latest = null;
let customNode = null;
let ticker = null; let ticker = null;
let ws = null; let ws = null;
let heartbeat = null; let heartbeat = null;
@ -558,8 +560,16 @@
sections.innerHTML = ""; sections.innerHTML = "";
// The custom status renders in the identity column, directly under the
// name, so its thought-bubble tail rises to the username (Discord-style)
// — rather than down in the activity list.
if (customNode) { customNode.remove(); customNode = null; }
const custom = acts.find((a) => a.type === 4); const custom = acts.find((a) => a.type === 4);
if (custom && (custom.state || (custom.emoji && custom.emoji.id))) sections.appendChild(customRow(custom)); if (custom && (custom.state || (custom.emoji && custom.emoji.id))) {
customNode = customRow(custom);
idEl.appendChild(customNode);
}
card.classList.toggle("has-custom", !!customNode);
if (d.listening_to_spotify && d.spotify) { if (d.listening_to_spotify && d.spotify) {
sections.appendChild(spotifyRow(d.spotify)); sections.appendChild(spotifyRow(d.spotify));

View File

@ -22,8 +22,7 @@
reddit: { label: "Reddit", sub: "u/XerinDotZero", url: "https://www.reddit.com/user/XerinDotZero/" }, reddit: { label: "Reddit", sub: "u/XerinDotZero", url: "https://www.reddit.com/user/XerinDotZero/" },
youtube: { label: "YouTube", sub: "@CloveTwiGaming", url: "https://www.youtube.com/@CloveTwiGaming", aliases: ["yt"] }, youtube: { label: "YouTube", sub: "@CloveTwiGaming", url: "https://www.youtube.com/@CloveTwiGaming", aliases: ["yt"] },
mastodon: { label: "Mastodon", sub: "@doughmination@mastodon.social", url: "https://mastodon.social/@doughmination" }, mastodon: { label: "Mastodon", sub: "@doughmination@mastodon.social", url: "https://mastodon.social/@doughmination" },
email: { label: "Email", sub: "admin@doughmination.win", url: "mailto:admin@doughmination.win", aliases: ["mail"] }, email: { label: "Email", sub: "admin@doughmination.win", url: "mailto:admin@doughmination.win", aliases: ["mail"] }
portfolio: { label: "Portfolio", sub: "doughmination.co.uk", url: "https://doughmination.co.uk/", aliases: ["website", "site"] }
}; };
const ALIASES = {}; const ALIASES = {};
Object.keys(SOCIALS).forEach((k) => { Object.keys(SOCIALS).forEach((k) => {
@ -33,8 +32,7 @@
const SOCIAL_ICON = { const SOCIAL_ICON = {
github: "github", gitgay: "git-gay", twitter: "twitter", bluesky: "bluesky", github: "github", gitgay: "git-gay", twitter: "twitter", bluesky: "bluesky",
linkedin: "linkedin", spotify: "spotify", discord: "discord", twitch: "twitch", linkedin: "linkedin", spotify: "spotify", discord: "discord", twitch: "twitch",
reddit: "reddit", youtube: "youtube", mastodon: "mastodon", email: "email", reddit: "reddit", youtube: "youtube", mastodon: "mastodon", email: "email"
company: "site", portfolio: "site"
}; };
function iconImg(key) { function iconImg(key) {
return '<img class="t-social-ic" src="/assets/socials/' + (SOCIAL_ICON[key] || "site") + '.svg" alt="">'; return '<img class="t-social-ic" src="/assets/socials/' + (SOCIAL_ICON[key] || "site") + '.svg" alt="">';

View File

@ -10,20 +10,20 @@
<link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg"> <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
<!-- SEO Meta Tags --> <!-- SEO Meta Tags -->
<meta name="description" content="What Clove Twilight is listening to — live now-playing, synced lyrics, and recent plays." /> <meta name="description" content="What Clove Twilight is listening to — live now-playing, synced lyrics, and recent plays.">
<meta name="author" content="doughmination" /> <meta name="author" content="doughmination">
<meta name="robots" content="index, follow" /> <meta name="robots" content="index, follow">
<link rel="canonical" href="https://clove.is-a.dev/music" /> <link rel="canonical" href="https://clove.is-a.dev/music">
<meta name="theme-color" content="#f5c2e7" /> <meta name="theme-color" content="#f5c2e7">
<!-- Open Graph --> <!-- Open Graph -->
<meta property="og:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" /> <meta property="og:image" content="https://clove.is-a.dev/assets/favicon/favicon.png">
<meta property="og:site_name" content="clove.is-a.dev" /> <meta property="og:site_name" content="clove.is-a.dev">
<meta property="og:title" content="Music · Clove Twilight" /> <meta property="og:title" content="Music · Clove Twilight">
<meta property="og:description" content="Live now-playing, synced lyrics, and recent plays." /> <meta property="og:description" content="Live now-playing, synced lyrics, and recent plays.">
<meta property="og:type" content="website" /> <meta property="og:type" content="website">
<meta property="og:url" content="https://clove.is-a.dev/music" /> <meta property="og:url" content="https://clove.is-a.dev/music">
<meta property="og:locale" content="en_GB" /> <meta property="og:locale" content="en_GB">
</head> </head>
<body> <body>