94 lines
3.0 KiB
HTML
94 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>ASCII — 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">
|
|
|
|
<meta name="description" content="ASCII art of Clove Twilight, rendered in full colour.">
|
|
<meta name="robots" content="index, follow">
|
|
<link rel="canonical" href="https://c.stupid.cat/ascii">
|
|
<meta name="theme-color" content="#f5c2e7">
|
|
</head>
|
|
|
|
<body>
|
|
<header class="nav">
|
|
<nav class="nav-links">
|
|
<a class="nav-link" 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>
|
|
<a class="nav-link selected" data-href="/ascii">ASCII</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<main class="ascii-wrap">
|
|
<header class="hub-header">
|
|
<h1>ASCII Me</h1>
|
|
<h2 class="pronouns">rendered straight from ascii.txt</h2>
|
|
</header>
|
|
|
|
<div class="ascii-frame">
|
|
<div class="ascii-frame-bar">
|
|
<span class="ascii-dot red"></span>
|
|
<span class="ascii-dot yellow"></span>
|
|
<span class="ascii-dot green"></span>
|
|
<span class="ascii-frame-title">ascii.txt</span>
|
|
</div>
|
|
|
|
<pre class="ascii-art" id="ascii-art" aria-busy="true">loading…</pre>
|
|
</div>
|
|
</main>
|
|
|
|
<script src="/js/core.js" data-cat="/assets/oneko/classics/classic.png"></script>
|
|
|
|
<script type="module">
|
|
import AnsiUp from "https://cdn.jsdelivr.net/npm/ansi_up@6.0.0/+esm";
|
|
|
|
const el = document.getElementById('ascii-art');
|
|
|
|
try {
|
|
const res = await fetch('./ascii.txt', { cache: 'no-store' });
|
|
|
|
if (!res.ok) {
|
|
throw new Error('fetch failed: ' + res.status);
|
|
}
|
|
|
|
const raw = await res.text();
|
|
|
|
const ansi_up = new AnsiUp();
|
|
ansi_up.use_classes = false;
|
|
|
|
el.innerHTML = ansi_up.ansi_to_html(raw);
|
|
el.removeAttribute('aria-busy');
|
|
|
|
} catch (err) {
|
|
el.textContent = "couldn't load ascii.txt :(";
|
|
console.error(err);
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html> |