150 lines
15 KiB
HTML
150 lines
15 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Clove Twilight - Link Center</title>
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
<link rel="icon" type="image/svg+xml" href="/images/favicon.svg">
|
|
|
|
<!-- SEO Meta Tags -->
|
|
<meta name="description" content="Link Center 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" />
|
|
|
|
<!-- Canonical URL -->
|
|
<link rel="canonical" href="https://clove.is-a.dev" />
|
|
|
|
<!-- Alternate for mobile -->
|
|
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://clove.is-a.dev" />
|
|
|
|
<!-- Theme Color -->
|
|
<meta name="theme-color" content="#f5c2e7" />
|
|
|
|
<!-- Open Graph / Discord / Facebook -->
|
|
<meta property="og:site_name" content="clove.is-a.dev" />
|
|
<meta property="og:title" content="Clove Twilight" />
|
|
<meta property="og:description" content="Link Center for Clove Twilight" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://clove.is-a.dev" />
|
|
<meta property="og:locale" content="en_GB" />
|
|
|
|
<!-- Twitter Card -->
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:title" content="Clove Twilight" />
|
|
<meta name="twitter:description" content="Link Center for Clove Twilight" />
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header class="nav">
|
|
<nav class="nav-links">
|
|
<a class="nav-link" data-href="/">Link Center</a>
|
|
<a class="nav-link selected" data-href="/tech-stack">Tech Stack</a>
|
|
</nav>
|
|
</header>
|
|
<a rel="me" href="https://mastodon.social/@doughmination" style="display: none;"></a>
|
|
<main class="hub">
|
|
<header class="hub-header">
|
|
<img class="pfp" src="https://cdn.discordapp.com/avatars/1464890289922641993/83c6f674b7bdf901ab7b1e65204795ca.png" alt="Clove Twilight avatar">
|
|
<h1>Clove Twilight</h1>
|
|
<h2 class="pronouns">(fae/faer)</h2>
|
|
<p class="tagline">Tech Stack</p>
|
|
</header>
|
|
|
|
<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" src="https://img.shields.io/badge/Java-313244?style=flat-square&labelColor=1e1e2e&logo=openjdk&logoColor=cba6f7" alt="Java" loading="lazy">
|
|
<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">
|
|
<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" src="https://img.shields.io/badge/LaTeX-313244?style=flat-square&labelColor=1e1e2e&logo=latex&logoColor=94e2d5" alt="LaTeX" loading="lazy">
|
|
<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">
|
|
<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" src="https://img.shields.io/badge/Bash%20Script-313244?style=flat-square&labelColor=1e1e2e&logo=gnu-bash&logoColor=f9e2af" alt="Bash Script" loading="lazy">
|
|
<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">
|
|
<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" src="https://img.shields.io/badge/PHP-313244?style=flat-square&labelColor=1e1e2e&logo=php&logoColor=eba0ac" alt="PHP" loading="lazy">
|
|
<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">
|
|
<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" src="https://img.shields.io/badge/Linode-313244?style=flat-square&labelColor=1e1e2e&logo=linode&logoColor=f5c2e7" alt="Linode" loading="lazy">
|
|
<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">
|
|
<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" src="https://img.shields.io/badge/EJS-313244?style=flat-square&labelColor=1e1e2e&logo=ejs&logoColor=89b4fa" alt="EJS" loading="lazy">
|
|
<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">
|
|
<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" src="https://img.shields.io/badge/FastAPI-313244?style=flat-square&labelColor=1e1e2e&logo=fastapi&logoColor=fab387" alt="FastAPI" loading="lazy">
|
|
<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">
|
|
<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" 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>
|
|
</main>
|
|
|
|
<aside class="badges" aria-label="System badges">
|
|
<span class="badge">
|
|
<img class="badge-icon" src="/images/amd.svg" alt="">
|
|
AMD Purist
|
|
</span>
|
|
<span class="badge">
|
|
<img class="badge-icon" src="/images/arch.svg" alt="">
|
|
I use arch btw
|
|
</span>
|
|
<span class="badge">
|
|
<img class="badge-icon" src="/images/debian.svg" alt="">
|
|
Debian Professional
|
|
</span>
|
|
<span class="badge">
|
|
<img class="badge-icon" src="/images/apple.svg" alt="">
|
|
Apple Ecosystem Enthusiast
|
|
</span>
|
|
</aside>
|
|
|
|
<script src="/js/cat.js" data-cat="/images/oneko.gif"></script>
|
|
<script src="/js/nav.js"></script>
|
|
</body>
|
|
|
|
</html> |