Goober moment

This commit is contained in:
Clove 2026-06-20 00:49:21 +01:00
parent 17cef1b459
commit f54670d24f
36 changed files with 406 additions and 313 deletions

View File

@ -38,17 +38,26 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="88x31 Buttons | Clove Twilight">
<meta name="twitter:description" content="The 88x31 buttons featured across c.stupid.cat">
<!-- Prefetch other pages for faster navigation -->
<link rel="prefetch" href="/">
<link rel="prefetch" href="/cool-people">
<link rel="prefetch" href="/dev-info">
<link rel="prefetch" href="/discord">
<link rel="prefetch" href="/projects">
<link rel="prefetch" href="/music">
<link rel="prefetch" href="/guestbook">
</head>
<body>
<header class="nav">
<nav class="nav-links">
<a class="nav-link" data-href="/">Link Center</a>
<a class="nav-link" data-href="/">Home</a>
<a class="nav-link" data-href="/cool-people">Cool People</a>
<a class="nav-link" data-href="/dev-info">Dev Info</a>
<a class="nav-link" data-href="/discord">Discord</a>
<a class="nav-link" data-href="/discord-bots">Discord Bots</a>
<a class="nav-link" data-href="/projects">Projects</a>
<a class="nav-link" data-href="/music">Music</a>
<a class="nav-link selected" data-href="/88x31">88x31</a>
<a class="nav-link" data-href="/guestbook">Guestbook</a>
@ -64,7 +73,6 @@
<div class="button-page">
<aside class="button-wall" aria-label="88x31 buttons">
<!-- coding / web -->
<img src="https://raw.githubusercontent.com/NPSummers/NPSummers/refs/heads/main/button.png" alt="NPSummers" loading="eager">
<a href="https://doughmination.co.uk" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/doughmination.gif" alt="Doughmination" loading="eager"></a>
<a href="https://git.gay/doughmination" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/gitgay.png" alt="Git Gay" loading="lazy"></a>
<a href="https://code.visualstudio.com" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/vscbutton.gif" alt="Made with Visual Studio Code" loading="lazy"></a>
@ -75,7 +83,7 @@
<img src="/assets/88x31/nft.gif" alt="No NFTs, no thanks" loading="lazy">
<img src="/assets/88x31/nowebp.gif" alt="No WEBp" loading="lazy">
<!-- software / os -->
<img src="/assets/88x31/linux.gif" alt="Made on GNU/Linux" loading="lazy">
<a href="https://www.linux.org/" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/linux.gif" alt="Made on GNU/Linux" loading="lazy"></a>
<a href="https://www.mozilla.org/firefox/" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/firefox.gif" alt="Firefox" loading="lazy"></a>
<img src="/assets/88x31/no-chrome.gif" alt="Anything but Chrome" loading="lazy">
<a href="https://support.apple.com/en-gb/121552" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/macbutton.gif" alt="Made on a Mac" loading="lazy"></a>
@ -99,12 +107,10 @@
<img src="/assets/88x31/killmenow.gif" alt="Kill me now" loading="lazy">
<a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/no.gif" alt="Don't click here, no!" loading="lazy"></a>
<a href="https://www.minecraft.net" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/minecraft.gif" alt="Minecraft" loading="lazy"></a>
<!-- anime / nsfw -->
<!-- anime -->
<img src="/assets/88x31/pokemon.gif" alt="Pokémon" loading="lazy">
<a href="https://www.youtube.com/watch?v=VEj0cuqVJ-I" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/caramelldansen.gif" alt="Caramelldansen" loading="lazy"></a>
<img src="/assets/88x31/blink.gif" alt="Anime blink" 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>
</div>
</div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 680 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 82 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 111 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 423 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 114 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 84 KiB

View File

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 5.9 KiB

View File

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 28 KiB

View File

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

View File

Before

Width:  |  Height:  |  Size: 152 KiB

After

Width:  |  Height:  |  Size: 152 KiB

View File

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

View File

