1 files changed, 54 insertions, 0 deletions

diff --git a/src/views/search.pug b/src/views/search.pug
new file mode 100644
index 0000000..216875f
--- /dev/null
+++ b/src/views/search.pug
@@ -0,0 +1,54 @@
+include ../mixins/header
+include ../mixins/head
+
+doctype html
+html
+  +head("search subreddits")
+  include ../mixins/subUtils
+  body
+    main#content
+      +header(user)
+      div.hero
+        h1 search subreddits
+
+        form(action="/sub-search" method="get").search-bar
+          - var prefill = original_query ?? "";
+          input(type="text" name="q" placeholder="search subreddits" value=prefill required).search-input
+          button(type="submit").search-button go
+
+        h1 search posts
+
+        form(action="/post-search" method="get").search-bar
+          - var prefill = original_query ?? "";
+          input(type="text" name="q" placeholder="search posts" value=prefill required).search-input
+          button(type="submit").search-button go
+
+        hr
+
+        h3 tips
+        p 
+          | you can narrow search results using filters:
+          br
+          - 
+            var triples = [
+                ["subreddit", "ohio", "find submissions in 'r/ohio'"],
+                ["author", "spez", "find submissions by 'u/spez'"],
+                ["site", "x.com", "find submissions from 'x.com'"],
+                ["url", "text", "search for 'text' in url"],
+                ["selftext", "text", "search for 'text' in post contents"],
+                ["self", "yes/no", "include/exclude selftext posts"],
+                ["nsfw", "yes/no", "include/exclude over-18 posts"],
+             ]
+
+          ul
+            each triple in triples
+              li
+                strong
+                  | #{triple[0]}:
+                  em #{triple[1]}
+                |     #{triple[2]}
+          | example:
+          br
+          |    
+          code subreddit:iowa site:x.com elections
+