From a932b664db987f2cf9ceefe9bb56e43793470d5e Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sun, 10 Dec 2017 04:42:16 +0100
Subject: style search. LOTTA styling

---
 views/pages/details.ejs | 12 +-----------
 views/pages/index.ejs   | 32 ++++++++++++++++++++++----------
 views/pages/mailbox.ejs |  2 --
 views/pages/message.ejs |  2 --
 views/pages/search.ejs  | 38 ++++++++++++++++++++++++++++++++++++++
 5 files changed, 61 insertions(+), 25 deletions(-)
 create mode 100644 views/pages/search.ejs

(limited to 'views/pages')

diff --git a/views/pages/details.ejs b/views/pages/details.ejs
index b508560..a5db176 100644
--- a/views/pages/details.ejs
+++ b/views/pages/details.ejs
@@ -1,17 +1,7 @@
 <% include ../partials/header %>
 
-<hr>
-
 <div id="details_rapper">
-  <script type="text/html" class="metadata_template">
-    Posted by {{ username }}
-    on {{ date }} {{ time }} 
-    &middot;
-    Last active {{ active }}
-    &middot;
-    {{ views }}
-  </script>
-  
+  <% include ../partials/metadata %>
   <table id="details">
     <tr>
       <td class="left">
diff --git a/views/pages/index.ejs b/views/pages/index.ejs
index 454e358..7919344 100644
--- a/views/pages/index.ejs
+++ b/views/pages/index.ejs
@@ -1,22 +1,34 @@
 <% include ../partials/header %>
 
-<hr>
+<div id="content">
+  <% include ../partials/threads %>
+</div>
 
 <div id="sidebar">
-  <div class="bluebox">
-    <b><big>welcome to bucky</big></b>
-  </div>
   <div class="bluebox" id="searchbox">
-    <form>
-      <input type="text" name="search" autofocus>
+    <b><big>welcome to bucky</big></b>
+
+    <form action="/search" method="get">
+      <input type="text" name="query" autofocus>
       <button>SEARCH</button>
     </form>
+
   </div>
-  <% include ../partials/hootbox %>
-</div>
+  <div class="bluebox">
+    <a href="/post">new post</a> |
+    <a href="/mail">inbox</a> |
+    <a href="/message">message</a> |
+    <a href="/profile">profile</a> |
+    <a href="/logout">logout</a>
+  </div>
+  <span class="lastlog bluebox">
+    <script class="template" type="text/html">
+      <a href="/profile/{{username}}">{{username}}</a>
+      [{{age}}]
+    </script>
+  </span>
 
-<div id="content">
-  <% include ../partials/threads %>
+  <% include ../partials/hootbox %>
 </div>
 
 <% include ../partials/footer %>
diff --git a/views/pages/mailbox.ejs b/views/pages/mailbox.ejs
index 87fa30e..fa06b8e 100644
--- a/views/pages/mailbox.ejs
+++ b/views/pages/mailbox.ejs
@@ -1,7 +1,5 @@
 <% include ../partials/header %>
 
-<hr>
-
 <div id="sidebar">
   <div class="bluebox">
     <b><big>message center</big></b>
diff --git a/views/pages/message.ejs b/views/pages/message.ejs
index bd71a0a..0d1233d 100644
--- a/views/pages/message.ejs
+++ b/views/pages/message.ejs
@@ -1,7 +1,5 @@
 <% include ../partials/header %>
 
-<hr>
-
 <div class="bluebox" id="message">
   <script class="template" type="text/html">
     <a href="/profile/{{sender}}" class="av"><img src="/data/profile/.thumb/al.{{sender}}.jpg"></a>
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 %>
-- 
cgit v1.2.3-70-g09d2