404 page and maybe deleting threads

5 files changed, 64 insertions, 45 deletions

diff --git a/views/partials/404.ejs b/views/partials/404.ejs
new file mode 100644
index 0000000..081b514
--- /dev/null
+++ b/views/partials/404.ejs
@@ -0,0 +1,5 @@
+<div id="error_404">
+  <a href="/">&larr; back to bucky</a>
+  <br><br>
+  <a href="/"><img src="/assets/img/castro-the-mestizo.jpg"></a>
+</div>
\ No newline at end of file
diff --git a/views/partials/footer.ejs b/views/partials/footer.ejs
index 41d2ce3..163e28b 100644
--- a/views/partials/footer.ejs
+++ b/views/partials/footer.ejs
@@ -1,3 +1,5 @@
+</content>
+<% include ../partials/404 %>
 </body>
 <% include ../partials/scripts %>
 </html>
\ No newline at end of file
diff --git a/views/partials/header.ejs b/views/partials/header.ejs
index d96179d..c810114 100644
--- a/views/partials/header.ejs
+++ b/views/partials/header.ejs
@@ -12,4 +12,5 @@
 <header>
   <h1><%= title %></h1>
   <% include ../partials/searchform %>
-</header>
\ No newline at end of file
+</header>
+<content>
\ No newline at end of file
diff --git a/views/partials/searchform.ejs b/views/partials/searchform.ejs
index 7eea248..12b7ca0 100644
--- a/views/partials/searchform.ejs
+++ b/views/partials/searchform.ejs
@@ -1,4 +1,4 @@
 <form class="search_form" action="/search" method="get">
   <div class='button'></div>
-  <input type="text" name="query">
+  <input type="text" name="query" required>
 </form>
\ No newline at end of file
diff --git a/views/partials/settings.ejs b/views/partials/settings.ejs
index bb5d9e4..adf184e 100644
--- a/views/partials/settings.ejs
+++ b/views/partials/settings.ejs
@@ -2,58 +2,68 @@
   <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 id="thread_controls">
+      <div id="left_side">
+        <form id="thread_fields">
           <div>
-            <input id="thread_title" name="title" type="text">
+            <label for="thread_title">Title</label>
+            <div>
+              <input id="thread_title" name="title" type="text">
+            </div>
           </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" />
+            <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>
+          <div>
+            <label></label>
+            <div id="errors"></div>
+          </div>
+        </form>
+        <br><br>
+        <div class="thread_field">
+          <label style="padding-top: 2px">danger zone:</label>
+          <div><button class="thread_delete">Delete&nbsp;This&nbsp;Thread</button></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>
 </div>
 
 <style>
   #thread_settings h2 {
-    font-size: 20px;
+    font-size: 16px;
     margin: 0;
   }
   #thread_settings .inner {
-    padding: 10px;
+    padding: 20px;
     text-align: left;
   }
   #thread_controls {
@@ -67,18 +77,16 @@
   #thread_fields {
     text-align: left;
   }
+  .thread_field,
   #thread_fields > div {
     display: flex;
     flex-direction: row;
     margin-top: 5px;
   }
-  #thread_fields label {
+  #thread_controls label {
     margin-top: 4px;
     padding-right: 5px;
   }
-  #thread_fields .shim {
-    height: 10px;
-  }
   #thread_fields input[type=text] {
     font-size: 13px;
     width: 200px;
@@ -86,11 +94,14 @@
   }
   #thread_settings .close_link {
     position: absolute;
-    top: 15px;
+    top: 23px;
     right: 10px;
   }
   #thread_fields label {
     display: block;
     width: 80px;
   }
+  .desktop button.thread_delete:hover {
+    background: #ff8288;
+  }
 </style>
\ No newline at end of file