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

Whelp

This commit is contained in:
Clove 2026-05-30 17:58:01 +01:00
parent f7407dc5cf
commit 6441bffd92
7 changed files with 273 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
.DS_Store vendored Normal file
View File

Binary file not shown.

4
changelog/index.html
View File

@ -26,7 +26,7 @@
<!-- Open Graph / Discord / Facebook --> <!-- Open Graph / Discord / Facebook -->
<meta property="og:image" content="https://clove.is-a.dev/images/favicon.png" /> <meta property="og:image" content="https://clove.is-a.dev/images/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" /> <meta property="og:title" content="Clove Twilight | Changelog" />
<meta property="og:description" content="Changelog for Clove Twilight" /> <meta property="og:description" content="Changelog 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/changelog" /> <meta property="og:url" content="https://clove.is-a.dev/changelog" />
@ -35,7 +35,7 @@
<!-- Twitter Card --> <!-- Twitter Card -->
<meta name="twitter:image" content="https://clove.is-a.dev/images/favicon.png" /> <meta name="twitter:image" content="https://clove.is-a.dev/images/favicon.png" />
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Clove Twilight" /> <meta name="twitter:title" content="Clove Twilight | Changelog" />
<meta name="twitter:description" content="Changelog for Clove Twilight" /> <meta name="twitter:description" content="Changelog for Clove Twilight" />
</head> </head>

53
css/style.css
View File

