notohh.dev/public/404.html

156 lines
5.3 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<meta name="theme-color" content="" />
<link rel="canonical" href="https://notohh.dev/404.html" />
<title>
404 Page not found :: notohh
</title>
<link rel="stylesheet" href="https://notohh.dev/main.949191c1dcc9c4a887997048b240354e47152016d821198f89448496ba42e491.css" integrity="sha256-lJGRwdzJxKiHmXBIskA1TkcVIBbYIRmPiUSElrpC5JE=">
<link rel="apple-touch-icon" sizes="180x180" href="https://notohh.dev/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://notohh.dev/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://notohh.dev/favicon-16x16.png">
<link rel="manifest" href="https://notohh.dev/site.webmanifest">
<link rel="mask-icon" href="https://notohh.dev/safari-pinned-tab.svg" color="">
<link rel="shortcut icon" href="https://notohh.dev/favicon.ico">
<meta name="msapplication-TileColor" content="">
<meta itemprop="name" content="404 Page not found">
<meta itemprop="description" content="">
<meta name="twitter:card" content="summary"/><meta name="twitter:title" content="404 Page not found"/>
<meta name="twitter:description" content=""/>
<meta property="og:title" content="404 Page not found" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://notohh.dev/404.html" />
</head>
<body>
<div class="container">
<header class="header">
<span class="header__inner">
<a href="https://notohh.dev/" style="text-decoration: none;">
<div class="logo">
<span class="logo__mark">&gt;</span>
<span class="logo__text logo__pathname">
$ cd /home/</span>
<span class="logo__cursor" style=
"
background-color:#67a2c9;
animation-duration:1s;">
</span>
</div>
</a>
<span class="header__right">
<nav class="menu">
<ul class="menu__inner"><li><a href="https://notohh.dev/about/">About</a></li><li><a href="https://notohh.dev/projects/">Projects</a></li>
</ul>
</nav>
<span class="menu-trigger">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
</svg>
</span>
</span>
</span>
</header>
<div class="content">
<div id="spotlight" class="error-404 animated fadeIn">
<p class="img-404">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud-drizzle"><line x1="8" y1="19" x2="8" y2="21"></line><line x1="8" y1="13" x2="8" y2="15"></line><line x1="16" y1="19" x2="16" y2="21"></line><line x1="16" y1="13" x2="16" y2="15"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="12" y1="15" x2="12" y2="17"></line><path d="M20 16.58A5 5 0 0 0 18 7h-1.26A8 8 0 1 0 4 15.25"></path></svg>
</p>
<div class="banner-404">
<h1>404</h1>
<p>Oops, page not found…</p>
<p class="btn-404">
<a href="https://notohh.dev">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>Home</a>
<a href="https://notohh.dev/posts">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-archive"><polyline points="21 8 21 21 3 21 3 8"></polyline><rect x="1" y="3" width="22" height="5"></rect><line x1="10" y1="12" x2="14" y2="12"></line></svg>Archives</a>
</p>
</div>
</div>
</div>
<footer class="footer">
<div class="footer__inner">
<div class="footer__content">
<span>Powered by <a href="http://gohugo.io">Hugo</a></span>
</div>
</div>
</footer>
</div>
<script type="text/javascript" src="https://notohh.dev/bundle.min.46e438bd2eca7eb6358c700b40f6f56b22ab0b92503ecc11a2d8e4bcc610b8b4da83e5ea3d3e84fdb5f3c3c765744b9f5bbaf43cf5a027910be07ee39a9c12a1.js" integrity="sha512-RuQ4vS7KfrY1jHALQPb1ayKrC5JQPswRotjkvMYQuLTag&#43;XqPT6E/bXzw8dldEufW7r0PPWgJ5EL4H7jmpwSoQ=="></script>
</body>
</html>