1 files changed, 57 insertions, 0 deletions
diff --git a/template/topic_list.st b/template/topic_list.st
new file mode 100644
index 0000000..dc7199e
--- /dev/null
+++ b/template/topic_list.st
@@ -0,0 +1,57 @@
+<html>
+  <head>
+    <title>Topic List</title>
+    $head()$
+    <script src="/static/js/topiclist.js"></script>
+    <style>
+        #main {
+            margin: 75px 2em 0 2em;
+        }   
+        #main hr { margin-bottom: 0.5em; }
+        #main label {
+            display: inline-block;
+            width: 150px;
+        }
+        #main .deadline {
+            width: 100px;
+        }
+    </style>
+  </head>
+  <body>
+    $banner()$
+    <div id="main">
+    $rooms:{ r |    
+    <div id="room-$r.key$" class="room-section">
+    <h1>$r.key$</h1>
+    <hr>
+
+    $if(r.topic)$
+        <b>$r.topic$</b> by <b>$r.maker$</b> expires <b>$r.deadline$  </b>
+    $else$
+        <span>No current topic!</span>
+    $endif$
+    <br><br>
+    <div><label>New Topic</label><input type="text" name="topic"></div>
+    <div>
+        <label>Expires in</label>
+        <input type="text" class="deadline" name="hours"></input> hours, 
+        <input type="text" class="deadline" name="minutes"></input>
+        <span>minutes</span>
+        <span class="deadline-update">
+    </div>
+    <div><label>Maker</label><input type="text" name="maker" value="$user_nick$"></div>
+    <br>
+    <div>
+        <input class="set-topic" type="submit" value="Set new topic!">
+        $if(r.topic)$
+        <input class="end-topic" type="submit" value="End topic">
+        $endif$
+        <img class="spinner" src="/static/spinner.gif" style="display: none"/>
+    </div>
+    <br><br><br><br>
+    </div>
+    }$
+    </div>
+
+  </body>
+</html>