<!doctype html>
<html class="codeberg-design">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>{{.StatusText}}</title>

    <link rel="stylesheet" href="https://design.codeberg.org/design-kit/codeberg.css" />
    <link rel="stylesheet" href="https://fonts.codeberg.org/dist/inter/Inter%20Web/inter.css" />

    <style>
      body {
        margin: 0;
        padding: 1rem;
        box-sizing: border-box;
        width: 100%;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
      code {
        border-radius: 0.25rem;
        padding: 0.25rem;
        background-color: silver;
      }
    </style>
  </head>
  <body>
    <svg xmlns="http://www.w3.org/2000/svg" height="10em" viewBox="0 0 24 24" fill="var(--blue-color)">
      <path
        d="M 9 2 C 5.1458514 2 2 5.1458514 2 9 C 2 12.854149 5.1458514 16 9 16 C 10.747998 16 12.345009 15.348024 13.574219 14.28125 L 14 14.707031 L 14 16 L 19.585938 21.585938 C 20.137937 22.137937 21.033938 22.137938 21.585938 21.585938 C 22.137938 21.033938 22.137938 20.137938 21.585938 19.585938 L 16 14 L 14.707031 14 L 14.28125 13.574219 C 15.348024 12.345009 16 10.747998 16 9 C 16 5.1458514 12.854149 2 9 2 z M 9 4 C 11.773268 4 14 6.2267316 14 9 C 14 11.773268 11.773268 14 9 14 C 6.2267316 14 4 11.773268 4 9 C 4 6.2267316 6.2267316 4 9 4 z"
      />
    </svg>
    <h1 class="mb-0 text-primary">{{.StatusText}} ({{.StatusCode}})!</h1>
    <h5 class="text-center" style="max-width: 25em">
      <p>Sorry, but this page couldn't be served.</p>
      <p><b>"{{.Message}}"</b></p>
      <p>
        We hope this isn't a problem on our end ;) - Make sure to check the
        <a href="https://docs.codeberg.org/codeberg-pages/troubleshooting/" target="_blank"
          >troubleshooting section in the Docs</a
        >!
      </p>
    </h5>
    <small class="text-muted">
      <img src="https://design.codeberg.org/logo-kit/icon.svg" class="align-top" />
      Static pages made easy -
      <a href="https://codeberg.page">Codeberg Pages</a>
    </small>
  </body>
</html>