From b120c61343b2f738b7d19fde8c92fbcc377f9441 Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Sun, 27 Sep 2020 17:40:12 +0300
Subject: Initial prediction rendering in template

---
 iss/templates/index.html | 32 ++++++++++++++++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)

(limited to 'iss/templates/index.html')

diff --git a/iss/templates/index.html b/iss/templates/index.html
index a02b312..6c93254 100644
--- a/iss/templates/index.html
+++ b/iss/templates/index.html
@@ -1,6 +1,34 @@
 {% extends "base.html" %}
 
 {% block content %}
-<h1 class="f1 moon-gray">ISS Pass Predictions</h1>
-<p class="light-red">Upcoming passes of the <a href="https://en.wikipedia.org/wiki/International_Space_Station" class="link red dim">International Space Station</a> at your location over the next 10 days.</p>
+<table class="ba tl pa1">
+    <tr class="ba tc pa1 f3">
+        <th colspan="2">Rise</th>
+        <th colspan="4">Culminate</th>
+        <th colspan="2">Set</th>
+    </tr>
+    <tr class="pa1 f4">
+        <th>Time</th>
+        <th>Azimuth</th>
+        <th>Time</th>
+        <th>Azimuth</th>
+        <th>Elevation</th>
+        <th>Distance</th>
+        <th>Time</th>
+        <th>Azimuth</th>
+    </tr>
+    {% for pred in predictions %}
+    <tr class="pa1">
+        <td>{{ pred.rise.time }}</td>
+        <td>{{ pred.rise.azimuth }}</td>
+        <td>{{ pred.culminate.time }}</td>
+        <td>{{ pred.culminate.azimuth }}</td>
+        <td>{{ pred.culminate.degrees }}</td>
+        <td>{{ pred.culminate.distance }}</td>
+        <td>{{ pred.set.time }}</td>
+        <td>{{ pred.set.azimuth }}</td>
+    </tr>
+    {% endfor %}
+
+</table>
 {% endblock %}
-- 
cgit v1.3.1