From d2ecf6f3be46cae2948aa7ce8740f3e39a3f04ee Mon Sep 17 00:00:00 2001
From: Samuel Johnson <sjohnson1149@proton.me>
Date: Tue, 17 Mar 2026 12:26:14 -0400
Subject: Add search functionality

---
 ui/html/pages/index.tmpl.html | 18 ++++++++++++++++--
 ui/html/pages/login.tmpl.html |  6 +++---
 2 files changed, 19 insertions(+), 5 deletions(-)

(limited to 'ui/html')

diff --git a/ui/html/pages/index.tmpl.html b/ui/html/pages/index.tmpl.html
index fa5a9bb..5c91ab4 100644
--- a/ui/html/pages/index.tmpl.html
+++ b/ui/html/pages/index.tmpl.html
@@ -14,6 +14,12 @@
             <a href="/login" class="nav_tag right">Login</a>
         {{end}}
     </div>
+    <div class="flex_end right_nofloat">
+        <form action="/search" method="GET">
+            <input type="search" id="search_bar" name="query" placeholder="Search posts..." aria-label="Search for posts">
+            <button type="submit" id="search-button">Search</button>
+        </form>
+    </div>
     {{if .IsAuth}}
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css">
         <script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
@@ -47,10 +53,18 @@
         </a>
         <div class="right">
             {{if ne .Offset 0}}
-                <a href="/?offset={{sub .Offset 10}}" class="nav_tag">Previous</a>
+                {{if eq .SearchTerm ""}}
+                    <a href="/?offset={{sub .Offset 10}}" class="nav_tag">Previous</a>
+                {{else}}
+                    <a href="/search?offset={{sub .Offset 10}}&query={{.SearchTerm}}" class="nav_tag">Previous</a>
+                {{end}}
             {{end}}
             {{if .PagePopulated}}
-                <a href="/?offset={{add .Offset 10}}">Next</a>
+                {{if eq .SearchTerm ""}}
+                    <a href="/?offset={{add .Offset 10}}">Next</a>
+                {{else}}
+                    <a href="/search?offset={{add .Offset 10}}&query={{.SearchTerm}}">Next</a>
+                {{end}}
             {{end}}
         </div>
     </div>
diff --git a/ui/html/pages/login.tmpl.html b/ui/html/pages/login.tmpl.html
index 01dc804..9751ee8 100644
--- a/ui/html/pages/login.tmpl.html
+++ b/ui/html/pages/login.tmpl.html
@@ -5,8 +5,8 @@
     <div class="topline">
         <h2 class="login_header">Log In</h2>
     </div>
-    <div class="card">
-        <form class="login_form center" action="/login" method="POST">
+    <div class="card flex_center">
+        <form class="login_form" action="/login" method="POST">
             <label for="user">Username:</label>
             <input type="text" id="user" name="user">
             <label for="pass_one">Password:</label>
@@ -14,7 +14,7 @@
             <label for="pass_two">Password:</label>
             <input type="text" id="pass_two" name="pass_two">
             <br>
-            <div class="right">
+            <div>
                 <input type="submit" value="Submit">
             </div>
         </form>
-- 
cgit v1.2.3