layouts/404.html

   1 <!doctype html>
   2 <html>
   3     <head>
   4         <title>Error 404</title>
   5
   6         <meta charset="utf-8">
   7
   8         <link rel="stylesheet" href="{{ .Site.BaseURL }}css/404.min.css">
   9         <link rel="stylesheet" href="{{ .Site.BaseURL }}css/knopf.min.css">
  10
  11         <!-- Favicons -->
  12         <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
  13         <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
  14         <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
  15         <link rel="manifest" href="/favicon/site.webmanifest">
  16         <link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5">
  17         <link rel="shortcut icon" href="/favicon/favicon.ico">
  18         <meta name="msapplication-TileColor" content="#ffffff">
  19         <meta name="msapplication-config" content="/favicon/browserconfig.xml">
  20         <meta name="theme-color" content="#ffffff">
  21     </head>
  22
  23     <body>
  24 <div class="header-bar">
  25     <a href="/"><h1>Oops! <img src="/img/404_shocked.svg" height="110px" width="110px"/></h1></a>
  26 </div>
  27 <div class="wave">
  28 <img src="/img/404_wave.svg" loading="lazy" draggable="false"></img>
  29 </div>
  30 <div class="center">
  31     <h1>Error 404: This page doesn't exist. <br> How are you looking at it?</h1><br>
  32     <a href="{{ .Site.BaseURL }}" class="knopf block outlined large">Return to Homepage</a>
  33 </div>
  34 <div class="footer center">
  35 <!-- Footer -->
  36 {{ partial "footer.html" . }}
  37 </body>
  38 </html>