add search page, support spoiler/nsfw imgs

src/assets/missing.svg

···
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+    <rect x="2" y="2" width="196" height="196" style="fill:#999;stroke:#000000"/>
+    <text x="50%" y="50%" font-size="36" text-anchor="middle" alignment-baseline="middle" font-family="monospace, sans-serif" fill="#000000">
+        missing
+    </text>
+    <style/>
+</svg>
+
+

src/assets/nsfw.svg

···
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+    <rect x="2" y="2" width="196" height="196" style="fill:#ff123a;stroke:#000000"/>
+    <text x="50%" y="50%" font-size="36" text-anchor="middle" alignment-baseline="middle" font-family="monospace, sans-serif" fill="#000000">
+        nsfw
+    </text>
+    <style/>
+</svg>

src/assets/spoiler.svg

···
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
+    <rect x="2" y="2" width="196" height="196" style="fill:#999;stroke:#000000"/>
+    <text x="50%" y="50%" font-size="36" text-anchor="middle" alignment-baseline="middle" font-family="monospace, sans-serif" fill="#000000">
+        spoiler
+    </text>
+    <style/>
+</svg>
+

src/auth.js

···
 
 function authenticateAdmin(req, res, next) {
 	if (!req.cookies || !req.cookies.auth_token) {
-		return res.redirect("/login");
+		return res.redirect(
+			`/login?redirect=${encodeURIComponent(req.originalUrl)}`,
+		);
 	}
 
 	const token = req.cookies.auth_token;

src/index.js

···
 app.use(express.json());
 app.use(express.urlencoded({ extended: true }));
 app.use(express.static(path.join(__dirname, "public")));
+app.use(express.static(path.join(__dirname, "assets")));
 app.use(cookieParser());
 app.use(
 	rateLimit({

src/mixins/post.pug

···
           img(src=item.url onclick=`toggleDetails('${p.id}')`) 
         else if isPostImage(p)
           - var url = postThumbnail(p)
-          img(src=url onclick=`toggleDetails('${p.id}')`) 
+          img(src=url onclick=`toggleDetails('${p.id}')`)
         else if isPostVideo(p)
           - var url = p.secure_media.reddit_video.scrubber_media_url
           video(src=url data-dashjs-player width='100px' height='100px' onclick=`toggleDetails('${p.id}')`)

src/mixins/postUtils.pug

···
   }
 -
   function isPostImage(p) {
-    return (p.post_hint == "image" && p.thumbnail && p.thumbnail != "self" && p.thumbnail != "default");
+    const imgRe = /\.(png|jpg|jpeg|gif|webp|bmp|tiff|svg)$/i;
+    return (p.post_hint == "image" && p.thumbnail && p.thumbnail != "self" && p.thumbnail != "default")
+      || imgRe.test(p.url);
   }
 -
   function postThumbnail(p) {
-    if (p.thumbnail == "image") {
-        return p.url
+    if (p.thumbnail == "image" || p.thumbnail == "") {
+        return p.url;
+    } else if (p.over_18) {
+        return "/nsfw.svg";
+    } else if (p.thumbnail == "spoiler") {
+        return "/spoiler.svg";
     } else {
         return p.thumbnail;
     }

src/public/styles.css

···
 .info-item, .header-item, .footer-item {
   margin-right: 14px;
 }
- 
-.media-preview img,
-.media-preview video {
-  object-fit: cover;
-}
 
 .media-preview img,
 .media-preview video {
+  object-fit: cover;
   width: 4rem;
   height: 4rem;
 }
···
   flex-direction: column;
   gap: 20px;
 }
+
+.about {
+  padding-bottom: 20px;
+}

src/routes/index.js

···
 			items.length === 0
 				? "no results found"
 				: `showing ${items.length} results`;
-		res.render("sub-search", { items, subs, after, message, user: req.user });
+		res.render("sub-search", {
+			items,
+			subs,
+			after,
+			message,
+			user: req.user,
+			original_query: req.query.q,
+		});
 	}
 });
 

src/views/comments.pug

···
                 a(href=`/media/${item.url}`)
                   img(src=item.url loading="lazy")
         else if isPostImage(post)
-          img(src=post.url).post-media
+          a(href=`/media/${post.url}`)
+            img(src=post.url).post-media
         else if isPostVideo(post)
           - var url = post.secure_media.reddit_video.dash_url
           video(controls data-dashjs-player src=`${url}`).post-media

src/views/index.pug

···
               else
                 button(onclick=`toggleSub('${subreddit}')` id=`thinger_${subreddit}`) subscribe
         if about && !isMulti
-          p #{about.public_description}
+          div.about #{about.public_description}
         else 
-          p 
+          div.about 
             | consider donating to 
             a(href="https://donate.stripe.com/dR62bTaZH1295Da4gg") oppiliappan
             |, author of readit

src/views/sub-search.pug

···
       div.hero
         h1 search subreddits
         form(action="/search" method="get").search-bar
-          input(type="text" name="q" placeholder="search subreddits (add +nsfw to include over-18 results)" required).search-input
+          - var prefill = original_query ?? "";
+          input(type="text" name="q" placeholder="search subreddits (add +nsfw to include over-18 results)" value=prefill required).search-input
           button(type="submit").search-button go
         if message
           div.search-message