CINXE.COM
404
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5"> <title>404</title> <link rel="icon" href="/logo.png"> <link rel="apple-touch-icon" href="/logo.png"> <style> :root { --width: 50rem; --font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-secondary: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-scale: 1.2em; --background-color: #0d1117; --heading-color: #e3e9f0; --text-color: #c9d1d9; --link-color: #f2c488; --visited-color: #966556; --code-background-color: #000; --code-color: #c9d1d9; --blockquote-color: #c9d1d9; --blogroller-border-color: #3c3836; --blogroller-feed-title-color: #d79921; --blogroller-feed-title-hover-bg: #d79921; --blogroller-feed-title-hover-color: #282828; --blogroller-link-color: #83a598; --blogroller-text-italic-color: #98971a; --blogroller-text-italic-hl-color: #b8bb26; } .upvote-button { display: none !important; } .page header h1 { display: none; } .post header h1 { display: none; } body { font-family: var(--font-secondary); font-size: var(--font-scale); margin: 50px auto; padding: 20px; max-width: var(--width); background-color: var(--background-color); color: var(--text-color); line-height: 1.5; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-main); color: var(--heading-color); } a { color: var(--link-color); text-decoration: none; } a:hover { text-decoration: underline; } nav { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height: 80px; z-index: 999; backdrop-filter: blur(5px); display: flex; align-items: center; } nav p { width: var(--width); margin: 0 auto; padding: 0 20px; } nav a { margin-right: 15px; font-size: 0.9em; } main { line-height: 1.6; } img { max-width: 100%; } blockquote { border-left: 1px solid #999; color: var(--blockquote-color); padding-left: 20px; font-style: italic; } footer { padding: 25px 0; text-align: center; } .title h1 { color: var(--link-color); } .inline { width: auto !important; } #rss-widget { max-width: var(--width); margin: 20px auto; background-color: transparent; color: var(--text-color); } #rss-feed li { display: flex; align-items: center; margin-bottom: 15px; } #rss-feed img { margin-right: 8px; width: 20px; height: 20px; border-radius: 50%; object-fit: cover; } #rss-feed h2 { font-size: 1em; color: var(--blogroller-feed-title-color); } #rss-feed h2 a { color: var(--blogroller-link-color); } #rss-feed h2 a:hover { color: var(--blogroller-link-hover-color); } .blogroller-feed-title-link { color: var(--blogroller-feed-title-color); } .blogroller-feed-title-link:hover { color: var(--blogroller-feed-title-hover-color); } .blogroller-reading-time { display: none; } .blogroller-separator { display: none; } .footnotes ol li a.footnote { font-family: "DejaVu Serif", serif !important; font-size: inherit; text-decoration: none; } </style> </head> <body class="not-found" onload="(function() { document.cookie = `timezone=${Intl.DateTimeFormat().resolvedOptions().timeZone};path=/`; })()"> <header> <a class="title" href="/"> <h1> New School Revolution </h1> </a> <nav> </nav> </header> <main> <div style="text-align: center; display: flex; flex-flow: column; justify-content: center; height: calc(100vh - 70px);"> <h1>404</h1> <h2>ʕノ•ᴥ•ʔノ ︵ ┻━┻</h2> <p> It looks like this page doesn't exist. <br> Let's get you <a href="/">back home</a>. </p> </div> </main> <footer style="padding:25px 0;"> </footer> </body> </html>