<html>
    <head>
        <meta charset="UTF-8"/>
        <meta name="description" content="OwlBoard - Live train departures for traincrew."/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="application-name" content="OwlBoard">
        <meta name="author" content="Frederick Boniface">
        <meta name="theme-color" content="#155bb7">
        <link rel="stylesheet" type="text/css" href="./styles/main.css"/>
        <link rel="icon" type="image/svg+xml" href="./images/icon.svg"/>
        <link rel="manifest" type="application/json" href="./manifest.json"/>
        <!-- NO SCRIPTS LOADED - NOT REQUIRED AT PRESENT -->
        <title>OwlBoard - Error</title>
    </head>
    <body>
      <div id="top_button" class="hide_micro">
        <button aria-label="Back" class="sidebar_control" onclick="history.back()">&#8678;</button>
      </div>
      <picture>
        <source srcset="/images/logo/wide_logo.svg" type="image/svg+xml">
        <source media="(max-height: 739px)" srcset="/images/logo/logo-full-200.png" type="image/png">
        <source srcset="/images/logo/logo-full-250.png" type="image/png">
        <img class="titleimg" src="/images/logo/logo-full-250.png" alt="OwlBoard Logo">
      </picture>
      <h2>Oh no!</h2>
        <p>OwlBoard has encountered a Connection Error</p>
        <p>Check your data connection and try again</p>
        <p>Go to the <a href="/">homepage</a></p>
        <br>
        <p>Error Code: CERR</p>
    </body>
</html>