c.stupid.cat/index.html

97 lines
4.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 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="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">
<!-- 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 | 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">
<!-- 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 | 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="/">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="/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 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>
</header>
<div class="terminal" id="terminal"></div>
<div id="fronting"></div>
</main>
<div id="visitor-counter" role="status" aria-label="Visitor count"></div>
<script src="/js/core.js" data-cat="/assets/oneko/classics/classic.png"></script>
<script src="/js/terminal.js"></script>
<script src="/js/fronting.js"></script>
<!-- lanyard.cafe keyring (webring) — styled to match the site in css/main.css (#lc-embed) -->
<script src="https://lanyard.cafe/api/embed.js" data-theme="dark"></script>
<script src="/js/visitor-counter.js"
data-target="#visitor-counter"
data-namespace="clove-is-a-dev"
data-key="hits"
data-label="visitors"></script>
</body>
</html>