96 lines
2.6 KiB
HTML
96 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
|
<!--
|
|
Made with Book Theme
|
|
https://github.com/alex-shpak/hugo-book
|
|
-->
|
|
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="">
|
|
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#ffffff">
|
|
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#343a40">
|
|
<meta name="color-scheme" content="light dark"><meta property="og:url" content="http://localhost:1313/404.html">
|
|
<meta property="og:site_name" content="My New Hugo Site">
|
|
<meta property="og:title" content="404 Page not found">
|
|
<meta property="og:locale" content="en_us">
|
|
<meta property="og:type" content="website">
|
|
|
|
|
|
<meta itemprop="name" content="404 Page not found">
|
|
|
|
<title>404 Page not found | My New Hugo Site</title>
|
|
<link rel="icon" href="/favicon.png" >
|
|
<link rel="manifest" href="/manifest.json">
|
|
<link rel="canonical" href="http://localhost:1313/404.html">
|
|
<link rel="stylesheet" href="/book.min.cc2c524ed250aac81b23d1f4af87344917b325208841feca0968fe450f570575.css" integrity="sha256-zCxSTtJQqsgbI9H0r4c0SRezJSCIQf7KCWj+RQ9XBXU=" crossorigin="anonymous">
|
|
|
|
|
|
<script defer src="/fuse.min.js"></script>
|
|
<script defer src="/en.search.min.1fc96e0e6e970f77249d709bd97e5b6ad5464f45a95589a95aff1ee087162341.js" integrity="sha256-H8luDm6XD3cknXCb2X5batVGT0WpVYmpWv8e4IcWI0E=" crossorigin="anonymous"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
.not-found {
|
|
height: 100vh;
|
|
width: 100vw;
|
|
}
|
|
|
|
.not-found h1 {
|
|
font-size: 10vmin;
|
|
font-weight: lighter;
|
|
cursor: default;
|
|
}
|
|
|
|
.not-found h1 span {
|
|
display: inline-block;
|
|
transition: transform .2s ease-out, opacity .2s ease-out;
|
|
}
|
|
|
|
.not-found h1:hover span {
|
|
transition-duration: 1s;
|
|
transform: translate(var(--drift-x), var(--drift-y)) rotate(var(--rotate-end));
|
|
opacity: 0;
|
|
}
|
|
|
|
.not-found h1:hover span:nth-child(1) {
|
|
--drift-x: -1em;
|
|
--drift-y: 1em;
|
|
--rotate-end: -90deg;
|
|
}
|
|
|
|
.not-found h1:hover span:nth-child(2) {
|
|
--drift-x: -1em;
|
|
--drift-y: -2em;
|
|
--rotate-end: 45deg;
|
|
}
|
|
|
|
.not-found h1:hover span:nth-child(3) {
|
|
--drift-x: 3em;
|
|
--drift-y: 1em;
|
|
--rotate-end: 120deg;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="not-found flex justify-center align-center">
|
|
<main class="text-center">
|
|
<h1>
|
|
<span>Page</span>
|
|
<span>Not</span>
|
|
<span>Found</span>
|
|
</h1>
|
|
<h3>
|
|
<a href="/">My New Hugo Site</a>
|
|
</h3>
|
|
</main>
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|