skopec.dev/404.html
pepaskopec-blip 4930dcd733 Stack the homepage sections again and drop the divider between them.
Co-authored-by: Cursor <cursoragent@cursor.com>
2026-10-13 09:56:31 +02:00

87 lines
3.6 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Page not found — the link may be broken or the page was moved.">
<meta name="robots" content="noindex">
<title>404 — Page not found · Josef</title>
<meta property="og:title" content="404 — Page not found · Josef">
<meta property="og:description" content="Page not found on skopec.dev.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://skopec.dev/404.html">
<meta property="og:image" content="https://skopec.dev/og-image.jpg">
<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+Sans:ital,wght@0,400..700;1,400..700&family=Syne:wght@500..800&display=swap" rel="stylesheet">
<link rel="icon" href="favicon.svg" type="image/svg+xml">
<link rel="icon" href="favicon-32.png" sizes="32x32" type="image/png">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<meta name="theme-color" content="#07090d">
<script>
(function () {
try {
document.documentElement.dataset.theme =
localStorage.getItem("theme") === "light" ? "light" : "dark";
} catch (error) {
document.documentElement.dataset.theme = "dark";
}
})();
</script>
<link rel="stylesheet" href="style.css?v=20261018">
</head>
<body>
<a class="skip-link" href="#main">Skip to content</a>
<header class="site-header">
<div class="nav-inner">
<a class="brand" href="index.html">Josef<span>.</span></a>
<ul class="nav-links" id="site-nav">
<li><a href="index.html">Home</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="hardware.html">Hardware</a></li>
</ul>
<div class="nav-actions">
<button class="theme-toggle" type="button" aria-label="Switch to light mode" aria-pressed="false" title="Toggle theme">
<svg class="icon-sun" viewBox="0 0 24 24" aria-hidden="true">
<circle cx="12" cy="12" r="4.2"></circle>
<path d="M12 2.6v2.2M12 19.2v2.2M4.2 12H2M22 12h-2.2M6.3 6.3 4.8 4.8M19.2 19.2l-1.5-1.5M17.7 6.3l1.5-1.5M4.8 19.2l1.5-1.5"></path>
</svg>
<svg class="icon-moon" viewBox="0 0 24 24" aria-hidden="true">
<path d="M20.5 14.3A8.6 8.6 0 0 1 9.7 3.5a8.6 8.6 0 1 0 10.8 10.8Z"></path>
</svg>
</button>
<button class="nav-toggle" type="button" aria-expanded="false" aria-controls="site-nav" aria-label="Open menu">
<span></span><span></span><span></span>
</button>
</div>
</div>
</header>
<main id="main" class="page">
<header class="page-hero wrap reveal">
<p class="section-label">Error</p>
<h1>404</h1>
<p>This page doesn’t exist — maybe the link is old, or something moved.</p>
<div class="hero-actions" style="margin-top: 1.5rem;">
<a class="btn btn-primary" href="index.html">Back home</a>
<a class="btn btn-ghost" href="projects.html">Projects</a>
</div>
</header>
</main>
<footer class="site-footer">
<div class="footer-inner">
<span>© <span data-year></span> Josef · skopec.dev</span>
<nav class="footer-links" aria-label="Footer">
<a href="index.html">Home</a>
<a href="projects.html">Projects</a>
<a href="hardware.html">Hardware</a>
<a href="privacy.html">Privacy</a>
</nav>
</div>
</footer>
<script src="script.js" defer></script>
</body>
</html>