Stupid-Cat
/
c.stupid.cat
mirror of https://git.gay/doughmination/c.stupid.cat.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

css fix

This commit is contained in:
Clove 2026-06-07 23:14:55 +01:00
parent d633bc3a5d
commit 3abfbd5533
6 changed files with 18 additions and 130 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
404.html
View File

@ -4,7 +4,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>doughmination</title> <title>clove</title>
<link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg"> <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
<link rel="stylesheet" href="/css/fonts.css"> <link rel="stylesheet" href="/css/fonts.css">
<link rel="stylesheet" href="/api/api.css"> <link rel="stylesheet" href="/api/api.css">

22
api/index.html
View File

@ -4,7 +4,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Now-Playing API · doughmination</title> <title>Now-Playing API · clove</title>
<!-- pick the Catppuccin flavor before paint (?theme=, default mocha) --> <!-- pick the Catppuccin flavor before paint (?theme=, default mocha) -->
<script> <script>
@ -25,10 +25,10 @@
<link rel="stylesheet" href="/api/api.css"> <link rel="stylesheet" href="/api/api.css">
<meta name="description" content="A tiny live Discord presence API — drop in a user ID and get a Now-Playing card. Powered by Lanyard."> <meta name="description" content="A tiny live Discord presence API — drop in a user ID and get a Now-Playing card. Powered by Lanyard.">
<meta property="og:title" content="Now-Playing API · doughmination"> <meta property="og:title" content="Now-Playing API · clove">
<meta property="og:description" content="Drop in a Discord user ID, get a live Now-Playing card. Free for friends."> <meta property="og:description" content="Drop in a Discord user ID, get a live Now-Playing card. Free for friends.">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://doughmination.is-a.dev/api"> <meta property="og:url" content="https://clove.is-a.dev/api">
<style> <style>
/* ---- docs-page chrome (the card itself lives in api.css) ---- */ /* ---- docs-page chrome (the card itself lives in api.css) ---- */
@ -202,26 +202,26 @@
<h2>3. Use your card</h2> <h2>3. Use your card</h2>
<p>Three ways to point it at your ID — all do the same thing:</p> <p>Three ways to point it at your ID — all do the same thing:</p>
<pre><code>https://doughmination.is-a.dev/api/YOUR_ID ← prettiest <pre><code>https://clove.is-a.dev/api/YOUR_ID ← prettiest
https://doughmination.is-a.dev/api/?u=YOUR_ID https://clove.is-a.dev/api/?u=YOUR_ID
https://doughmination.is-a.dev/api/#YOUR_ID</code></pre> https://clove.is-a.dev/api/#YOUR_ID</code></pre>
<p>Pick a theme by adding <code>?theme=</code> — <code>mocha</code> (default), <p>Pick a theme by adding <code>?theme=</code> — <code>mocha</code> (default),
<code>macchiato</code>, <code>frappe</code>, or <code>latte</code>:</p> <code>macchiato</code>, <code>frappe</code>, or <code>latte</code>:</p>
<pre><code>https://doughmination.is-a.dev/api/YOUR_ID?theme=latte</code></pre> <pre><code>https://clove.is-a.dev/api/YOUR_ID?theme=latte</code></pre>
<h2>Embed it anywhere</h2> <h2>Embed it anywhere</h2>
<p>Drop it into Notion, a website, an OBS browser source, a README iframe — anywhere that takes HTML or a URL:</p> <p>Drop it into Notion, a website, an OBS browser source, a README iframe — anywhere that takes HTML or a URL:</p>
<pre><code>&lt;iframe <pre><code>&lt;iframe
src="https://doughmination.is-a.dev/api/YOUR_ID" src="https://clove.is-a.dev/api/YOUR_ID"
style="border:0;width:340px;height:360px" style="border:0;width:340px;height:360px"
title="my Discord presence"&gt;&lt;/iframe&gt;</code></pre> title="my Discord presence"&gt;&lt;/iframe&gt;</code></pre>
<p> <p>
Want it on your own page without the iframe? Add a mount + the two files and Want it on your own page without the iframe? Add a mount + the two files and
pass your ID via <code>data-user</code>: pass your ID via <code>data-user</code>:
</p> </p>
<pre><code>&lt;link rel="stylesheet" href="https://doughmination.is-a.dev/api/api.css"&gt; <pre><code>&lt;link rel="stylesheet" href="https://clove.is-a.dev/api/api.css"&gt;
&lt;div id="now-playing"&gt;&lt;/div&gt; &lt;div id="now-playing"&gt;&lt;/div&gt;
&lt;script src="https://doughmination.is-a.dev/api/now-playing.js" &lt;script src="https://clove.is-a.dev/api/now-playing.js"
data-user="YOUR_ID"&gt;&lt;/script&gt;</code></pre> data-user="YOUR_ID"&gt;&lt;/script&gt;</code></pre>
<h2>What it shows</h2> <h2>What it shows</h2>
@ -240,7 +240,7 @@ https://doughmination.is-a.dev/api/#YOUR_ID</code></pre>
<li>It's a static page calling Lanyard's public API directly from your browser — nothing of yours is stored here.</li> <li>It's a static page calling Lanyard's public API directly from your browser — nothing of yours is stored here.</li>
</ul> </ul>
<a class="home-link" href="/">← back to doughmination.is-a.dev</a> <a class="home-link" href="/">← back to clove.is-a.dev</a>
</main> </main>
<script src="/api/now-playing.js"></script> <script src="/api/now-playing.js"></script>