@ -83,6 +83,7 @@
} }
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
::view-transition-old(root), ::view-transition-old(root),
::view-transition-new(root) { ::view-transition-new(root) {
animation: none; animation: none;
@ -329,17 +330,35 @@ body::before {
animation: np-eq 0.9s ease-in-out infinite; animation: np-eq 0.9s ease-in-out infinite;
} }
.np-bars i:nth-child(2) { animation-delay: 0.15s; } .np-bars i:nth-child(2) {
.np-bars i:nth-child(3) { animation-delay: 0.3s; } animation-delay: 0.15s;
.np-bars i:nth-child(4) { animation-delay: 0.45s; } }
.np-bars i:nth-child(3) {
animation-delay: 0.3s;
}
.np-bars i:nth-child(4) {
animation-delay: 0.45s;
}
@keyframes np-eq { @keyframes np-eq {
0%, 100% { transform: scaleY(0.3); }
50% { transform: scaleY(1); } 0%,
100% {
transform: scaleY(0.3);
}
50% {
transform: scaleY(1);
}
} }
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.np-bars i { animation: none; transform: scaleY(0.6); } .np-bars i {
animation: none;
transform: scaleY(0.6);
}
} }
.np-text { .np-text {
@ -492,6 +511,7 @@ body::before {
height: 26px; height: 26px;
} }
} }
/* ===== Tech stack page ===== */ /* ===== Tech stack page ===== */
/* Let only the tech-stack page scroll; link hub stays locked */ /* Let only the tech-stack page scroll; link hub stays locked */
html:has(.tech-stack), html:has(.tech-stack),
@ -674,7 +694,9 @@ body:has(.changelog) .hub {
backdrop-filter: blur(2px); backdrop-filter: blur(2px);
} }
.cat-picker[hidden] { display: none; } .cat-picker[hidden] {
display: none;
}
.cat-picker-panel { .cat-picker-panel {
width: min(94vw, 430px); width: min(94vw, 430px);
@ -706,7 +728,9 @@ body:has(.changelog) .hub {
padding: 0 0.25rem; padding: 0 0.25rem;
} }
.cat-picker-close:hover { color: var(--text); } .cat-picker-close:hover {
color: var(--text);
}
.cat-grid { .cat-grid {
display: grid; display: grid;
@ -741,7 +765,10 @@ body:has(.changelog) .hub {
box-shadow: inset 0 0 0 1px var(--pink); box-shadow: inset 0 0 0 1px var(--pink);
} }
.cat-option.locked { cursor: default; opacity: 0.75; } .cat-option.locked {
cursor: default;
opacity: 0.75;
}
.cat-preview { .cat-preview {
width: 32px; width: 32px;
@ -753,7 +780,9 @@ body:has(.changelog) .hub {
transform-origin: center; transform-origin: center;
} }
.cat-name { font-weight: 500; } .cat-name {
font-weight: 500;
}
.cat-lock { .cat-lock {
font-size: 0.62rem; font-size: 0.62rem;
@ -768,5 +797,7 @@ body:has(.changelog) .hub {
} }
@media (max-width: 420px) { @media (max-width: 420px) {
.cat-grid { grid-template-columns: repeat(2, 1fr); } .cat-grid {
grid-template-columns: repeat(2, 1fr);
}
} }

8
index.html
View File

@ -26,7 +26,7 @@
<!-- Open Graph / Discord / Facebook --> <!-- Open Graph / Discord / Facebook -->
<meta property="og:image" content="https://clove.is-a.dev/images/favicon.png" /> <meta property="og:image" content="https://clove.is-a.dev/images/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" /> <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" />
@ -35,7 +35,7 @@
<!-- Twitter Card --> <!-- Twitter Card -->
<meta name="twitter:image" content="https://clove.is-a.dev/images/favicon.png" /> <meta name="twitter:image" content="https://clove.is-a.dev/images/favicon.png" />
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Clove Twilight" /> <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>
@ -62,9 +62,7 @@
<main class="hub"> <main class="hub">
<header class="hub-header"> <header class="hub-header">
<img class="pfp" <img class="pfp" src="/images/avatar.png" alt="Clove Twilight avatar">
src="https://cdn.discordapp.com/avatars/1464890289922641993/83c6f674b7bdf901ab7b1e65204795ca.png"
alt="Clove Twilight avatar">
<h1>Clove Twilight</h1> <h1>Clove Twilight</h1>
<h2 class="pronouns">(fae/faer)</h2> <h2 class="pronouns">(fae/faer)</h2>
<p class="tagline">Link Center</p> <p class="tagline">Link Center</p>

21
readme.md Normal file
View File

@ -0,0 +1,21 @@
<div align="center">
<img src="https://clove.is-a.dev/images/avatar.png" alt="Clove Twilight avatar" height="100">
# clove.is-a.dev
</div>
<a href="clove.is-a.dev">clove.is-a.dev</a> is the homepage and center for all of Clove's projects.
I made this cause I kept losing track of everything, and yeah...
## License
This repository is licenced under MIT, meaning if you wish to copy it, that's fine, if it breaks, don't blame me. See the <a href="./LICENSE">LICENSE</a> for more details!
## Codeowners and Contributors
All code is owned and created by myself, Clove Twilight.
### How to get a free is-a.dev domain
Head to the <a href="https://is-a.dev">is-a.dev website</a> to get started and see if your wanted domain name is free! Make sure to follow their <a href="https://is-a.dev/terms">Terms of Service</a> and if you get stuck, check the <a href="https://docs.is-a.dev/">docs</a>.
I am not paid by, affiliated, endorsed or hired by is-a.dev, I just think it's a cool thing for people to use!

270
tech-stack/index.html
View File

@ -26,7 +26,7 @@
<!-- Open Graph / Discord / Facebook --> <!-- Open Graph / Discord / Facebook -->
<meta property="og:image" content="https://clove.is-a.dev/images/favicon.png" /> <meta property="og:image" content="https://clove.is-a.dev/images/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" /> <meta property="og:title" content="Clove Twilight | Tech Stack" />
<meta property="og:description" content="Tech Stack for Clove Twilight" /> <meta property="og:description" content="Tech Stack 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/tech-stack" /> <meta property="og:url" content="https://clove.is-a.dev/tech-stack" />
@ -35,7 +35,7 @@
<!-- Twitter Card --> <!-- Twitter Card -->
<meta name="twitter:image" content="https://clove.is-a.dev/images/favicon.png" /> <meta name="twitter:image" content="https://clove.is-a.dev/images/favicon.png" />
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Clove Twilight" /> <meta name="twitter:title" content="Clove Twilight | Tech Stack" />
<meta name="twitter:description" content="Tech Stack for Clove Twilight" /> <meta name="twitter:description" content="Tech Stack for Clove Twilight" />
</head> </head>
@ -62,79 +62,211 @@
<main class="hub"> <main class="hub">
<header class="hub-header"> <header class="hub-header">
<img class="pfp" src="https://cdn.discordapp.com/avatars/1464890289922641993/83c6f674b7bdf901ab7b1e65204795ca.png" alt="Clove Twilight avatar"> <img class="pfp" src="/images/avatar.png" alt="Clove Twilight avatar">
<h1>Clove Twilight</h1> <h1>Clove Twilight</h1>
<h2 class="pronouns">(fae/faer)</h2> <h2 class="pronouns">(fae/faer)</h2>
<p class="tagline">Tech Stack</p> <p class="tagline">Tech Stack</p>
</header> </header>
<section class="tech-stack" aria-label="Tech stack"> <section class="tech-stack" aria-label="Tech stack">
<img class="tech-badge" src="https://img.shields.io/badge/JavaScript-313244?style=flat-square&labelColor=1e1e2e&logo=javascript&logoColor=f5c2e7" alt="JavaScript" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/Java-313244?style=flat-square&labelColor=1e1e2e&logo=openjdk&logoColor=cba6f7" alt="Java" loading="lazy"> src="https://img.shields.io/badge/JavaScript-313244?style=flat-square&labelColor=1e1e2e&logo=javascript&logoColor=f5c2e7"
<img class="tech-badge" src="https://img.shields.io/badge/HTML5-313244?style=flat-square&labelColor=1e1e2e&logo=html5&logoColor=b4befe" alt="HTML5" loading="lazy"> alt="JavaScript" loading="lazy">
<img class="tech-badge" src="https://img.shields.io/badge/Markdown-313244?style=flat-square&labelColor=1e1e2e&logo=markdown&logoColor=89b4fa" alt="Markdown" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/LaTeX-313244?style=flat-square&labelColor=1e1e2e&logo=latex&logoColor=94e2d5" alt="LaTeX" loading="lazy"> src="https://img.shields.io/badge/Java-313244?style=flat-square&labelColor=1e1e2e&logo=openjdk&logoColor=cba6f7"
<img class="tech-badge" src="https://img.shields.io/badge/Windows%20Terminal-313244?style=flat-square&labelColor=1e1e2e&logo=windows-terminal&logoColor=a6e3a1" alt="Windows Terminal" loading="lazy"> alt="Java" loading="lazy">
<img class="tech-badge" src="https://img.shields.io/badge/TypeScript-313244?style=flat-square&labelColor=1e1e2e&logo=typescript&logoColor=fab387" alt="TypeScript" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/Bash%20Script-313244?style=flat-square&labelColor=1e1e2e&logo=gnu-bash&logoColor=f9e2af" alt="Bash Script" loading="lazy"> src="https://img.shields.io/badge/HTML5-313244?style=flat-square&labelColor=1e1e2e&logo=html5&logoColor=b4befe"
<img class="tech-badge" src="https://img.shields.io/badge/Python-313244?style=flat-square&labelColor=1e1e2e&logo=python&logoColor=f38ba8" alt="Python" loading="lazy"> alt="HTML5" loading="lazy">
<img class="tech-badge" src="https://img.shields.io/badge/PowerShell-313244?style=flat-square&labelColor=1e1e2e&logo=powershell&logoColor=89dceb" alt="PowerShell" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/PHP-313244?style=flat-square&labelColor=1e1e2e&logo=php&logoColor=eba0ac" alt="PHP" loading="lazy"> src="https://img.shields.io/badge/Markdown-313244?style=flat-square&labelColor=1e1e2e&logo=markdown&logoColor=89b4fa"
<img class="tech-badge" src="https://img.shields.io/badge/Cloudflare-313244?style=flat-square&labelColor=1e1e2e&logo=Cloudflare&logoColor=74c7ec" alt="Cloudflare" loading="lazy"> alt="Markdown" loading="lazy">
<img class="tech-badge" src="https://img.shields.io/badge/Heroku-313244?style=flat-square&labelColor=1e1e2e&logo=heroku&logoColor=f5e0dc" alt="Heroku" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/Linode-313244?style=flat-square&labelColor=1e1e2e&logo=linode&logoColor=f5c2e7" alt="Linode" loading="lazy"> src="https://img.shields.io/badge/LaTeX-313244?style=flat-square&labelColor=1e1e2e&logo=latex&logoColor=94e2d5"
<img class="tech-badge" src="https://img.shields.io/badge/Vercel-313244?style=flat-square&labelColor=1e1e2e&logo=vercel&logoColor=cba6f7" alt="Vercel" loading="lazy"> alt="LaTeX" loading="lazy">
<img class="tech-badge" src="https://img.shields.io/badge/Bootstrap-313244?style=flat-square&labelColor=1e1e2e&logo=bootstrap&logoColor=b4befe" alt="Bootstrap" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/EJS-313244?style=flat-square&labelColor=1e1e2e&logo=ejs&logoColor=89b4fa" alt="EJS" loading="lazy"> src="https://img.shields.io/badge/Windows%20Terminal-313244?style=flat-square&labelColor=1e1e2e&logo=windows-terminal&logoColor=a6e3a1"
<img class="tech-badge" src="https://img.shields.io/badge/Electron.js-313244?style=flat-square&labelColor=1e1e2e&logo=Electron&logoColor=94e2d5" alt="Electron.js" loading="lazy"> alt="Windows Terminal" loading="lazy">
<img class="tech-badge" src="https://img.shields.io/badge/Express.js-313244?style=flat-square&labelColor=1e1e2e&logo=express&logoColor=a6e3a1" alt="Express.js" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/FastAPI-313244?style=flat-square&labelColor=1e1e2e&logo=fastapi&logoColor=fab387" alt="FastAPI" loading="lazy"> src="https://img.shields.io/badge/TypeScript-313244?style=flat-square&labelColor=1e1e2e&logo=typescript&logoColor=fab387"
<img class="tech-badge" src="https://img.shields.io/badge/Flask-313244?style=flat-square&labelColor=1e1e2e&logo=flask&logoColor=f9e2af" alt="Flask" loading="lazy"> alt="TypeScript" loading="lazy">
<img class="tech-badge" src="https://img.shields.io/badge/Insomnia-313244?style=flat-square&labelColor=1e1e2e&logo=insomnia&logoColor=f38ba8" alt="Insomnia" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/jQuery-313244?style=flat-square&labelColor=1e1e2e&logo=jquery&logoColor=89dceb" alt="jQuery" loading="lazy"> src="https://img.shields.io/badge/Bash%20Script-313244?style=flat-square&labelColor=1e1e2e&logo=gnu-bash&logoColor=f9e2af"
<img class="tech-badge" src="https://img.shields.io/badge/JWT-313244?style=flat-square&labelColor=1e1e2e&logo=JSON%20web%20tokens&logoColor=eba0ac" alt="JWT" loading="lazy"> alt="Bash Script" loading="lazy">
<img class="tech-badge" src="https://img.shields.io/badge/NPM-313244?style=flat-square&labelColor=1e1e2e&logo=npm&logoColor=74c7ec" alt="NPM" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/Next%20JS-313244?style=flat-square&labelColor=1e1e2e&logo=next.js&logoColor=f5e0dc" alt="Next JS" loading="lazy"> src="https://img.shields.io/badge/Python-313244?style=flat-square&labelColor=1e1e2e&logo=python&logoColor=f38ba8"
<img class="tech-badge" src="https://img.shields.io/badge/NodeJS-313244?style=flat-square&labelColor=1e1e2e&logo=node.js&logoColor=f5c2e7" alt="NodeJS" loading="lazy"> alt="Python" loading="lazy">
<img class="tech-badge" src="https://img.shields.io/badge/Nodemon-313244?style=flat-square&labelColor=1e1e2e&logo=nodemon&logoColor=cba6f7" alt="Nodemon" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/PNPM-313244?style=flat-square&labelColor=1e1e2e&logo=pnpm&logoColor=b4befe" alt="PNPM" loading="lazy"> src="https://img.shields.io/badge/PowerShell-313244?style=flat-square&labelColor=1e1e2e&logo=powershell&logoColor=89dceb"
<img class="tech-badge" src="https://img.shields.io/badge/React-313244?style=flat-square&labelColor=1e1e2e&logo=react&logoColor=89b4fa" alt="React" loading="lazy"> alt="PowerShell" loading="lazy">
<img class="tech-badge" src="https://img.shields.io/badge/React%20Native-313244?style=flat-square&labelColor=1e1e2e&logo=react&logoColor=94e2d5" alt="React Native" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/React%20Query-313244?style=flat-square&labelColor=1e1e2e&logo=react%20query&logoColor=a6e3a1" alt="React Query" loading="lazy"> src="https://img.shields.io/badge/PHP-313244?style=flat-square&labelColor=1e1e2e&logo=php&logoColor=eba0ac"
<img class="tech-badge" src="https://img.shields.io/badge/React%20Hook%20Form-313244?style=flat-square&labelColor=1e1e2e&logo=reacthookform&logoColor=fab387" alt="React Hook Form" loading="lazy"> alt="PHP" loading="lazy">
<img class="tech-badge" src="https://img.shields.io/badge/React%20Router-313244?style=flat-square&labelColor=1e1e2e&logo=react-router&logoColor=f9e2af" alt="React Router" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/TailwindCSS-313244?style=flat-square&labelColor=1e1e2e&logo=tailwind-css&logoColor=f38ba8" alt="TailwindCSS" loading="lazy"> src="https://img.shields.io/badge/Cloudflare-313244?style=flat-square&labelColor=1e1e2e&logo=Cloudflare&logoColor=74c7ec"
<img class="tech-badge" src="https://img.shields.io/badge/Three%20js-313244?style=flat-square&labelColor=1e1e2e&logo=three.js&logoColor=89dceb" alt="Three js" loading="lazy"> alt="Cloudflare" loading="lazy">
<img class="tech-badge" src="https://img.shields.io/badge/Vite-313244?style=flat-square&labelColor=1e1e2e&logo=vite&logoColor=eba0ac" alt="Vite" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/Vue.js-313244?style=flat-square&labelColor=1e1e2e&logo=vuedotjs&logoColor=74c7ec" alt="Vue.js" loading="lazy"> src="https://img.shields.io/badge/Heroku-313244?style=flat-square&labelColor=1e1e2e&logo=heroku&logoColor=f5e0dc"
<img class="tech-badge" src="https://img.shields.io/badge/WordPress-313244?style=flat-square&labelColor=1e1e2e&logo=WordPress&logoColor=f5e0dc" alt="WordPress" loading="lazy"> alt="Heroku" loading="lazy">
<img class="tech-badge" src="https://img.shields.io/badge/Yarn-313244?style=flat-square&labelColor=1e1e2e&logo=yarn&logoColor=f5c2e7" alt="Yarn" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/Nginx-313244?style=flat-square&labelColor=1e1e2e&logo=nginx&logoColor=cba6f7" alt="Nginx" loading="lazy"> src="https://img.shields.io/badge/Linode-313244?style=flat-square&labelColor=1e1e2e&logo=linode&logoColor=f5c2e7"
<img class="tech-badge" src="https://img.shields.io/badge/MySQL-313244?style=flat-square&labelColor=1e1e2e&logo=mysql&logoColor=b4befe" alt="MySQL" loading="lazy"> alt="Linode" loading="lazy">
<img class="tech-badge" src="https://img.shields.io/badge/SQLite-313244?style=flat-square&labelColor=1e1e2e&logo=sqlite&logoColor=89b4fa" alt="SQLite" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/Postgres-313244?style=flat-square&labelColor=1e1e2e&logo=postgresql&logoColor=94e2d5" alt="Postgres" loading="lazy"> src="https://img.shields.io/badge/Vercel-313244?style=flat-square&labelColor=1e1e2e&logo=vercel&logoColor=cba6f7"
<img class="tech-badge" src="https://img.shields.io/badge/Redis-313244?style=flat-square&labelColor=1e1e2e&logo=redis&logoColor=a6e3a1" alt="Redis" loading="lazy"> alt="Vercel" loading="lazy">
<img class="tech-badge" src="https://img.shields.io/badge/Adobe%20Photoshop-313244?style=flat-square&labelColor=1e1e2e&logo=adobe%20photoshop&logoColor=fab387" alt="Adobe Photoshop" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/Canva-313244?style=flat-square&labelColor=1e1e2e&logo=Canva&logoColor=f9e2af" alt="Canva" loading="lazy"> src="https://img.shields.io/badge/Bootstrap-313244?style=flat-square&labelColor=1e1e2e&logo=bootstrap&logoColor=b4befe"
<img class="tech-badge" src="https://img.shields.io/badge/Inkscape-313244?style=flat-square&labelColor=1e1e2e&logo=inkscape&logoColor=f38ba8" alt="Inkscape" loading="lazy"> alt="Bootstrap" loading="lazy">
<img class="tech-badge" src="https://img.shields.io/badge/GitHub-313244?style=flat-square&labelColor=1e1e2e&logo=github&logoColor=89dceb" alt="GitHub" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/GitHub%20Actions-313244?style=flat-square&labelColor=1e1e2e&logo=githubactions&logoColor=eba0ac" alt="GitHub Actions" loading="lazy"> src="https://img.shields.io/badge/EJS-313244?style=flat-square&labelColor=1e1e2e&logo=ejs&logoColor=89b4fa"
<img class="tech-badge" src="https://img.shields.io/badge/Git-313244?style=flat-square&labelColor=1e1e2e&logo=git&logoColor=74c7ec" alt="Git" loading="lazy"> alt="EJS" loading="lazy">
<img class="tech-badge" src="https://img.shields.io/badge/Gitea-313244?style=flat-square&labelColor=1e1e2e&logo=gitea&logoColor=f5e0dc" alt="Gitea" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/Arduino-313244?style=flat-square&labelColor=1e1e2e&logo=Arduino&logoColor=f5c2e7" alt="Arduino" loading="lazy"> src="https://img.shields.io/badge/Electron.js-313244?style=flat-square&labelColor=1e1e2e&logo=Electron&logoColor=94e2d5"
<img class="tech-badge" src="https://img.shields.io/badge/Cisco-313244?style=flat-square&labelColor=1e1e2e&logo=cisco&logoColor=cba6f7" alt="Cisco" loading="lazy"> alt="Electron.js" loading="lazy">
<img class="tech-badge" src="https://img.shields.io/badge/Docker-313244?style=flat-square&labelColor=1e1e2e&logo=docker&logoColor=b4befe" alt="Docker" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/ESLint-313244?style=flat-square&labelColor=1e1e2e&logo=eslint&logoColor=89b4fa" alt="ESLint" loading="lazy"> src="https://img.shields.io/badge/Express.js-313244?style=flat-square&labelColor=1e1e2e&logo=express&logoColor=a6e3a1"
<img class="tech-badge" src="https://img.shields.io/badge/FFmpeg-313244?style=flat-square&labelColor=1e1e2e&logo=ffmpeg&logoColor=94e2d5" alt="FFmpeg" loading="lazy"> alt="Express.js" loading="lazy">
<img class="tech-badge" src="https://img.shields.io/badge/Gradle-313244?style=flat-square&labelColor=1e1e2e&logo=Gradle&logoColor=a6e3a1" alt="Gradle" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/Grafana-313244?style=flat-square&labelColor=1e1e2e&logo=grafana&logoColor=fab387" alt="Grafana" loading="lazy"> src="https://img.shields.io/badge/FastAPI-313244?style=flat-square&labelColor=1e1e2e&logo=fastapi&logoColor=fab387"
<img class="tech-badge" src="https://img.shields.io/badge/OpenAPI%20Specification-313244?style=flat-square&labelColor=1e1e2e&logo=openapiinitiative&logoColor=f9e2af" alt="OpenAPI Specification" loading="lazy"> alt="FastAPI" loading="lazy">
<img class="tech-badge" src="https://img.shields.io/badge/Raspberry%20Pi-313244?style=flat-square&labelColor=1e1e2e&logo=Raspberry-Pi&logoColor=f38ba8" alt="Raspberry Pi" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/Postman-313244?style=flat-square&labelColor=1e1e2e&logo=postman&logoColor=89dceb" alt="Postman" loading="lazy"> src="https://img.shields.io/badge/Flask-313244?style=flat-square&labelColor=1e1e2e&logo=flask&logoColor=f9e2af"
<img class="tech-badge" src="https://img.shields.io/badge/Swagger-313244?style=flat-square&labelColor=1e1e2e&logo=swagger&logoColor=eba0ac" alt="Swagger" loading="lazy"> alt="Flask" loading="lazy">
<img class="tech-badge" src="https://img.shields.io/badge/TOR-313244?style=flat-square&labelColor=1e1e2e&logo=tor-project&logoColor=74c7ec" alt="TOR" loading="lazy"> <img class="tech-badge"
<img class="tech-badge" src="https://img.shields.io/badge/AMD-313244?style=flat-square&labelColor=1e1e2e&logo=amd&logoColor=f5e0dc" alt="AMD" loading="lazy"> src="https://img.shields.io/badge/Insomnia-313244?style=flat-square&labelColor=1e1e2e&logo=insomnia&logoColor=f38ba8"
<img class="tech-badge" src="https://img.shields.io/badge/Epic%20Games-313244?style=flat-square&labelColor=1e1e2e&logo=epicgames&logoColor=f5c2e7" alt="Epic Games" loading="lazy"> alt="Insomnia" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/jQuery-313244?style=flat-square&labelColor=1e1e2e&logo=jquery&logoColor=89dceb"
alt="jQuery" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/JWT-313244?style=flat-square&labelColor=1e1e2e&logo=JSON%20web%20tokens&logoColor=eba0ac"
alt="JWT" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/NPM-313244?style=flat-square&labelColor=1e1e2e&logo=npm&logoColor=74c7ec"
alt="NPM" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Next%20JS-313244?style=flat-square&labelColor=1e1e2e&logo=next.js&logoColor=f5e0dc"
alt="Next JS" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/NodeJS-313244?style=flat-square&labelColor=1e1e2e&logo=node.js&logoColor=f5c2e7"
alt="NodeJS" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Nodemon-313244?style=flat-square&labelColor=1e1e2e&logo=nodemon&logoColor=cba6f7"
alt="Nodemon" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/PNPM-313244?style=flat-square&labelColor=1e1e2e&logo=pnpm&logoColor=b4befe"
alt="PNPM" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/React-313244?style=flat-square&labelColor=1e1e2e&logo=react&logoColor=89b4fa"
alt="React" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/React%20Native-313244?style=flat-square&labelColor=1e1e2e&logo=react&logoColor=94e2d5"
alt="React Native" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/React%20Query-313244?style=flat-square&labelColor=1e1e2e&logo=react%20query&logoColor=a6e3a1"
alt="React Query" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/React%20Hook%20Form-313244?style=flat-square&labelColor=1e1e2e&logo=reacthookform&logoColor=fab387"
alt="React Hook Form" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/React%20Router-313244?style=flat-square&labelColor=1e1e2e&logo=react-router&logoColor=f9e2af"
alt="React Router" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/TailwindCSS-313244?style=flat-square&labelColor=1e1e2e&logo=tailwind-css&logoColor=f38ba8"
alt="TailwindCSS" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Three%20js-313244?style=flat-square&labelColor=1e1e2e&logo=three.js&logoColor=89dceb"
alt="Three js" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Vite-313244?style=flat-square&labelColor=1e1e2e&logo=vite&logoColor=eba0ac"
alt="Vite" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Vue.js-313244?style=flat-square&labelColor=1e1e2e&logo=vuedotjs&logoColor=74c7ec"
alt="Vue.js" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/WordPress-313244?style=flat-square&labelColor=1e1e2e&logo=WordPress&logoColor=f5e0dc"
alt="WordPress" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Yarn-313244?style=flat-square&labelColor=1e1e2e&logo=yarn&logoColor=f5c2e7"
alt="Yarn" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Nginx-313244?style=flat-square&labelColor=1e1e2e&logo=nginx&logoColor=cba6f7"
alt="Nginx" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/MySQL-313244?style=flat-square&labelColor=1e1e2e&logo=mysql&logoColor=b4befe"
alt="MySQL" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/SQLite-313244?style=flat-square&labelColor=1e1e2e&logo=sqlite&logoColor=89b4fa"
alt="SQLite" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Postgres-313244?style=flat-square&labelColor=1e1e2e&logo=postgresql&logoColor=94e2d5"
alt="Postgres" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Redis-313244?style=flat-square&labelColor=1e1e2e&logo=redis&logoColor=a6e3a1"
alt="Redis" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Adobe%20Photoshop-313244?style=flat-square&labelColor=1e1e2e&logo=adobe%20photoshop&logoColor=fab387"
alt="Adobe Photoshop" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Canva-313244?style=flat-square&labelColor=1e1e2e&logo=Canva&logoColor=f9e2af"
alt="Canva" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Inkscape-313244?style=flat-square&labelColor=1e1e2e&logo=inkscape&logoColor=f38ba8"
alt="Inkscape" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/GitHub-313244?style=flat-square&labelColor=1e1e2e&logo=github&logoColor=89dceb"
alt="GitHub" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/GitHub%20Actions-313244?style=flat-square&labelColor=1e1e2e&logo=githubactions&logoColor=eba0ac"
alt="GitHub Actions" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Git-313244?style=flat-square&labelColor=1e1e2e&logo=git&logoColor=74c7ec"
alt="Git" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Gitea-313244?style=flat-square&labelColor=1e1e2e&logo=gitea&logoColor=f5e0dc"
alt="Gitea" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Arduino-313244?style=flat-square&labelColor=1e1e2e&logo=Arduino&logoColor=f5c2e7"
alt="Arduino" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Cisco-313244?style=flat-square&labelColor=1e1e2e&logo=cisco&logoColor=cba6f7"
alt="Cisco" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Docker-313244?style=flat-square&labelColor=1e1e2e&logo=docker&logoColor=b4befe"
alt="Docker" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/ESLint-313244?style=flat-square&labelColor=1e1e2e&logo=eslint&logoColor=89b4fa"
alt="ESLint" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/FFmpeg-313244?style=flat-square&labelColor=1e1e2e&logo=ffmpeg&logoColor=94e2d5"
alt="FFmpeg" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Gradle-313244?style=flat-square&labelColor=1e1e2e&logo=Gradle&logoColor=a6e3a1"
alt="Gradle" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Grafana-313244?style=flat-square&labelColor=1e1e2e&logo=grafana&logoColor=fab387"
alt="Grafana" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/OpenAPI%20Specification-313244?style=flat-square&labelColor=1e1e2e&logo=openapiinitiative&logoColor=f9e2af"
alt="OpenAPI Specification" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Raspberry%20Pi-313244?style=flat-square&labelColor=1e1e2e&logo=Raspberry-Pi&logoColor=f38ba8"
alt="Raspberry Pi" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Postman-313244?style=flat-square&labelColor=1e1e2e&logo=postman&logoColor=89dceb"
alt="Postman" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Swagger-313244?style=flat-square&labelColor=1e1e2e&logo=swagger&logoColor=eba0ac"
alt="Swagger" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/TOR-313244?style=flat-square&labelColor=1e1e2e&logo=tor-project&logoColor=74c7ec"
alt="TOR" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/AMD-313244?style=flat-square&labelColor=1e1e2e&logo=amd&logoColor=f5e0dc"
alt="AMD" loading="lazy">
<img class="tech-badge"
src="https://img.shields.io/badge/Epic%20Games-313244?style=flat-square&labelColor=1e1e2e&logo=epicgames&logoColor=f5c2e7"
alt="Epic Games" loading="lazy">
</section> </section>
</main> </main>

6
template/index.html
View File

@ -26,7 +26,7 @@
<!-- Open Graph / Discord / Facebook --> <!-- Open Graph / Discord / Facebook -->
<meta property="og:image" content="https://clove.is-a.dev/images/favicon.png" /> <meta property="og:image" content="https://clove.is-a.dev/images/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" /> <meta property="og:title" content="Clove Twilight | Template" />
<meta property="og:description" content="Template Page for Clove Twilight" /> <meta property="og:description" content="Template Page 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/template" /> <meta property="og:url" content="https://clove.is-a.dev/template" />
@ -35,7 +35,7 @@
<!-- Twitter Card --> <!-- Twitter Card -->
<meta name="twitter:image" content="https://clove.is-a.dev/images/favicon.png" /> <meta name="twitter:image" content="https://clove.is-a.dev/images/favicon.png" />
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Clove Twilight" /> <meta name="twitter:title" content="Clove Twilight | Template" />
<meta name="twitter:description" content="Template Page for Clove Twilight" /> <meta name="twitter:description" content="Template Page for Clove Twilight" />
</head> </head>
@ -49,7 +49,7 @@
<main class="hub"> <main class="hub">
<header class="hub-header"> <header class="hub-header">
<img class="pfp" <img class="pfp"
src="https://cdn.discordapp.com/avatars/1464890289922641993/83c6f674b7bdf901ab7b1e65204795ca.png" src="/images/avatar.png"
alt="Clove Twilight avatar"> alt="Clove Twilight avatar">
<h1>Clove Twilight</h1> <h1>Clove Twilight</h1>
<h2 class="pronouns">(fae/faer)</h2> <h2 class="pronouns">(fae/faer)</h2>