{% extends "page.html" %}

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


<h2>Links Exiting The Front Page</h2>
<table class="table table-striped table-hover">
  <thead class="thead-dark">
<tr>
  <th scope="col">Hang Time</th>
  <th scope="col">Title</th>
  <th scope="col">Highest Rank</th>
  <th scope="col">Time Since Wipeout</th>
</tr>
</thead>
<tbody>
{% for exit in exits %}
<!--
    {{ exit|stringformat:'%#v'}}
-->

    <tr>
      <td scope="row">{{exit.Duration}}</th>
      <td><a href="{{exit.URL}}">{{exit.Title}}</a> <small>(<a
             href="https://news.ycombinator.com/item?id={{exit.HNID}}">comments</a>)</small></td>
      <td>{{exit.HighestRank}}</td>
      <td>{{exit.TimeGone}}</td>
    </tr>
{% endfor %}
 </tbody>
</table>



<h2>Current Top30</h2>
<table class="table table-striped table-hover">
  <thead class="thead-dark">
<tr>
  <th scope="col">Hang Time</th>
  <th scope="col">Title</th>
  <th scope="col">Highest Rank</th>
</tr>
</thead>
<tbody>
{% for i in current %}

    <tr>
      <td scope="row">{{i.Duration}}</th>
      <td><a href="{{i.URL}}">{{i.Title}}</a> <small>(<a
             href="https://news.ycombinator.com/item?id={{i.HNID}}">comments</a>)</small></td>
      <td>{{i.HighestRank}}</td>
    </tr>
{% endfor %}
 </tbody>
</table>



<small>{{ time }}</small>
</div>
{% endblock %}