updated the website with new features and improvements

This commit is contained in:
2026-02-12 17:28:25 -05:00
parent b26ebb6d6e
commit 36f7d0ed8b
5 changed files with 383 additions and 39 deletions

70
404.html Normal file
View File

@@ -0,0 +1,70 @@
<!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 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>