<!DOCTYPE html>
<html lang="en" class="h-100" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta content='initial-scale=1.0, width=device-width' name='viewport'>
    <title>onFOSS - Event page</title>
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="stylesheet" href="/assets/css/serverstats.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <script src="https://d3js.org/d3.v7.min.js"></script>
    <script src="/js/serverstats.js"></script>
    <script src="/assets/js/localtime.js"></script>
  </head>
  <body class="d-flex flex-column h-100">
    {% include nav.html %}

    <div class="container flex-grow-1 flex-fill bg-body-secondary p-4">
      <div class="row">
        <div class="col-md-8">
          {{ content }}
        </div>
        <div class="col-6 col-md-4">
          <h5>Live stats</h5>
          {% if site.content.offline %}
          {% include offline.html %}
          {% else %}
          {% include online.html %}
          {% endif %}
        </div>
      </div>
    </div>

  </body>
</html>
