alpha version

view/base.html

@@ -16,6 +16,11 @@
 body {
     background: #f6f6ef;
 }
+
+#pagebody {
+    margin-top: 4em;
+}
+
 </style>
 
 </head>

view/index.html

@@ -2,8 +2,61 @@
 
 {% block content %}
 <div class="col-lg-12">
-<h1>Index Page</h1>
 
-<h2>{{ time }}</h2>
+
+<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 %}

view/page.html

@@ -3,7 +3,7 @@
 {% block body %}
     {% include "navbar.html" %}
     <!-- Page Content -->
-    <div class="container">
+    <div class="container" id="pagebody">
         <div class="row">
             {% block content %}
             <div class="col-lg-12 text-center">