1 files changed, 117 insertions, 0 deletions
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..3654855
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>Tidsreg</title>
+
+    <style>
+.flex {
+  display: flex;
+}
+
+.flex-grow {
+  flex-grow: 1;
+}
+
+.just-start {
+  justify-content: flex-start;
+}
+
+.week-bar {
+  margin-left: 10px;
+  border: 1px solid black;
+}
+
+.status-started {
+  border-color: green;
+}
+
+.entry-bar {
+  border-width: 3px;
+  border-style: solid;
+  padding: 10px;
+}
+
+.entry-box {
+}
+
+#controls-bar {
+  margin-bottom: 10px;
+}
+    </style>
+
+  </head>
+  <body>
+    <div id="controls-bar">
+      <button>I går</button>
+      <input type="date"</input>
+      <button>I morgen</button>
+    </div>
+    <div class="flex">
+      <div class="status-started entry-bar">
+        <div class="flex just-start">
+          <div class="entry-box">
+            <b>Interval</b>
+            <div>
+              <label for="fromTime">Fra: </label>
+              <input id="fromTime" type="time" class="form-control" aria-label="Time start">
+            </div>
+            <div>
+              <label for="toTime">Til: </label>
+              <input id="toTime" type="time" class="form-control" aria-label="Time stop">
+            </div>
+          </div>
+          <div class="entry-box">
+            <b>Mærker</b><br>
+            <select>
+              <option value="-">-</option>
+              <option value="SVT-232">SVT-232</option>
+              <option value="Ferie">Ferie</option>
+            </select><br>
+            <select>
+              <option value="-">-</option>
+              <option value="SVT-232">SVT-232</option>
+              <option value="Ferie">Ferie</option>
+            </select>
+          </div>
+          <div class="entry-box">
+            <b>Kommentar</b><br>
+            <textarea></textarea>
+          </div>
+          <div class="entry-box">
+            <b>Status</b><br>
+            <i class="status-started">I gang</i><br>
+            <span>1:34 timer</span>
+          </div>
+        </div>
+        <button>Start ny</button>
+      </div>
+      <div class="flex-grow week-bar">
+        <b>Uge 42</b>
+      </div>
+    </div>
+    <div class="flex">
+      <div class="flex-grow">
+        <table>
+          <thead>
+            <th>-</th>
+            <th>Fra</th>
+            <th>Til</th>
+            <th>Mærker</th>
+            <th>Beskrivelse</th>
+          </thead>
+          <tbody>
+            <tr>
+              <td><input type="checkbox" /></td>
+              <td><input type="time" /></td>
+              <td></td>
+              <td>Ferie, SVT-232</td>
+              <td>Ting og sager</td>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </body>
+</html>