From 1e0e9872e6298ecf75662dc12c6b70fe599e7350 Mon Sep 17 00:00:00 2001
From: Will Faught <willfaught@users.noreply.github.com>
Date: Fri, 16 Dec 2022 21:38:46 -0800
Subject: [PATCH] Remove English words from search page

---
 layouts/partials/paige-search.html | 32 ++++++++++++++++++++++++------
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/layouts/partials/paige-search.html b/layouts/partials/paige-search.html
index d2fc6769..af27e9a8 100644
--- a/layouts/partials/paige-search.html
+++ b/layouts/partials/paige-search.html
@@ -2,27 +2,47 @@
     <form action="{{ .Page.RelPermalink }}" dir="auto" method="get">
         <div class="justify-content-center mb-3 row">
             <div class="col col-sm-8 col-md-7 col-lg-6 col-xl-5 col-xxl-4">
-                <input aria-label="Query" class="form-control" id="query" name="q" type="search" placeholder="Query">
+                <input class="form-control" id="query" name="q" type="search">
             </div>
         </div>
         <div class="justify-content-center mb-3 row">
             <div class="col col-auto">
-                <button class="btn btn-primary" type="submit">Search</button>
+                <button class="btn btn-primary" type="submit">
+                    <i class="bi bi-search">
+                        <span class="visually-hidden">🔎</span>
+                    </i>
+                </button>
             </div>
         </div>
     </form>
 </div>
 <div id="paige-error" style="display: none">
-    <p class="lead text-center text-danger">Error</p>
+    <p class="text-center">
+        <i class="bi bi-exclamation-triangle display-6 text-danger">
+            <span class="visually-hidden">😨</span>
+        </i>
+    </p>
 </div>
 <div id="paige-nothing" style="display: none">
-    <p class="lead text-center">Found nothing</p>
+    <p class="text-center">
+        <i class="bi bi-x-circle display-6 text-danger">
+            <span class="visually-hidden">👎</span>
+        </i>
+    </p>
 </div>
 <div id="paige-searching" style="display: none">
-    <p class="lead text-center">Searching...</p>
+    <div class="mb-3 text-center">
+        <div class="spinner-border text-primary" role="status">
+            <span class="visually-hidden">👀</span>
+        </div>
+    </div>
 </div>
 <div id="paige-something" style="display: none">
-    <p class="lead text-center">Found something</p>
+    <p class="text-center">
+        <i class="bi bi-check-circle display-6 text-success">
+            <span class="visually-hidden">👍</span>
+        </i>
+    </p>
 </div>
 <script crossorigin="anonymous" defer integrity="sha384-1LalyFI+BycKouEClZE5CoFnlLr+Kx8Wslc45o5NATVo+c2mEh02i8HNaaT7XOdQ" referrerpolicy="no-referrer" src="https://cdn.jsdelivr.net/gh/nextapps-de/flexsearch@0.7.31/dist/flexsearch.bundle.js"></script>
 <script>