personal-website/layouts/404.html

88 lines
2.7 KiB
HTML
Raw Normal View History

2023-08-08 09:03:06 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv=X-UA-Compatible content="IE=edge">
<meta name=viewport
content="shrink-to-fit=no,width=device-width,height=device-height,initial-scale=1,user-scalable=1">
<meta name="description" content="My little cozy place on the web.">
<title>404 Not Found - lauka.net</title>
<link rel="author" href="humans.txt" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<!--<link rel='stylesheet' type='text/css' media='screen' href="css/style.css" />-->
<style>
body {
font-family: Consolas, monaco, monospace;
font-size: 130%;
line-height: 1.4;
background: #303030;
color: #c1c1c1;
cursor: default;
}
a {
color: #fff;
}
.code-area {
position: absolute;
width: 320px;
min-width: 320px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.code-area > span {
display: block;
}
@media screen and (max-width: 320px) {
.code-area {
font-size: 5vw;
min-width: auto;
width: 95%;
margin: auto;
padding: 5px;
padding-left: 10px;
line-height: 6.5vw;
}
}
</style>
</head>
<body>
<div class="code-area">
<span style="color: #777;font-style:italic;">
// 404 page not found.
</span>
<span>
<span style="color:#d65562;">
if
</span>
(<span style="color:#4ca8ef;">!</span><span style="font-style: italic;color:#bdbdbd;">found</span>)
{
</span>
<span>
<span style="padding-left: 15px;color:#2796ec">
<i style="width: 10px;display:inline-block"></i>throw
</span>
<span>
(<span style="color: #a6a61f">"404 Not Found"</span>);
<!--
(<span style="color: #a6a61f">"(╯°□°)╯︵ ┻━┻"</span>);
-->
</span>
<span style="display:block">}</span>
<span style="color: #777;font-style:italic;">
// <a href="/">Go home!</a>
</span>
</span>
</div>
</body>
</html>