1 files changed, 96 insertions, 0 deletions
diff --git a/views/partials/settings.ejs b/views/partials/settings.ejs
new file mode 100644
index 0000000..bb5d9e4
--- /dev/null
+++ b/views/partials/settings.ejs
@@ -0,0 +1,96 @@
+<div class="modal" id="thread_settings">
+  <div class="inner">
+    <h2>thread settings</h2>
+    <a class="close_link">exit settings</a>
+    <form id="thread_controls">
+      <div id="thread_fields">
+        <div>
+          <label for="thread_title">Title</label>
+          <div>
+            <input id="thread_title" name="title" type="text">
+          </div>
+        </div>
+<!--
+        <div>
+          <label for="thread_bg">Background</label>
+          <div>
+            <input id="thread_bg" name="bg" type="text" placeholder="Enter URL"><br>
+            <img id="thread_bg_img" />
+          </div>
+        </div>
+-->
+        <div class="dropdown">
+          <label for="thread_color">Color</label>
+          <select id="thread_color" name="color"></select>
+        </div>
+        <div class="dropdown">
+          <label for="thread_keyword">Keyword</label>
+          <select id="thread_keyword" name="keyword"></select>
+        </div>
+        <div>
+          <label for="thread_hoots">hoot style</label>
+          <input id="thread_hoots" name="hoots" value="0" type="hidden">
+          <input id="thread_hoots" name="hoots" value="1" type="checkbox">
+        </div>
+        <div>
+          <label for="thread_shorturls">shorten urls</label>
+          <input id="thread_shorturls" name="shorturls" value="0" type="hidden">
+          <input id="thread_shorturls" name="shorturls" value="1" type="checkbox">
+        </div>
+        <div>
+          <label></label>
+          <input id="thread_submit" value="Save" type="submit">
+        </div>
+      </form>
+    
+    </div>
+  </div>
+</div>
+
+<style>
+  #thread_settings h2 {
+    font-size: 20px;
+    margin: 0;
+  }
+  #thread_settings .inner {
+    padding: 10px;
+    text-align: left;
+  }
+  #thread_controls {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: row;
+  }
+  #thread_controls > div {
+    max-width: 50%;
+  }
+  #thread_fields {
+    text-align: left;
+  }
+  #thread_fields > div {
+    display: flex;
+    flex-direction: row;
+    margin-top: 5px;
+  }
+  #thread_fields label {
+    margin-top: 4px;
+    padding-right: 5px;
+  }
+  #thread_fields .shim {
+    height: 10px;
+  }
+  #thread_fields input[type=text] {
+    font-size: 13px;
+    width: 200px;
+    transform: translateY(-2px);
+  }
+  #thread_settings .close_link {
+    position: absolute;
+    top: 15px;
+    right: 10px;
+  }
+  #thread_fields label {
+    display: block;
+    width: 80px;
+  }
+</style>
+\ No newline at end of file