Seperate table list into seperate template

9 years ago · bc4eaeaae5
2 changed files with 55 additions and 52 deletions
--- a/views/index.html
+++ b/views/index.html
@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Tor Explorer</title>
+  </head>
+  <body>
+
+    <header>
+      <h1>Tor Explorer</h1>
+      <form>
+        <label>
+          Search
+          <input type="search" name="s" value="{{ req.query.s }}">
+        </label>
+      </form>
+    </header>
+
+    <main>
+      {% block main %}{% endblock %}
+    </main>
+
+    <footer>
+      <a target="_blank" href="https://github.com/lukechilds/tor-explorer">Source code</a> - <a target="_blank" href="https://github.com/lukechilds/tor-explorer/issues">Report a bug</a>
+    </footer>
+
+  </body>
+</html>
--- a/views/listing.html
+++ b/views/listing.html
@ -1,23 +1,6 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <title>Tor Explorer</title>
-  </head>
-  <body>
-
-    <header>
-      <h1>Tor Explorer</h1>
-      <form>
-        <label>
-          Search
-          <input type="search" name="s" value="{{ req.query.s }}">
-        </label>
-      </form>
-    </header>
-
-    <main>
+{% extends 'index.html' %}

+{% block main %}
 <table>
  <thead>
    <tr>
@ -42,12 +25,4 @@
    {% endfor %}
  </tbody>
 </table>
-
-    </main>
-
-    <footer>
-      <a target="_blank" href="https://github.com/lukechilds/tor-explorer">Source code</a> - <a target="_blank" href="https://github.com/lukechilds/tor-explorer/issues">Report a bug</a>
-    </footer>
-
-  </body>
-</html>
+{% endblock %}