@ -4,13 +4,22 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Warm up the origins this page's JS fetches on load (presence data + avatar images) -->
<link rel="preconnect" href="https://restful.doughmination.uk" crossorigin>
<link rel="dns-prefetch" href="https://restful.doughmination.uk">
<link rel="preconnect" href="https://wsrv.nl">
<link rel="dns-prefetch" href="https://wsrv.nl">
<link rel="preconnect" href="https://cdn.discordapp.com">
<link rel="dns-prefetch" href="https://cdn.discordapp.com">
<title>Cool People</title>
<link rel="stylesheet" href="/css/main.css">
<script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
<link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
<!-- SEO Meta Tags -->
<meta name="description" content="Link Center for Clove Twilight">
<meta name="description" content="Home for Clove Twilight">
<meta name="keywords" content="Portfolio, Personal, Developer">
<meta name="author" content="doughmination">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@ -49,17 +58,26 @@
}
.friends-disclaimer a { color: inherit; text-decoration: underline; }
</style>
<!-- Prefetch other pages for faster navigation -->
<link rel="prefetch" href="/">
<link rel="prefetch" href="/dev-info">
<link rel="prefetch" href="/discord">
<link rel="prefetch" href="/projects">
<link rel="prefetch" href="/music">
<link rel="prefetch" href="/88x31">
<link rel="prefetch" href="/guestbook">
</head>
<body>
<header class="nav">
<nav class="nav-links">
<a class="nav-link" data-href="/">Link Center</a>
<a class="nav-link" data-href="/">Home</a>
<a class="nav-link selected" data-href="/cool-people">Cool People</a>
<a class="nav-link" data-href="/dev-info">Dev Info</a>
<a class="nav-link" data-href="/discord">Discord</a>
<a class="nav-link" data-href="/discord-bots">Discord Bots</a>
<a class="nav-link" data-href="/projects">Projects</a>
<a class="nav-link" data-href="/music">Music</a>
<a class="nav-link" data-href="/88x31">88x31</a>
<a class="nav-link" data-href="/guestbook">Guestbook</a>

View File

