82 lines
3.5 KiB
HTML
82 lines
3.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>404 · pvrz</title>
|
|
<meta name="description" content="Page not found." />
|
|
<meta name="robots" content="noindex, follow" />
|
|
<meta property="og:title" content="404 · pvrz" />
|
|
<meta property="og:description" content="Page not found." />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://pvrz.lol/404.html" />
|
|
<meta property="og:image" content="https://pvrz.lol/media/thumbnail_site.png" />
|
|
<meta property="og:image:alt" content="pvrz 404 page" />
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:title" content="404 · pvrz" />
|
|
<meta name="twitter:description" content="Page not found." />
|
|
<meta name="twitter:image" content="https://pvrz.lol/media/thumbnail_site.png" />
|
|
<meta name="twitter:image:alt" content="pvrz 404 page" />
|
|
<meta name="theme-color" content="#C96442" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,0..40,300&display=swap" rel="stylesheet" />
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
|
|
<link rel="icon" type="image/x-icon" href="media/favicon.ico" />
|
|
<link rel="icon" type="image/png" href="media/favicon.png" />
|
|
<link rel="apple-touch-icon" href="media/favicon.png" />
|
|
<link rel="stylesheet" href="styles.css" />
|
|
</head>
|
|
<body class="inner-page not-found">
|
|
|
|
<div class="grain"></div>
|
|
|
|
<nav class="nav">
|
|
<a href="index.html" class="nav-logo">pvrz</a>
|
|
<div class="nav-actions">
|
|
<div class="nav-links">
|
|
<a href="links.html">Links</a>
|
|
</div>
|
|
<div class="theme-menu">
|
|
<button class="theme-toggle" type="button" aria-label="Theme: Auto" aria-expanded="false">
|
|
<i class="fa-solid fa-circle-half-stroke"></i>
|
|
<span class="theme-caret"><i class="fa-solid fa-chevron-down"></i></span>
|
|
</button>
|
|
<div class="theme-dropdown" role="menu" aria-label="Theme">
|
|
<button class="theme-option" type="button" data-theme-choice="auto" role="menuitem">Auto</button>
|
|
<button class="theme-option" type="button" data-theme-choice="light" role="menuitem">Light</button>
|
|
<button class="theme-option" type="button" data-theme-choice="dark" role="menuitem">Dark</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<main class="notfound">
|
|
<div class="notfound-sheen"></div>
|
|
<div class="notfound-card">
|
|
<p class="notfound-label">Lost in the feed</p>
|
|
<h1 class="notfound-code">404</h1>
|
|
<p class="notfound-title">This page slipped the map.</p>
|
|
<p class="notfound-copy">Double-check the link, or head back to the main hub.</p>
|
|
<div class="notfound-actions">
|
|
<a href="index.html" class="btn btn-primary">
|
|
<i class="fa-solid fa-house"></i>
|
|
<span>Back home</span>
|
|
</a>
|
|
<a href="links.html" class="btn btn-secondary">
|
|
<i class="fa-solid fa-link"></i>
|
|
<span>Open links</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="notfound-orbit" aria-hidden="true">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</main>
|
|
|
|
<script src="main.js"></script>
|
|
</body>
|
|
</html>
|