|
| 1 | +<!doctype html> |
| 2 | +<html lang="en"> |
| 3 | + <head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script> |
| 4 | + <meta charset="utf-8"> |
| 5 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| 6 | + <meta name="viewport" content="width=device-width, initial-scale=1"> |
| 7 | + <meta name="author" content="Liste - //localhost:1313/"> |
| 8 | + <title>404 Page not found | My New Hugo Site</title> |
| 9 | + <meta name="description" content="A minimal hugo theme focus on content"> |
| 10 | + <meta property="og:url" content="//localhost:1313/404.html"> |
| 11 | + <meta property="og:site_name" content="My New Hugo Site"> |
| 12 | + <meta property="og:title" content="404 Page not found"> |
| 13 | + <meta property="og:description" content="A minimal hugo theme focus on content"> |
| 14 | + <meta property="og:locale" content="en_us"> |
| 15 | + <meta property="og:type" content="website"> |
| 16 | + |
| 17 | + |
| 18 | + <meta itemprop="name" content="404 Page not found"> |
| 19 | + <meta itemprop="description" content="A minimal hugo theme focus on content"> |
| 20 | + |
| 21 | + <link rel="canonical" href="//localhost:1313/404.html"> |
| 22 | + <link rel="icon" href="//localhost:1313//assets/favicon.ico"> |
| 23 | + <link rel="dns-prefetch" href="https://www.google-analytics.com"> |
| 24 | + <link href="https://www.google-analytics.com" rel="preconnect" crossorigin> |
| 25 | + <link rel="alternate" type="application/atom+xml" title="My New Hugo Site" href="//localhost:1313//atom.xml" /> |
| 26 | + <link rel="alternate" type="application/json" title="My New Hugo Site" href="//localhost:1313//feed.json" /> |
| 27 | + <link rel="shortcut icon" type="image/png" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII="> |
| 28 | + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bricolage+Grotesque"> |
| 29 | + |
| 30 | + <style>*,:after,:before{box-sizing:border-box;padding:0}body{font:1rem/1.5 bricolage grotesque,-apple-system,BlinkMacSystemFont,segoe ui,Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:2rem;background:#fffdfa;color:#000}.skip-link{position:absolute;top:-40px;left:0;background:#eee;z-index:100}.skip-link:focus{top:0}header{display:flex;justify-content:space-between;align-items:center;position:relative;padding-bottom:1rem}header .burger{display:none;background:0 0;border:none;padding:0;cursor:pointer}header .burger span{display:block;width:25px;height:3px;background:#000;margin:5px 0;transition:all .3s ease}@media(max-width:768px){header .burger{display:block;z-index:2}header .nav-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#fffdfa;padding:2rem;transition:.3s ease;z-index:1}header .nav-menu.active{right:0}header .nav-menu ul{flex-direction:column;align-items:center;width:100%}header .nav-menu ul li{display:block;font-size:1.2rem;border-bottom:1px dotted #000;height:50px;display:flex;justify-content:center;align-items:center}header.menu-open .burger span:first-child{transform:rotate(45deg)translate(5px,6px)}header.menu-open .burger span:nth-child(2){opacity:0}header.menu-open .burger span:last-child{transform:rotate(-45deg)translate(5px,-6px)}}header a{text-decoration:none}header ul{list-style-type:none;padding:0}header li,header a{display:inline}.link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.time{font-variant-numeric:tabular-nums;white-space:nowrap}blockquote{border-left:5px solid #eee;padding-left:1rem;margin:0}a,a:visited{color:inherit}a:hover,a.heading-link{text-decoration:none}pre{padding:.5rem;overflow:auto;overflow-x:scroll;overflow-wrap:normal}code,pre{font-family:San Francisco Mono,Monaco,consolas,lucida console,dejavu sans mono,bitstream vera sans mono,monospace;font-size:normal;font-size:small;background:#eee}code{margin:.1rem;border:none;overflow:visible;overflow-wrap:anywhere}ul{list-style-type:square}ul,ol{padding-left:1.2rem}.list{line-height:2;list-style-type:none;padding-left:0}.list li{padding-bottom:.1rem}.meta{color:#777}.content{max-width:70ch;margin:0 auto}h2.post{padding-top:.5rem}header ul a:first-child{padding-left:1rem}.nav{height:1px;background:#000;content:'';max-width:10%}.list li{display:flex;align-items:baseline}.list li time{flex:initial}.hr-list{margin-top:0;margin-bottom:0;margin-right:.5rem;margin-left:.5rem;height:1px;border:0;border-bottom:1px dotted #ccc;flex:1 0 1rem}.m,hr{border:0;margin:3rem 0}img{max-width:100%;height:auto}.post-date{margin:5% 0}.index-date{color:#9a9a9a}.animate-blink{animation:opacity 1s infinite;opacity:1}@keyframes opacity{0%{opacity:1}50%{opacity:.5}100%{opacity:0}}.tags{display:flex;justify-content:space-between}.tags ul{padding:0;margin:0}.tags li{display:inline}.avatar{height:120px;width:120px;position:relative;margin:-10px 0 0 15px;float:right;border-radius:50%}table{width:100%;border-collapse:collapse}th,td{border:1px solid #ddd;text-align:left;padding:8px}th{background-color:#f2f2f2}</style> |
| 31 | + |
| 32 | + |
| 33 | + |
| 34 | + <script> |
| 35 | + document.addEventListener('DOMContentLoaded', () => { |
| 36 | + const burger = document.querySelector('.burger'); |
| 37 | + const nav = document.querySelector('.nav-menu'); |
| 38 | + const header = document.querySelector('header'); |
| 39 | + |
| 40 | + if (burger) { |
| 41 | + burger.addEventListener('click', () => { |
| 42 | + nav.classList.toggle('active'); |
| 43 | + header.classList.toggle('menu-open'); |
| 44 | + }); |
| 45 | + |
| 46 | + |
| 47 | + document.addEventListener('click', (e) => { |
| 48 | + if (!header.contains(e.target) && nav.classList.contains('active')) { |
| 49 | + nav.classList.remove('active'); |
| 50 | + header.classList.remove('menu-open'); |
| 51 | + } |
| 52 | + }); |
| 53 | + } |
| 54 | + }); |
| 55 | + </script> |
| 56 | + </head> |
| 57 | + |
| 58 | +<body> |
| 59 | + <a class="skip-link" href="#main">Skip to main</a> |
| 60 | +<main id="main"> |
| 61 | + <div class="content"> |
| 62 | + |
| 63 | +<header> |
| 64 | + <p style="padding: 0;margin: 0;"> |
| 65 | + <a href="//localhost:1313/"> |
| 66 | + <b>My New Hugo Site</b> |
| 67 | + <span class="text-stone-500 animate-blink">▮</span> |
| 68 | + </a> |
| 69 | + </p> |
| 70 | + |
| 71 | + |
| 72 | + <button class="burger" aria-label="Toggle menu"> |
| 73 | + <span></span> |
| 74 | + <span></span> |
| 75 | + <span></span> |
| 76 | + </button> |
| 77 | + <nav class="nav-menu"> |
| 78 | + <ul style="padding: 0;margin: 0;"> |
| 79 | + |
| 80 | + |
| 81 | + <li class=""> |
| 82 | + <a href="/posts/"><span>Post</span></a> |
| 83 | + </li> |
| 84 | + |
| 85 | + <li class=""> |
| 86 | + <a href="/about/"><span>About</span></a> |
| 87 | + </li> |
| 88 | + |
| 89 | + </ul> |
| 90 | + </nav> |
| 91 | + |
| 92 | +</header> |
| 93 | +<hr class="hr-list" style="padding: 0;margin: 0;"> |
| 94 | + <p>The page you requested doesn't exist.</p> |
| 95 | + </div> |
| 96 | +</main> |
| 97 | +</body> |
| 98 | +</html> |
| 99 | + |
0 commit comments