style search. LOTTA styling

1 files changed, 38 insertions, 0 deletions

diff --git a/views/pages/search.ejs b/views/pages/search.ejs
new file mode 100644
index 0000000..0bf7819
--- /dev/null
+++ b/views/pages/search.ejs
@@ -0,0 +1,38 @@
+<% include ../partials/header %>
+
+<div id="content">
+
+  <div id="search">
+    <form action="/search" method="get" style="margin: 10px;">
+      <input type="text" name="query" autofocus>
+      <button>SEARCH</button>
+    </form>
+
+    <div id="results">
+      <div class="preamble">
+        Results for <b class="query"></b> (<span class='total'></span> results)
+      </div>
+      <% include ../partials/metadata %>
+      <script type="text/html" class="template">
+        <div class='result'>
+          <div class='desc'>
+            <a href="/details/{{thread_id}}" class='search_hit'>
+              {{title}}
+            </a>
+            <div class='meta'>{{meta}}</div>
+            <div class='snippet'>{{comment}}</div>
+            <div class='file'>{{file}}</div>
+          </div>
+          <a href="/details/{{thread_id}}">
+            <div class='image' style='background-image:url({{image}})'></div>
+          </a>
+        </div>
+      </script>
+    </div>
+    
+    <a class="next_page" href="">Next page</a>
+  </div>
+
+</div>
+
+<% include ../partials/footer %>