{% extends "layout.jinja2" %}

{% block content %}
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">

  <header class="mb-auto">
    <div>
      <h3 class="float-md-start mb-0 text-white">
        CSIT-Dash
      </h3>
    </div>
  </header>

  <main class="px-3">
    <img class="d-block mx-auto mb-4" src="{{ url_for('static', filename='img/logo.svg') }}" alt="" width="72" height="57">
    <h1 class="text-white">
      {{ title }}
    </h1>
    <p class="lead"> 
      {{ description }}
    </p>
    <p class="lead">
      <p>
        <a href="/trending/" class="btn btn-primary fw-bold w-25">
          {{ trending_title }}
        </a>
      </p>
      <p>
        <a href="/report/" class="btn btn-primary fw-bold w-25"> 
          {{ report_title }}
        </a>
      </p>
      <p>
        <a href="/stats/" class="btn btn-primary fw-bold w-25">
          {{ stats_title }}
        </a>
      </p>
      <p>
        <a href="/news/" class="btn btn-primary fw-bold w-25">
          {{ news_title }}
        </a>
      </p>
    </p>
  </main>

  <footer class="mt-auto text-white-50">
    <p>Copyright © 2016-2022 <a href="https://fd.io" class="text-white">The Fast Data Project</a>, a series of LF Projects, LLC.</p>
  </footer>
</div>
{% endblock %}