offline.html

<!doctype html>
<html>
  <head>
    <title>Status: Offline</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="stylesheets/styles.min.css">
  </head>
  <body>
    <article>
      <div class="meta">
        <h1 class="title">Status Offline</h1>
      </div>
      <section class="offline">
        <p>The tumbeasts are to be blamed, as it seems you have been voted off the Internet.</p>
        <p>This site makes use of a <a href="https://developers.google.com/web/fundamentals/getting-started/primers/service-workers">service worker</a>, which is probably why you can actually see this page.</p>
        <figure>
          <img alt="thar be tumbeasts" src="https://edm00se.io/assets/images/tbrun1.png" />
          <figcaption><a href="https://theoatmeal.com/comics/state_web_summer#tumblr">Tumbeasts provided</a>, courtesy of <a href="https://twitter.com/oatmeal">@Oatmeal</a>.</figcaption>
        </figure>
      </section>
    </article>
  </body>
</html>