<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title>abtmtr.link</title>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="stylesheet" href="/assets/style.css" />
</head>

<body>
  <div class="fakemain">
    <%- include("../components/header.ejs") %>
  </div>
  <main>
    <% statuses.forEach((status) => { %>
      <div class="boxThing">
        <h1><%= status.title %></h1>
        <p><%= status.description %></p>
        <p><%= status.when.month %> <%= status.when.year %></p>
      </div>
    <% }) %>
    <p class="tagline">abtmtr.link is a domain for all kinds of services, from web search to live-streaming.</p>
    <%- include("../components/about-boxes.ejs") %>
  </main>
  <%- include("../components/footer.ejs") %>
  <script src="/assets/script.js"></script>
</body>

</html>