113 lines
4.8 KiB
HTML
113 lines
4.8 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 - Template</title>
|
|
<link rel="stylesheet" href="/css/style.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="/images/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/images/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/images/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" data-href="/">Link Center</a>
|
|
<a class="nav-link selected" data-href="/template">Template</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="/images/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="/images/misc/amd.svg" alt="">
|
|
AMD Purist
|
|
</span>
|
|
<span class="badge">
|
|
<img class="badge-icon" src="/images/misc/arch.svg" alt="">
|
|
I use arch btw
|
|
</span>
|
|
<span class="badge">
|
|
<img class="badge-icon" src="/images/misc/debian.svg" alt="">
|
|
Debian Professional
|
|
</span>
|
|
<span class="badge">
|
|
<img class="badge-icon" src="/images/misc/apple.svg" alt="">
|
|
Apple Ecosystem Enthusiast
|
|
</span>
|
|
</aside>
|
|
|
|
<script src="/js/cat.js" data-cat="/images/misc/oneko.gif"></script>
|
|
<script src="/js/nav.js"></script>
|
|
<script src="/js/now-playing.js"></script>
|
|
<script src="/js/flavors.js"></script>
|
|
<script src="/js/site-switcher.js"></script>
|
|
</body>
|
|
|
|
</html> |