81 lines
4.2 KiB
HTML
81 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<html class="bg-gradient-to-t from-black to-purple-900 bg-fixed" lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<meta name="robots" content="noindex, nofollow" />
|
|
<title>nihil's abode</title>
|
|
<meta name="description" content="nihil's humble abode on the interweb">
|
|
<link rel="stylesheet" href="/assets/css/tailwind.css">
|
|
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
|
<script src="/scripts/jquery-3.7.1.min.js"></script>
|
|
</head>
|
|
<body class="">
|
|
<script src="/scripts/oneko.js"></script>
|
|
<div class="flex flex-col min-h-screen items-center">
|
|
<header class="xl:h-4/10 flex justify-center items-center flex-col w-4/5 lg:2/3">
|
|
<h1 class="my-6 animate-text-shadow-pop">nihil's wretched abode :3</h1>
|
|
<nav class="flex flex-auto flex-col justify-center justify-items-center font-heading lg:text-3xl text-xl md:text-2xl w-4/5 flex-wrap h-2/10">
|
|
<div class="flex flex-row flex-wrap justify-items-center justify-center">
|
|
<a class="nav-link" href="/">home</a>
|
|
<a class="nav-link" href="/about/">about</a>
|
|
<a class="nav-link" href="/posts/">posts</a>
|
|
<a class="nav-link" href="/resources/">resources</a>
|
|
<a class="nav-link" href="/status/">status</a>
|
|
</div>
|
|
<hr class="hr-main">
|
|
</nav>
|
|
</header>
|
|
<main class="flex flex-col text-2xl font-body text-center mb-auto h-4/10 w-4/5 items-center justify-center tracking-wide">
|
|
<h2 class="mb-4 animate-text-shadow-pop">first post hehe :3</h2>
|
|
<div class="flex flex-col justify-around items-center font-bold w-4/5 xl:w-2/3 text-pink-200">
|
|
|
|
<div class="text-base text-purple-300 mb-5 inline-flex flex-col">
|
|
<span>Sun Nov 03 2024</span>
|
|
<span class="text-sm text-amber-200"><span id="time"></span> minutes read</span>
|
|
</div>
|
|
|
|
<article id="article" class="prose lg:prose-xl text-off-white text-justify">
|
|
<p>this first post doesn't really contain much of substance, but in the future you can expect any sort of prose i find interesting enough to post on here, probably about far-left politics, digital humanities, old norse, black metal, game analysis or whatever else bothers me that day :p</p>
|
|
<p>keeping a tradition i started on a long deleted blog years back, i leave you with some good music.</p>
|
|
<p>baiii :3</p>
|
|
<div class="flex justify-center">
|
|
<iframe width="720" height="480" src="https://www.youtube.com/embed/INgo0xmYBeg" title="Agalloch - The Mantle (Full Album)" frameborder="0" allow="clipboard-write; encrypted-media; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
|
</div>
|
|
</article>
|
|
<script defer>
|
|
function readingTime() {
|
|
const text = document.getElementById("article").innerText;
|
|
const wpm = 225;
|
|
const words = text.trim().split(/\s+/).length;
|
|
const time = Math.ceil(words / wpm);
|
|
document.getElementById("time").innerText = time;
|
|
}
|
|
readingTime();
|
|
</script>
|
|
</div>
|
|
</main>
|
|
<footer class="text-3xl text-pink-100 font-heading flex flex-col items-center justify-center h-2/10 mb-10 w-4/5 lg:w-2/3">
|
|
<hr class="hr-main">
|
|
<div class="text-center w-full">
|
|
Part of the REDACTED webring!
|
|
<br>
|
|
<br>
|
|
<div class="flex items-center justify-center">
|
|
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
|
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">← Bother the Doll</div>
|
|
</a>
|
|
<a class="transition-all duration-200" href="https://valhrafnaz.gay">
|
|
<div class="text-purple-300 hover:text-pink-600 w-max mx-20 hover:animate-bounce">nihil :3</div>
|
|
</a>
|
|
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
|
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">Bother the Doll →</div>
|
|
</a>
|
|
<div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|