3
discord-bots/index.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="/css/themes/macchiato.css"> <link rel="stylesheet" href="/css/themes/macchiato.css">
<link rel="stylesheet" href="/css/themes/frappe.css"> <link rel="stylesheet" href="/css/themes/frappe.css">
<link rel="stylesheet" href="/css/themes/latte.css"> <link rel="stylesheet" href="/css/themes/latte.css">
<link rel="stylesheet" href="/api/api.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> <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"> <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
@ -218,7 +219,7 @@
<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>
<script src="/js/now-playing.js"></script> <script src="/api/now-playing.js" user-data="1464890289922641993"></script>
<script src="/js/flavors.js"></script> <script src="/js/flavors.js"></script>
<script src="/js/dev-mode.js"></script> <script src="/js/dev-mode.js"></script>
<script src="/js/site-switcher.js"></script> <script src="/js/site-switcher.js"></script>

1
index.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="/css/themes/macchiato.css"> <link rel="stylesheet" href="/css/themes/macchiato.css">
<link rel="stylesheet" href="/css/themes/frappe.css"> <link rel="stylesheet" href="/css/themes/frappe.css">
<link rel="stylesheet" href="/css/themes/latte.css"> <link rel="stylesheet" href="/css/themes/latte.css">
<link rel="stylesheet" href="/api/api.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> <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"> <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">

5
tech-stack/index.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="/css/themes/macchiato.css"> <link rel="stylesheet" href="/css/themes/macchiato.css">
<link rel="stylesheet" href="/css/themes/frappe.css"> <link rel="stylesheet" href="/css/themes/frappe.css">
<link rel="stylesheet" href="/css/themes/latte.css"> <link rel="stylesheet" href="/css/themes/latte.css">
<link rel="stylesheet" href="/api/api.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> <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"> <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
@ -193,9 +194,9 @@
<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>
<script src="/js/now-playing.js"></script> <script src="/api/now-playing.js"></script>
<script src="/js/flavors.js"></script> <script src="/js/flavors.js"></script>
<script src="/js/dev-mode.js"></script> <script src="/js/dev-mode.js" user-data="1464890289922641993"></script>
<script src="/js/site-switcher.js"></script> <script src="/js/site-switcher.js"></script>
</body> </body>

115
template/index.html
View File

@ -1,115 +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 - Template</title>
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/themes/mocha.css">
<link rel="stylesheet" href="/css/themes/macchiato.css">
<link rel="stylesheet" href="/css/themes/frappe.css">
<link rel="stylesheet" href="/css/themes/latte.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="Template Page for Clove Twilight" />
<meta name="keywords" content="Clove Twilight, 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://clove.is-a.dev/template" />
<!-- Alternate for mobile -->
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://clove.is-a.dev/template" />
<!-- Theme Color -->
<meta name="theme-color" content="#f5c2e7" />
<!-- Open Graph / Discord / Facebook -->
<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:title" content="Clove Twilight | Template" />
<meta property="og:description" content="Template Page for Clove Twilight" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://clove.is-a.dev/template" />
<meta property="og:locale" content="en_GB" />
<!-- Twitter Card -->
<meta name="twitter:image" content="https://clove.is-a.dev/assets/favicon/favicon.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Clove Twilight | Template" />
<meta name="twitter:description" content="Template Page for Clove Twilight" />
</head>
<body>
<header class="nav">
<nav class="nav-links">
<a class="nav-link selected" data-href="/">Link Center</a>
<a class="nav-link" data-href="/tech-stack">Tech Stack</a>
<a class="nav-link" data-href="/discord-bots">Discord Bots</a>
</nav>
</header>
<a class="now-playing" id="now-playing" target="_blank" rel="noopener" hidden>
<img class="np-art" alt="" referrerpolicy="no-referrer" crossorigin="anonymous">
<span class="np-bars" aria-hidden="true"><i></i><i></i><i></i><i></i></span>
<span class="np-text">
<span class="np-head">
<span class="np-status" aria-hidden="true"></span>
<span class="np-status-label"></span>
<span class="np-label">Now playing</span>
</span>
<span class="np-track"></span>
<span class="np-artist"></span>
<span class="np-progress" aria-hidden="true">
<span class="np-bar"><span class="np-fill"></span></span>
<span class="np-times"><span class="np-cur">0:00</span><span class="np-dur">0:00</span></span>
</span>
</span>
</a>
<main class="hub">
<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">Template</p>
</header>
<h1>Template</h1>
<p>This is a simple template for the clove.is-a.dev website, it's to make it easier for myself to create
new
pages.</p>
</main>
<aside class="badges" aria-label="System badges">
<span class="badge">
<img class="badge-icon" src="/assets/misc/amd.svg" alt="">
AMD Purist
</span>
<span class="badge">
<img class="badge-icon" src="/assets/misc/arch.svg" alt="">
I use arch btw
</span>
<span class="badge">
<img class="badge-icon" src="/assets/misc/debian.svg" alt="">
Debian Professional
</span>
<span class="badge">
<img class="badge-icon" src="/assets/misc/apple.svg" alt="">
Apple Ecosystem Enthusiast
</span>
</aside>
<script src="/js/cat.js" data-cat="/assets/oneko/classics/classic.png"></script>
<script src="/js/nav.js"></script>
<script src="/js/now-playing.js"></script>
<script src="/js/flavors.js"></script>
<script src="/js/dev-mode.js"></script>
<script src="/js/site-switcher.js"></script>
</body>
</html>