From f7dfba418fd5d0a01a2c6d20ff0793ec16798017 Mon Sep 17 00:00:00 2001
From: abrendan <94894839+abrendan@users.noreply.github.com>
Date: Thu, 15 Feb 2024 16:03:08 +0000
Subject: [PATCH] buttons to switch back and forth between search and image
 search

---
 static/styles_results.css    | 32 ++++++++++++++++++++++++++++++++
 templates/image_results.html |  1 +
 templates/index.html         |  2 +-
 templates/results.html       |  4 +++-
 4 files changed, 37 insertions(+), 2 deletions(-)

diff --git a/static/styles_results.css b/static/styles_results.css
index 2848b69..211a7ba 100644
--- a/static/styles_results.css
+++ b/static/styles_results.css
@@ -139,3 +139,35 @@ h1 {
   border-radius: 6px;
 }
 
+.image-search-button {
+  padding: 0.5rem 1rem;
+  background-color: #000000;
+  color: #fff;
+  border: 1px solid #000000;
+  margin-left: 8px; /* Spacing between buttons */
+  cursor: pointer;
+  border-radius: 6px;
+  font-size: 1rem;
+  text-align: center;
+}
+.image-search-button:hover {
+  background-color: #6e6e6e;
+  border: 1px solid #8a8a8a;
+}
+
+.text-search-button {
+  padding: 0.5rem 1rem;
+  background-color: #000000;
+  color: #fff;
+  border: 1px solid #000000;
+  margin-left: 8px; /* Spacing between buttons */
+  cursor: pointer;
+  border-radius: 6px;
+  font-size: 1rem;
+  text-align: center;
+}
+.text-search-button:hover {
+  background-color: #6e6e6e;
+  border: 1px solid #8a8a8a;
+}
+
diff --git a/templates/image_results.html b/templates/image_results.html
index 4e63d76..942ef5e 100644
--- a/templates/image_results.html
+++ b/templates/image_results.html
@@ -12,6 +12,7 @@
       <form action="/search/images" method="get" class="search-form">
         <input type="text" name="query" class="search-input" placeholder="Search for images..." value="{{ query }}">
         <button type="submit" class="search-button">&#128269;</button>
+        <button type="submit" formaction="/search" class="search-button text-search-button">Back</button>
       </form>
     </div>
     <div class="image-results">
diff --git a/templates/index.html b/templates/index.html
index e81046a..5af9bca 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -17,7 +17,7 @@
     </form>
   </div>
   <footer class="footer">
-    <p class="footer-text-left">&copy; 2023 Nochu Search by abrendan</p>
+    <p class="footer-text-left">&copy; 2024 Nochu Search by abrendan</p>
     <p class="footer-text-middle"><a href="https://www.abrendan.dev" class="footer-link">abrendan.dev</a></p>
     <p class="footer-text-right"><a href="https://www.pexels.com/de-de/foto/kalt-schnee-strasse-dammerung-6469507/" class="footer-link">Background image by Karolina Kot</a></p>
   </footer>
diff --git a/templates/results.html b/templates/results.html
index ed234ae..6179a4f 100644
--- a/templates/results.html
+++ b/templates/results.html
@@ -9,9 +9,11 @@
   <div class="container">
     <h1>Search Results</h1>
     <div class="search-container">
+      <!-- Search form with added image search button -->
       <form action="/search" method="get" class="search-form">
-        <input type="text" name="query" required class="search-input" placeholder="Search again...">
+        <input type="text" name="query" value="{{ query }}" required class="search-input" placeholder="Search again...">
         <button type="submit" class="search-button">&#x1F50D;</button>
+        <button type="submit" formaction="/search/images" class="image-search-button">Pictures</button>
       </form>
     </div>
     <ul class="results-list">