lvl0-website/public/404.html
2025-08-01 23:48:36 +02:00

100 lines
4.2 KiB
HTML

<!doctype html>
<html class="not-ready lg:text-base overflow-y-scroll scroll-pt-14" lang="en">
<head prefix="og: https://ogp.me/ns#">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="generator" content="Zola" />
<meta name="robots" content="noindex" />
<title>404: Page not found | lvl0</title>
<meta property="og:site_name" content="lvl0" />
<meta property="og:title" content="404: Page not found" />
<meta property="og:type" content="website" />
<!-- Begin Head inject -->
<!-- End Head inject -->
<link rel="stylesheet" href="https://lvl0.xyz/main.min.css?h=fc65ba308cf36d3ba82c" />
<style>
:root{--bg: #f4f4f5; --header: #e4e4e7; color-scheme: light;}
:root.dark{--bg: #18181b; --header: #27272a; color-scheme: dark;}
</style>
<meta name="theme-color" data-light="#e4e4e7" data-dark="#27272a" content="#e4e4e7" />
<link rel="icon" type="image/x-icon" sizes="16x16" href="https://lvl0.xyz/favicon.ico" />
<link rel="apple-touch-icon" type="image/png" href="https://lvl0.xyz/apple-touch-icon.png?h=58bee300054c5308feb3" />
<link rel="icon" type="image/png" href="https://lvl0.xyz/android-icon.png?h=8d80ec95446bd2c36826" />
<script src="https://lvl0.xyz/js/linkita.min.js?h=1dd3ed42fc674277bc34"></script>
<!-- Begin Head End inject -->
<!-- End Head End inject -->
</head>
<body class="text-black duration-100 ease-out bg-[var(--bg)] dark:text-white">
<!-- Header -->
<header class="bg-[var(--header)] fixed top-0 z-40 mx-auto min-h-[3.25rem] w-full header-icons">
<div class="mx-auto w-full max-w-4xl p-2.5 lg:flex lg:justify-between">
<div class="flex justify-between">
<div class="flex items-center min-h-8">
<a title="Go to home page" accesskey="!"
href="https://lvl0.xyz/" class="text-2xl font-semibold">lvl0</a>
<button type="button" title="Switch color scheme" accesskey="$"
onclick="window.linkita.toggleDarkMode();" ondblclick="window.linkita.resetDarkMode();"
class="btn-dark ml-4 h-6 w-6 shrink-0 cursor-pointer text-[0] bg-center bg-no-repeat bg-cover dark:invert [background-image:var(--icon-theme-dark)] dark:[background-image:var(--icon-theme-light)]"
></button>
</div>
<div title="Menu" role="button" accesskey="+" tabindex="0"
class="btn-menu relative z-50 flex h-8 w-8 shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden"
onclick="window.linkita.toggleHeaderMenu();"
onkeydown="(event.keyCode == 13 || event.keyCode == 32) ? event.preventDefault() || window.linkita.toggleHeaderMenu() : true;"
></div>
</div>
<nav class="flex w-full items-center lg:w-auto">
<menu
class="nav-wrapper flex w-full flex-col py-2 lg:w-auto lg:flex-row lg:self-center lg:py-0">
<li>
<a
class="primary-link block py-2 text-center text-lg font-medium lg:px-3 lg:py-0"
href="/announcements/"
>Announcements</a>
</li>
</menu>
<!-- Begin Header Nav inject -->
<!-- End Header Nav inject -->
</nav>
</div>
</header>
<!-- Begin Body Start inject -->
<!-- End Body Start inject -->
<main class="prose prose-neutral relative mx-auto min-h-[calc(100%-4rem)]
max-w-3xl break-words px-4 pb-12 pt-28 lg:pt-32 dark:prose-invert prose-pre:rounded-lg prose-img:rounded-lg">
<h1 class="absolute inset-x-8 bottom-20 top-0 flex items-center justify-center text-6xl">404: Page not found</h1>
</main>
<!-- Footer -->
<footer class="mx-auto flex lg:mt-5 max-w-3xl flex-wrap items-center px-4 py-3 text-sm opacity-60">
<div class="mr-auto basis-full lg:basis-1/2">
© <time datetime="2025">2025</time>
</div>
<div class="flex basis-full lg:basis-1/2 lg:justify-end">
<span class="mr-6 lg:ml-6">
<a class="link" href="https://www.getzola.org/" target="_blank">Powered by Zola</a>
</span>
<a class="link" href="https://www.getzola.org/themes/linkita/" target="_blank">&#9998; Linkita</a>
</div>
<!-- Begin Footer inject -->
<!-- End Footer inject -->
</footer>
<!-- Begin Body End inject -->
<!-- End Body End inject -->
</body>
</html>