Files
libertytoolsio/public/404.html

95 lines
2.5 KiB
HTML
Raw Normal View History

2026-03-16 23:07:23 +00:00
<!DOCTYPE html>
<html lang="en">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<!--
2026-03-16 23:07:23 +00:00
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">
2026-03-16 23:07:23 +00:00
<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 | </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.0edbfa12be0756ec13c02ec8218ae882d32e82be873db98b790ade0a47d58b55.css" integrity="sha256-Dtv6Er4HVuwTwC7IIYrogtMugr6HPbmLeQreCkfVi1U=" crossorigin="anonymous">
2026-03-16 23:07:23 +00:00
<script defer src="/fuse.min.js"></script>
<script defer src="/en.search.min.2d00ab2fa395f1ce09fac9ceac13157e5c77c5a675f0c697a3ac191f5e304c9f.js" integrity="sha256-LQCrL6OV8c4J&#43;snOrBMVflx3xaZ18MaXo6wZH14wTJ8=" 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="/"></a>
</h3>
</main>
</body>
</html>