115 lines
5.1 KiB
HTML
115 lines
5.1 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 origins this page's JS fetches on load (presence data + avatar images) -->
|
|
<link rel="preconnect" href="https://restful.doughmination.uk" crossorigin>
|
|
<link rel="dns-prefetch" href="https://restful.doughmination.uk">
|
|
<link rel="preconnect" href="https://wsrv.nl">
|
|
<link rel="dns-prefetch" href="https://wsrv.nl">
|
|
<link rel="preconnect" href="https://cdn.discordapp.com">
|
|
<link rel="dns-prefetch" href="https://cdn.discordapp.com">
|
|
<link rel="preconnect" href="https://i.scdn.co">
|
|
<link rel="dns-prefetch" href="https://i.scdn.co">
|
|
<link rel="preconnect" href="https://media.discordapp.net">
|
|
<link rel="dns-prefetch" href="https://media.discordapp.net">
|
|
|
|
<title>Clove Twilight</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="Cool people Clove Twilight knows — friends, mutuals, and creators worth checking out, with links to their sites.">
|
|
<meta name="keywords" content="Clove Twilight, c.stupid.cat, friends, cool people, mutuals, links">
|
|
<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/cool-people">
|
|
|
|
<!-- Alternate for mobile -->
|
|
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://c.stupid.cat/cool-people">
|
|
|
|
<!-- 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">
|
|
<meta property="og:description" content="Cool people Clove Twilight knows — friends, mutuals, and creators worth checking out, with links to their sites.">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="https://c.stupid.cat/cool-people">
|
|
<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">
|
|
<meta name="twitter:description" content="Cool people Clove Twilight knows — friends, mutuals, and creators worth checking out, with links to their sites.">
|
|
|
|
<style>
|
|
.friends-disclaimer {
|
|
margin: 2.5rem auto 0;
|
|
max-width: 60ch;
|
|
text-align: center;
|
|
font-size: .8rem;
|
|
line-height: 1.5;
|
|
opacity: .6;
|
|
}
|
|
.friends-disclaimer a { color: inherit; text-decoration: underline; }
|
|
</style>
|
|
|
|
<!-- Prefetch other pages for faster navigation -->
|
|
<link rel="prefetch" href="/">
|
|
<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" data-href="/">Home</a>
|
|
<a class="nav-link selected" 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>
|
|
|
|
<div class="hub friends-wrap">
|
|
<header class="hub-header">
|
|
<h1>Cool People</h1>
|
|
<p class="tagline">This is where people I know can be put up on my site, click their profiles for their
|
|
pages</p>
|
|
</header>
|
|
|
|
<!-- Cards are rendered by friends.js from the FRIENDS config -->
|
|
<div id="friends-root"></div>
|
|
|
|
<p class="friends-disclaimer">
|
|
Presence data is served by
|
|
<a href="https://restful.doughmination.uk" target="_blank" rel="noopener">Doughmination Restful</a>.
|
|
</p>
|
|
</div>
|
|
|
|
<script src="/js/core.js" data-cat="/assets/oneko/classics/classic.png"></script>
|
|
<!-- discord.js exposes window.PresenceCard, used by friends.js for the cards -->
|
|
<script src="/js/discord.js"></script>
|
|
<script src="/js/friends.js"></script>
|
|
</body>
|
|
|
|
</html>
|