{% extends "page.html" %}

{% block content %}
<div class="col-lg-12">


<h2>feta overview</h2>


<div class="card m-5">
  <h5 class="card-header">Instances</h5>
  <div class="card-body">
      <h5 class="card-title">Tracking {{ instances | length }} instances
          across the Fediverse.</h5>
    <!-- 
        <p class="card-text">
        </p> -->

    <a href="/instances" class="btn btn-primary">View Instance List</a>
  </div>
</div>

<div class="card m-5">
  <h5 class="card-header">Toots</h5>
  <div class="card-body">
      <h5 class="card-title">I have {{ tootCount }} toots
          in my database.</h5>
    <a href="/toots" class="btn btn-primary">View Latest Toots</a>
  </div>
</div>

<div class="card m-5">
  <h5 class="card-header">Recent Events</h5>
  <div class="card-body">
      <h5 class="card-title">Last n System Events</h5>

        <p class="card-text"> Discovered instance toot1.example.com </p>
        <p class="card-text"> Discovered instance toot2.example.com </p>
        <p class="card-text"> Discovered instance toot3.example.com </p>
        <p class="card-text"> Discovered instance toot4.example.com </p>

  </div>
</div>


</div>
{% endblock %}