From da667eb34cc5f6c69133eb7937d0db0ae0e49ccf Mon Sep 17 00:00:00 2001
From: Will Faught <willfaught@users.noreply.github.com>
Date: Fri, 16 Dec 2022 22:46:08 -0800
Subject: [PATCH] Localize search page text

---
 i18n/en.yaml                       | 17 +++++++++++++++++
 layouts/partials/paige-search.html | 16 ++++++----------
 2 files changed, 23 insertions(+), 10 deletions(-)
 create mode 100644 i18n/en.yaml

diff --git a/i18n/en.yaml b/i18n/en.yaml
new file mode 100644
index 00000000..f85358c3
--- /dev/null
+++ b/i18n/en.yaml
@@ -0,0 +1,17 @@
+paige_search_button:
+  other: Search
+
+paige_search_error:
+  other: Error
+
+paige_search_input:
+  other: Query
+
+paige_search_nothing:
+  other: Nothing found
+
+paige_search_searching:
+  other: Searching
+
+paige_search_something:
+  other: Something found
diff --git a/layouts/partials/paige-search.html b/layouts/partials/paige-search.html
index af27e9a8..7d6ae757 100644
--- a/layouts/partials/paige-search.html
+++ b/layouts/partials/paige-search.html
@@ -2,16 +2,12 @@
     <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 class="form-control" id="query" name="q" type="search">
+                <input class="form-control" id="query" name="q" placeholder="{{ i18n `paige_search_input` }}" type="search">
             </div>
         </div>
         <div class="justify-content-center mb-3 row">
             <div class="col col-auto">
-                <button class="btn btn-primary" type="submit">
-                    <i class="bi bi-search">
-                        <span class="visually-hidden">🔎</span>
-                    </i>
-                </button>
+                <button class="btn btn-primary" type="submit">{{ i18n `paige_search_button` }}</button>
             </div>
         </div>
     </form>
@@ -19,28 +15,28 @@
 <div id="paige-error" style="display: none">
     <p class="text-center">
         <i class="bi bi-exclamation-triangle display-6 text-danger">
-            <span class="visually-hidden">😨</span>
+            <span class="visually-hidden">{{ i18n `paige_search_error` }}</span>
         </i>
     </p>
 </div>
 <div id="paige-nothing" style="display: none">
     <p class="text-center">
         <i class="bi bi-x-circle display-6 text-danger">
-            <span class="visually-hidden">👎</span>
+            <span class="visually-hidden">{{ i18n `paige_search_nothing` }}</span>
         </i>
     </p>
 </div>
 <div id="paige-searching" style="display: none">
     <div class="mb-3 text-center">
         <div class="spinner-border text-primary" role="status">
-            <span class="visually-hidden">👀</span>
+            <span class="visually-hidden">{{ i18n `paige_search_searching` }}</span>
         </div>
     </div>
 </div>
 <div id="paige-something" style="display: none">
     <p class="text-center">
         <i class="bi bi-check-circle display-6 text-success">
-            <span class="visually-hidden">👍</span>
+            <span class="visually-hidden">{{ i18n `paige_search_something` }}</span>
         </i>
     </p>
 </div>