@ -13,7 +13,7 @@
8. dev-info page
9. Changelog page
10. Secret cat modes (toast + picker modal)
11. Discord bots page
11. Projects page
12. Responsive overrides
13. Friends Page
============================================================ */
@ -738,17 +738,17 @@ body:has(.dev-info) .hub {
/* ============================================================
11. DISCORD BOTS PAGE
11. Projects PAGE
============================================================ */
/* On the bots page the header sits closer to the sections */
body:has(.bot-grid) .hub-header {
/* On the projects page the header sits closer to the sections */
body:has(.project-grid) .hub-header {
position: relative;
z-index: 1;
margin-bottom: 0.25rem;
}
/* FIX: bot-grid and friend-grid pages need scrolling — was missing */
html:has(.bot-grid),
/* FIX: project-grid and friend-grid pages need scrolling — was missing */
html:has(.project-grid),
html:has(.friend-grid) {
height: auto;
min-height: 100dvh;
@ -756,7 +756,7 @@ html:has(.friend-grid) {
overflow-x: hidden;
}
body:has(.bot-grid),
body:has(.project-grid),
body:has(.friend-grid) {
height: auto;
min-height: 100dvh;
@ -793,97 +793,97 @@ body:has(.friend-grid) {
color: var(--surface-2);
}
.bot-grid {
/* ---- Project cards (horizontal: avatar left, title + status + bio) ---- */
.project-grid {
margin-bottom: 1.5rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2rem 1.5rem;
max-width: 560px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1rem;
width: 100%;
max-width: 640px;
}
.bot {
position: relative;
.project-card {
display: flex;
align-items: center;
justify-content: center;
width: 96px;
height: 96px;
align-items: flex-start;
gap: 0.9rem;
padding: 1rem;
border-radius: 16px;
background: var(--surface-0);
border: 1px solid var(--surface-1);
color: var(--text);
text-decoration: none;
transition: transform 0.15s ease, border-color 0.15s ease,
background 0.15s ease, box-shadow 0.15s ease;
}
.bot-pfp {
width: 96px;
height: 96px;
border-radius: 50%;
object-fit: cover;
border: 3px solid var(--yellow);
box-shadow: 0 4px 18px rgba(var(--accent-rgb), 0.25);
}
.bot:hover {
.project-card:hover,
.project-card:focus-visible {
transform: translateY(-3px);
background: var(--surface-1);
border-color: rgb(var(--accent-rgb));
box-shadow: 0 6px 20px rgba(var(--accent-rgb), 0.22);
}
.bot:hover .bot-pfp {
filter: none;
.project-card-img {
width: 56px;
height: 56px;
flex-shrink: 0;
border-radius: 14px;
object-fit: cover;
border: 2px solid var(--yellow);
box-shadow: 0 4px 14px rgba(var(--accent-rgb), 0.22);
}
/* Bot tooltip revealed on hover */
.bot-link-text {
position: absolute;
bottom: calc(100% + 10px);
left: 50%;
transform: translateX(-50%) translateY(4px);
.project-card-body {
display: flex;
flex-direction: column;
gap: 0.35rem;
min-width: 0;
}
.project-card-head {
display: flex;
align-items: center;
gap: 0.1rem;
padding: 0.5rem 0.75rem;
border-radius: 10px;
background: var(--crust);
border: 1px solid rgb(var(--accent-rgb));
box-shadow: 0 6px 18px rgba(17, 17, 27, 0.55);
white-space: nowrap;
line-height: 1.3;
opacity: 0;
pointer-events: none;
transition: opacity 0.15s ease, transform 0.15s ease;
z-index: 10;
gap: 0.5rem;
flex-wrap: wrap;
}
.bot-link-text::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 6px solid transparent;
border-top-color: rgb(var(--accent-rgb));
}
.bot:hover .bot-link-text,
.bot:focus-visible .bot-link-text {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
.bot-link-title {
font-weight: 500;
font-size: 0.95rem;
.project-card-title {
font-weight: 600;
font-size: 1rem;
color: var(--text);
}
.bot-link-sub {
font-size: 0.78rem;
.project-card-status {
font-size: 0.66rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
padding: 0.15rem 0.55rem;
border-radius: 999px;
background: var(--crust);
border: 1px solid var(--green);
color: var(--green);
white-space: nowrap;
}
.project-card-status.closed {
border-color: var(--red);
color: var(--red);
}
.project-card-bio {
margin: 0;
font-size: 0.85rem;
line-height: 1.45;
color: var(--subtext-0);
}
.bot-link-sub.closed {
color: var(--red);
/* Italic + dimmed until you replace it with a real description */
.project-card-bio.is-placeholder {
font-style: italic;
opacity: 0.65;
}
@ -945,7 +945,7 @@ body:has(.friend-grid) {
body,
body:has(.dev-info),
body:has(.bot-grid),
body:has(.project-grid),
body:has(.friend-grid) {
flex-direction: column;
justify-content: flex-start;
@ -988,7 +988,7 @@ body:has(.friend-grid) {
/* 2 — Main content */
.hub,
body:has(.dev-info) .hub,
body:has(.bot-grid) .hub,
body:has(.project-grid) .hub,
body:has(.friend-grid) .hub {
order: 2;
width: 100%;
@ -1035,8 +1035,7 @@ body:has(.friend-grid) {
}
/* FIX: hide tooltips on touch (they'd stick on tap) */
.link-card:hover .link-text,
.bot:hover .bot-link-text {
.link-card:hover .link-text {
opacity: 0;
pointer-events: none;
}
@ -1045,10 +1044,10 @@ body:has(.friend-grid) {
margin-bottom: 1.5rem;
}
/* Keep the dev-info / bots / friends content from butting up
/* Keep the dev-info / projects / friends content from butting up
against the nav below it */
.dev-info,
.bot-grid,
.project-grid,
.friend-grid {
padding-bottom: 1rem;
}
@ -1081,19 +1080,14 @@ body:has(.friend-grid) {
font-size: 0.66rem;
}
.bot-grid {
gap: 1.5rem 1rem;
/* Single column + slightly smaller avatars on very small screens */
.project-grid {
grid-template-columns: 1fr;
}
/* Shrink the bot avatar grid slightly on very small screens */
.bot-pfp {
width: 80px;
height: 80px;
}
.bot {
width: 80px;
height: 80px;
.project-card-img {
width: 48px;
height: 48px;
}
}

View File

@ -4,6 +4,13 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Warm up the origins this page's JS fetches on load (heatmap + WakaTime stats) -->
<link rel="preconnect" href="https://contrib.doughmination.uk" crossorigin>
<link rel="dns-prefetch" href="https://contrib.doughmination.uk">
<link rel="preconnect" href="https://wakatime.com">
<link rel="dns-prefetch" href="https://wakatime.com">
<title>Clove Twilight - Dev Info</title>
<link rel="stylesheet" href="/css/main.css">
<script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
@ -38,17 +45,26 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Clove Twilight | Dev Info">
<meta name="twitter:description" content="What Clove has been coding lately, tracked by dev-info">
<!-- Prefetch other pages for faster navigation -->
<link rel="prefetch" href="/">
<link rel="prefetch" href="/cool-people">
<link rel="prefetch" href="/discord">
<link rel="prefetch" href="/projects">
<link rel="prefetch" href="/music">
<link rel="prefetch" href="/88x31">
<link rel="prefetch" href="/guestbook">
</head>
<body>
<header class="nav">
<nav class="nav-links">
<a class="nav-link" data-href="/">Link Center</a>
<a class="nav-link" data-href="/">Home</a>
<a class="nav-link" data-href="/cool-people">Cool People</a>
<a class="nav-link selected" data-href="/dev-info">Dev Info</a>
<a class="nav-link" data-href="/discord">Discord</a>
<a class="nav-link" data-href="/discord-bots">Discord Bots</a>
<a class="nav-link" data-href="/projects">Projects</a>
<a class="nav-link" data-href="/music">Music</a>
<a class="nav-link" data-href="/88x31">88x31</a>
<a class="nav-link" data-href="/guestbook">Guestbook</a>

View File

@ -1,183 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Clove Twilight - Discord Bots</title>
<link rel="stylesheet" href="/css/main.css">
<script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
<link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
<!-- SEO Meta Tags -->
<meta name="description" content="Find all the Discord Bots Clove contributes on actively">
<meta name="keywords" content="Portfolio, Personal, Developer">
<meta name="author" content="doughmination">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<!-- Canonical URL -->
<link rel="canonical" href="https://c.stupid.cat">
<!-- Alternate for mobile -->
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://c.stupid.cat">
<!-- Theme Color -->
<meta name="theme-color" content="#f5c2e7">
<!-- Open Graph / Discord / Facebook -->
<meta property="og:image" content="https://c.stupid.cat/assets/favicon/favicon.png">
<meta property="og:site_name" content="c.stupid.cat">
<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:type" content="website">
<meta property="og:url" content="https://c.stupid.cat">
<meta property="og:locale" content="en_GB">
<!-- Twitter Card -->
<meta name="twitter:image" content="https://c.stupid.cat/assets/favicon/favicon.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Clove Twilight | Discord Bot">
<meta name="twitter:description" content="Find all the Discord Bots Clove contributes on actively">
</head>
<body>
<header class="nav">
<nav class="nav-links">
<a class="nav-link" data-href="/">Link Center</a>
<a class="nav-link" data-href="/cool-people">Cool People</a>
<a class="nav-link" data-href="/dev-info">Dev Info</a>
<a class="nav-link" data-href="/discord">Discord</a>
<a class="nav-link selected" data-href="/discord-bots">Discord Bots</a>
<a class="nav-link" data-href="/music">Music</a>
<a class="nav-link" data-href="/88x31">88x31</a>
<a class="nav-link" data-href="/guestbook">Guestbook</a>
</nav>
</header>
<main>
<header class="hub-header">
<img class="pfp" src="/assets/favicon/avatar.png" alt="Clove Twilight avatar">
<h1>Clove Twilight</h1>
<h2 class="pronouns">(fae/faer)</h2>
<p class="tagline">Bot Contribution Center</p>
</header>
<!-- ============ GIRLS-NETWORK ============ -->
<section class="section" id="girls-network">
<h2 class="section-title">Girls-Network</h2>
<div class="bot-grid">
<a class="bot" href="https://security.girlsnetwork.dev">
<img class="bot-pfp" src="/assets/bots/ghostwire.png" alt="">
<span class="bot-link-text">
<span class="bot-link-title">Ghostwire</span>
<span class="bot-link-sub closed">Closed Source</span>
</span>
</a>
<a class="bot" href="https://github.com/Girls-Network/GayBot-v2">
<img class="bot-pfp" src="/assets/bots/gaybot.png" alt="">
<span class="bot-link-text">
<span class="bot-link-title">GayBot</span>
<span class="bot-link-sub">Open Source</span>
</span>
</a>
<a class="bot" href="https://github.com/Girls-Network/bansync">
<img class="bot-pfp" src="/assets/bots/bansync.png" alt="">
<span class="bot-link-text">
<span class="bot-link-title">BanSync</span>
<span class="bot-link-sub">Open Source</span>
</span>
</a>
</div>
</section>
<!-- ============ MY BOTS (doughmination) ============ -->
<section class="section" id="my-bots">
<h2 class="section-title">My Bots</h2>
<div class="bot-grid">
<a class="bot" href="https://git.gay/doughmination/shortcuts-bot">
<img class="bot-pfp" src="/assets/favicon/favicon.png" alt="">
<span class="bot-link-text">
<span class="bot-link-title">Shortcuts Bot</span>
<span class="bot-link-sub">Open Source</span>
</span>
</a>
<a class="bot" href="https://git.gay/doughmination/zahra">
<img class="bot-pfp" src="/assets/bots/zahra.png" alt="">
<span class="bot-link-text">
<span class="bot-link-title">Zahra</span>
<span class="bot-link-sub">Open Source</span>
</span>
</a>
<a class="bot" href="https://git.gay/doughmination/OnlyMeows">
<img class="bot-pfp" src="/assets/bots/onlymeows.png" alt="">
<span class="bot-link-text">
<span class="bot-link-title">OnlyMeows</span>
<span class="bot-link-sub">Open Source</span>
</span>
</a>
<a class="bot" href="https://git.gay/doughmination/ModUpdateChecker">
<img class="bot-pfp" src="/assets/bots/modupdatechecker.png" alt="">
<span class="bot-link-text">
<span class="bot-link-title">Mod Update Checker</span>
<span class="bot-link-sub">Open Source</span>
</span>
</a>
<a class="bot" href="https://git.gay/doughmination/Uzi-DOORman">
<img class="bot-pfp" src="/assets/bots/uzi-doorman.png" alt="">
<span class="bot-link-text">
<span class="bot-link-title">Uzi Doorman</span>
<span class="bot-link-sub">Open Source</span>
</span>
</a>
<a class="bot" href="https://git.gay/doughmination/robot">
<img class="bot-pfp" src="/assets/bots/robot.png" alt="">
<span class="bot-link-text">
<span class="bot-link-title">Doughmination Robot</span>
<span class="link-sub">Open Source</span>
</span>
</a>
<a class="bot" href="https://git.gay/doughmination/Cuddle-Blahaj-Medication">
<img class="bot-pfp" src="/assets/bots/cuddle-blahaj-medication.png" alt="">
<span class="bot-link-text">
<span class="bot-link-title">Cuddle Blahaj Medication</span>
<span class="bot-link-sub">Open Source</span>
</span>
</a>
</div>
</section>
<!-- ============ TOOLS ============ -->
<section class="section" id="tools">
<h2 class="section-title">Tools</h2>
<div class="bot-grid">
<a class="bot" href="https://git.gay/doughmination/widget-script">
<img class="bot-pfp" src="/assets/favicon/avatar.png" alt="">
<span class="bot-link-text">
<span class="bot-link-title">Widget-v2 Script</span>
<span class="bot-link-sub">Open Source</span>
</span>
</a>
</div>
</section>
</main>
<script src="/js/core.js" data-cat="/assets/oneko/classics/classic.png"></script>
</body>
</html>

View File

@ -4,6 +4,15 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Warm up the origins this page's JS fetches on load (presence data + avatar images) -->
<link rel="preconnect" href="https://restful.doughmination.uk" crossorigin>
<link rel="dns-prefetch" href="https://restful.doughmination.uk">
<link rel="preconnect" href="https://wsrv.nl">
<link rel="dns-prefetch" href="https://wsrv.nl">
<link rel="preconnect" href="https://cdn.discordapp.com">
<link rel="dns-prefetch" href="https://cdn.discordapp.com">
<title>Clove Twilight - Discord</title>
<link rel="stylesheet" href="/css/main.css">
<script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
@ -38,17 +47,26 @@
<meta name="twitter:card" content="summary">
<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.">
<!-- Prefetch other pages for faster navigation -->
<link rel="prefetch" href="/">
<link rel="prefetch" href="/cool-people">
<link rel="prefetch" href="/dev-info">
<link rel="prefetch" href="/projects">
<link rel="prefetch" href="/music">
<link rel="prefetch" href="/88x31">
<link rel="prefetch" href="/guestbook">
</head>
<body>
<header class="nav">
<nav class="nav-links">
<a class="nav-link" data-href="/">Link Center</a>
<a class="nav-link" data-href="/">Home</a>
<a class="nav-link" data-href="/cool-people">Cool People</a>
<a class="nav-link" data-href="/dev-info">Dev Info</a>
<a class="nav-link selected" data-href="/discord">Discord</a>
<a class="nav-link" data-href="/discord-bots">Discord Bots</a>
<a class="nav-link" data-href="/projects">Projects</a>
<a class="nav-link" data-href="/music">Music</a>
<a class="nav-link" data-href="/88x31">88x31</a>
<a class="nav-link" data-href="/guestbook">Guestbook</a>

View File

@ -4,6 +4,13 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Warm up the origins this page's JS fetches on load (guestbook API + Turnstile) -->
<link rel="preconnect" href="https://guestbook.doughmination.uk" crossorigin>
<link rel="dns-prefetch" href="https://guestbook.doughmination.uk">
<link rel="preconnect" href="https://challenges.cloudflare.com">
<link rel="dns-prefetch" href="https://challenges.cloudflare.com">
<title>Guestbook</title>
<link rel="stylesheet" href="/css/main.css">
<script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
@ -38,17 +45,26 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Guestbook | Clove Twilight">
<meta name="twitter:description" content="Leave a message in Clove's guestbook!">
<!-- Prefetch other pages for faster navigation -->
<link rel="prefetch" href="/">
<link rel="prefetch" href="/cool-people">
<link rel="prefetch" href="/dev-info">
<link rel="prefetch" href="/discord">
<link rel="prefetch" href="/projects">
<link rel="prefetch" href="/music">
<link rel="prefetch" href="/88x31">
</head>
<body>
<header class="nav">
<nav class="nav-links">
<a class="nav-link" data-href="/">Link Center</a>
<a class="nav-link" data-href="/">Home</a>
<a class="nav-link" data-href="/cool-people">Cool People</a>
<a class="nav-link" data-href="/dev-info">Dev Info</a>
<a class="nav-link" data-href="/discord">Discord</a>
<a class="nav-link" data-href="/discord-bots">Discord Bots</a>
<a class="nav-link" data-href="/projects">Projects</a>
<a class="nav-link" data-href="/music">Music</a>
<a class="nav-link" data-href="/88x31">88x31</a>
<a class="nav-link selected" data-href="/guestbook">Guestbook</a>

View File

@ -4,13 +4,20 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Clove Twilight - Link Center</title>
<!-- Warm up the API origins this page's JS fetches on load -->
<link rel="preconnect" href="https://doughmination.co.uk" crossorigin>
<link rel="dns-prefetch" href="https://doughmination.co.uk">
<link rel="preconnect" href="https://abacus.jasoncameron.dev" crossorigin>
<link rel="dns-prefetch" href="https://abacus.jasoncameron.dev">
<title>Clove Twilight - Home</title>
<link rel="stylesheet" href="/css/main.css">
<script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
<link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
<!-- SEO Meta Tags -->
<meta name="description" content="Link Center for Clove Twilight">
<meta name="description" content="Home for Clove Twilight">
<meta name="keywords" content="Portfolio, Personal, Developer">
<meta name="author" content="doughmination">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@ -27,8 +34,8 @@
<!-- Open Graph / Discord / Facebook -->
<meta property="og:image" content="https://c.stupid.cat/assets/favicon/favicon.png">
<meta property="og:site_name" content="c.stupid.cat">
<meta property="og:title" content="Clove Twilight | Links">
<meta property="og:description" content="Link Center for Clove Twilight">
<meta property="og:title" content="Clove Twilight | Home">
<meta property="og:description" content="Home for Clove Twilight">
<meta property="og:type" content="website">
<meta property="og:url" content="https://c.stupid.cat">
<meta property="og:locale" content="en_GB">
@ -36,18 +43,27 @@
<!-- Twitter Card -->
<meta name="twitter:image" content="https://c.stupid.cat/assets/favicon/favicon.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Clove Twilight | Links">
<meta name="twitter:description" content="Link Center for Clove Twilight">
<meta name="twitter:title" content="Clove Twilight | Home">
<meta name="twitter:description" content="Home for Clove Twilight">
<!-- Prefetch other pages for faster navigation -->
<link rel="prefetch" href="/cool-people">
<link rel="prefetch" href="/dev-info">
<link rel="prefetch" href="/discord">
<link rel="prefetch" href="/projects">
<link rel="prefetch" href="/music">
<link rel="prefetch" href="/88x31">
<link rel="prefetch" href="/guestbook">
</head>
<body>
<header class="nav">
<nav class="nav-links">
<a class="nav-link selected" data-href="/">Link Center</a>
<a class="nav-link selected" data-href="/">Home</a>
<a class="nav-link" data-href="/cool-people">Cool People</a>
<a class="nav-link" data-href="/dev-info">Dev Info</a>
<a class="nav-link" data-href="/discord">Discord</a>
<a class="nav-link" data-href="/discord-bots">Discord Bots</a>
<a class="nav-link" data-href="/projects">Projects</a>
<a class="nav-link" data-href="/music">Music</a>
<a class="nav-link" data-href="/88x31">88x31</a>
<a class="nav-link" data-href="/guestbook">Guestbook</a>

View File

@ -5,35 +5,35 @@
{
title: "Fiancée",
members: [
{ name: "Aria", img: "/assets/friends/ari.png", tier: "wife", discordId: "1305215902685597797", link: null }
{ name: "Aria", tier: "wife", discordId: "1305215902685597797", link: null }
]
},
{
title: "Close Friends",
members: [
{ name: "Lilly", img: "/assets/friends/lilly.png", tier: "close", discordId: "908055723659898902", link: null },
{ name: "Ria", img: "/assets/friends/ria.png", tier: "close", discordId: "1513506390088618145", link: null },
{ name: "Camilla", img: "/assets/friends/camilla.png", tier: "close", discordId: "1110542429838397471", link: "https://cammy-the-cat.com" },
{ name: "Saphie", img: "/assets/friends/saphie.png", tier: "close", discordId: "527709099186716673", link: null },
{ name: "Ari", img: "/assets/friends/meowhem.png", tier: "close", discordId: "1474568910736199825", link: "https://a.stupid.cat" }
{ name: "Lilly", tier: "close", discordId: "908055723659898902", link: null },
{ name: "Ria", tier: "close", discordId: "1513506390088618145", link: null },
{ name: "Camilla", tier: "close", discordId: "1110542429838397471", link: "https://cammy-the-cat.com" },
{ name: "Saphie", tier: "close", discordId: "527709099186716673", link: null },
{ name: "Ari", tier: "close", discordId: "1474568910736199825", link: "https://a.stupid.cat" }
]
},
{
title: "Friends",
members: [
{ name: "Fin", img: "/assets/friends/fin.png", tier: "friend", discordId: "867818211574808607", link: null },
{ name: "Meme", img: "/assets/friends/meme.png", tier: "friend", discordId: "812998699667161098", link: null },
{ name: "N", img: "/assets/friends/n.png", tier: "friend", discordId: "639399972407869450", link: null },
{ name: "Lylla", img: "/assets/friends/lylla.png", tier: "friend", discordId: "1009889543878611016", link: null },
{ name: "Simon", img: "/assets/friends/simon.png", tier: "friend", discordId: "758466783354814514", link: null }
{ name: "Fin", tier: "friend", discordId: "867818211574808607", link: null },
{ name: "Meme", tier: "friend", discordId: "812998699667161098", link: null },
{ name: "N", tier: "friend", discordId: "639399972407869450", link: null },
{ name: "Lylla", tier: "friend", discordId: "1009889543878611016", link: null },
{ name: "Simon", tier: "friend", discordId: "758466783354814514", link: null }
]
},
{
title: "Other Peeps",
subtitle: "You can request to be added here!",
members: [
{ name: "furi", img: "/assets/known-people/furi.png", tier: "known", discordId: "781445370177126401", link: "https://furina.is-a.dev"},
{ name: "pokemon", img: "/assets/known-people/pokemon.png", tier: "known", discordId: "784443338627612673", link: "https://devmatei.com/" }
{ name: "furi", tier: "known", discordId: "781445370177126401", link: "https://furina.is-a.dev"},
{ name: "pokemon", tier: "known", discordId: "784443338627612673", link: "https://devmatei.com/" }
]
},
{
@ -246,7 +246,7 @@
'<div class="fc-banner"></div>' +
'<div class="fc-main">' +
'<span class="fc-avatar">' +
'<img class="fc-pfp" src="' + esc(m.img) + '" alt="' + esc(m.name) + '" loading="eager">' +
'<img class="fc-pfp"' + (m.img ? ' src="' + esc(m.img) + '"' : '') + ' alt="' + esc(m.name) + '" loading="eager">' +
'<img class="fc-deco" alt="" aria-hidden="true" hidden>' +
'<span class="fc-status" title="not connected to Lanyard"></span>' +
'</span>' +

View File

@ -163,7 +163,7 @@
return {
text:
"Clove Twilight — fae/faer\n" +
"Transfem developer from Southampton, UK. I make Discord bots,\n" +
"Transfem developer from Southampton, UK. I make Projects,\n" +
"personal-site nonsense, and run a small corner of the internet\n" +
"under the trade mark 'doughmination system'. Big on Linux, Catppuccin, and cats."
};

View File

@ -4,6 +4,13 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Warm up the origins this page's JS fetches on load (Last.fm now-playing + lyrics) -->
<link rel="preconnect" href="https://ws.audioscrobbler.com" crossorigin>
<link rel="dns-prefetch" href="https://ws.audioscrobbler.com">
<link rel="preconnect" href="https://lyrics.lanyard.cafe" crossorigin>
<link rel="dns-prefetch" href="https://lyrics.lanyard.cafe">
<title>Music · Clove Twilight</title>
<link rel="stylesheet" href="/css/main.css">
<script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
@ -24,16 +31,25 @@
<meta property="og:type" content="website">
<meta property="og:url" content="https://c.stupid.cat/music">
<meta property="og:locale" content="en_GB">
<!-- Prefetch other pages for faster navigation -->
<link rel="prefetch" href="/">
<link rel="prefetch" href="/cool-people">
<link rel="prefetch" href="/dev-info">
<link rel="prefetch" href="/discord">
<link rel="prefetch" href="/projects">
<link rel="prefetch" href="/88x31">
<link rel="prefetch" href="/guestbook">
</head>
<body>
<header class="nav">
<nav class="nav-links">
<a class="nav-link" data-href="/">Link Center</a>
<a class="nav-link" data-href="/">Home</a>
<a class="nav-link" data-href="/cool-people">Cool People</a>
<a class="nav-link" data-href="/dev-info">Dev Info</a>
<a class="nav-link" data-href="/discord">Discord</a>
<a class="nav-link" data-href="/discord-bots">Discord Bots</a>
<a class="nav-link" data-href="/projects">Projects</a>
<a class="nav-link selected" data-href="/music">Music</a>
<a class="nav-link" data-href="/88x31">88x31</a>
<a class="nav-link" data-href="/guestbook">Guestbook</a>

176
projects/index.html Normal file
View File

@ -0,0 +1,176 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Clove Twilight - Projects</title>
<link rel="stylesheet" href="/css/main.css">
<script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
<link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
<!-- SEO Meta Tags -->
<meta name="description" content="Find all the Projects Clove contributes on actively">
<meta name="keywords" content="Portfolio, Personal, Developer">
<meta name="author" content="doughmination">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<!-- Canonical URL -->
<link rel="canonical" href="https://c.stupid.cat">
<!-- Alternate for mobile -->
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://c.stupid.cat">
<!-- Theme Color -->
<meta name="theme-color" content="#f5c2e7">
<!-- Open Graph / Discord / Facebook -->
<meta property="og:image" content="https://c.stupid.cat/assets/favicon/favicon.png">
<meta property="og:site_name" content="c.stupid.cat">
<meta property="og:title" content="Clove Twilight | Projects">
<meta property="og:description" content="Find all the Projects Clove contributes on actively">
<meta property="og:type" content="website">
<meta property="og:url" content="https://c.stupid.cat">
<meta property="og:locale" content="en_GB">
<!-- Twitter Card -->
<meta name="twitter:image" content="https://c.stupid.cat/assets/favicon/favicon.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Clove Twilight | Discord Bot">
<meta name="twitter:description" content="Find all the Projects Clove contributes on actively">
<!-- Prefetch other pages for faster navigation -->
<link rel="prefetch" href="/">
<link rel="prefetch" href="/cool-people">
<link rel="prefetch" href="/dev-info">
<link rel="prefetch" href="/discord">
<link rel="prefetch" href="/music">
<link rel="prefetch" href="/88x31">
<link rel="prefetch" href="/guestbook">
</head>
<body>
<header class="nav">
<nav class="nav-links">
<a class="nav-link" data-href="/">Home</a>
<a class="nav-link" data-href="/cool-people">Cool People</a>
<a class="nav-link" data-href="/dev-info">Dev Info</a>
<a class="nav-link" data-href="/discord">Discord</a>
<a class="nav-link selected" data-href="/projects">Projects</a>
<a class="nav-link" data-href="/music">Music</a>
<a class="nav-link" data-href="/88x31">88x31</a>
<a class="nav-link" data-href="/guestbook">Guestbook</a>
</nav>
</header>
<main>
<header class="hub-header">
<img class="pfp" src="/assets/favicon/avatar.png" alt="Clove Twilight avatar">
<h1>Clove Twilight</h1>
<h2 class="pronouns">(fae/faer)</h2>
</header>
<br><br><br>
<!-- ============ GIRLS NETWORK ============ -->
<!-- To edit a project's description, change the text inside its
<p class="project-card-bio"> tag. Remove the "is-placeholder"
class once you've written a real description. -->
<section class="section" id="girls-network">
<h2 class="section-title">Girls Network</h2>
<div class="project-grid">
<a class="project-card" href="https://security.girlsnetwork.dev">
<img class="project-card-img" src="/assets/projects/ghostwire.png" alt="Ghostwire">
<div class="project-card-body">
<div class="project-card-head">
<span class="project-card-title">Ghostwire</span>
<span class="project-card-status closed">Closed Source</span>
</div>
<p class="project-card-bio">The private security bot and brains behind everything major in Girls.</p>
</div>
</a>
<a class="project-card" href="https://github.com/Girls-Network/GayBot-v2">
<img class="project-card-img" src="/assets/projects/gaybot.png" alt="GayBot">
<div class="project-card-body">
<div class="project-card-head">
<span class="project-card-title">GayBot</span>
<span class="project-card-status">Open Source</span>
</div>
<p class="project-card-bio">A Discord bot for LGBTQIA+ servers &mdash; keyword emoji reactions, identity profiles, lookups, and a few fun extras.</p>
</div>
</a>
<a class="project-card" href="https://github.com/Girls-Network/bansync">
<img class="project-card-img" src="/assets/projects/bansync.png" alt="BanSync">
<div class="project-card-body">
<div class="project-card-head">
<span class="project-card-title">BanSync</span>
<span class="project-card-status">Open Source</span>
</div>
<p class="project-card-bio">Syncs bans from Girls to our partner servers.</p>
</div>
</a>
</div>
</section>
<section class="section" id="personal-projects">
<h2 class="section-title">Personal Projects</h2>
<div class="project-grid">
<a class="project-card" href="https://git.gay/doughmination/shortcuts-bot">
<img class="project-card-img" src="/assets/favicon/favicon.png" alt="Shortcuts Bot">
<div class="project-card-body">
<div class="project-card-head">
<span class="project-card-title">Shortcuts Bot</span>
<span class="project-card-status">Open Source</span>
</div>
<p class="project-card-bio is-placeholder">Add a short description for Shortcuts Bot here.</p>
</div>
</a>
<a class="project-card" href="https://git.gay/doughmination/ModUpdateChecker">
<img class="project-card-img" src="/assets/projects/modupdatechecker.png" alt="Mod Update Checker">
<div class="project-card-body">
<div class="project-card-head">
<span class="project-card-title">Mod Update Checker</span>
<span class="project-card-status">Open Source</span>
</div>
<p class="project-card-bio is-placeholder">Add a short description for Mod Update Checker here.</p>
</div>
</a>
<a class="project-card" href="https://git.gay/doughmination/Uzi-DOORman">
<img class="project-card-img" src="/assets/projects/uzi-doorman.png" alt="Uzi Doorman">
<div class="project-card-body">
<div class="project-card-head">
<span class="project-card-title">Uzi Doorman</span>
<span class="project-card-status">Open Source</span>
</div>
<p class="project-card-bio is-placeholder">Add a short description for Uzi Doorman here.</p>
</div>
</a>
<a class="project-card" href="https://git.gay/doughmination/widget-script">
<img class="project-card-img" src="/assets/favicon/avatar.png" alt="Widget-v2 Script">
<div class="project-card-body">
<div class="project-card-head">
<span class="project-card-title">Widget-v2 Script</span>
<span class="project-card-status">Open Source</span>
</div>
<p class="project-card-bio is-placeholder">Add a short description for Widget-v2 Script here.</p>
</div>
</a>
</div>
</section>
</main>
<script src="/js/core.js" data-cat="/assets/oneko/classics/classic.png"></script>
</body>
</html>