lars/Portfolio-2026
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

redesigned 404 page

Browse Source
This commit is contained in:
sefaria
2026-05-19 15:57:48 +02:00
parent 5b7cdf9e84
commit 42324ff42c
1 changed files with 41 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
404.html
+39 -45
View File
@@ -3,59 +3,53 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Page Not Found</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Page Not Found</title>
<link rel="stylesheet" href="css/style.css">
<meta name="description" content="Creator of visual identities and digital interfaces">
<meta property="og:title" content="Lars Winter">
<meta property="og:description" content="Portfolio of Lars Winter">
<meta property="og:url" content="https://larswinter.me">
<meta property="og:image" content="https://larswinter.me/img/lw-og_image.png">
<meta property="og:image:alt" content="">
<meta name="fediverse:creator" content="@larswinter@mastodon.social">
<link rel="icon" href="img/favicon.ico" sizes="any">
<!-- <link rel="icon" href="img/icon.svg" type="image/svg+xml"> -->
<link rel="apple-touch-icon" href="img/lw.png">
<meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="0f0f0f" media="(prefers-color-scheme: dark)">
<style> <style>
* { main {
line-height: 1.2; justify-content: center
margin: 0; }
} h1 {
font-size: clamp(7.25rem, 4.5rem + 1.1vw, 8rem);
color: light-dark(var(--color-orange-red-600), var(--color-orange-red-500));
}
html { h2 {
color: #888; font-size: clamp(2.75rem, 2.5rem + 1.1vw, 4rem);
display: table; }
font-family: sans-serif;
height: 100%;
text-align: center;
width: 100%;
}
body { h1, h2, p {
display: table-cell; text-align: center;
vertical-align: middle; }
margin: 2em auto;
}
h1 {
color: #555;
font-size: 2em;
font-weight: 400;
}
p {
margin: 0 auto;
width: 280px;
}
@media only screen and (max-width: 280px) {
body,
p {
width: 95%;
}
h1 {
font-size: 1.5em;
margin: 0 0 0.3em;
}
}
</style> </style>
</head> </head>
<body> <body>
<h1>Page Not Found</h1> <main>
<p>Sorry, but the page you were trying to view does not exist.</p> <section>
<h1>4💀4</h1>
<h2>Page Not Found</h2>
<p>Sorry, but the page you were trying to view does not exist.</p>
</section>
</main>
</body> </body>
</html> </html>