From a70c866dd0b84d349eac85aa0e89f845b49d8d33 Mon Sep 17 00:00:00 2001
From: John Bowdre <john@bowdre.net>
Date: Mon, 15 Jan 2024 18:12:56 -0600
Subject: [PATCH] additional search tweaks

---
 assets/js/search.js                |  5 ++++-
 layouts/partials/search-form.html  |  2 +-
 layouts/partials/search-index.html |  1 +
 layouts/search/list.html           |  2 +-
 static/css/custom.css              | 25 +++++++------------------
 5 files changed, 14 insertions(+), 21 deletions(-)

diff --git a/assets/js/search.js b/assets/js/search.js
index b89362e..cf4d850 100644
--- a/assets/js/search.js
+++ b/assets/js/search.js
@@ -5,7 +5,10 @@ function displayResults (results, store) {
     for (const n in results) {
       const item = store[results[n].ref];
       resultList += '<li><a href="' + item.url + '">' + item.title + '</a></li>'
-      resultList += '<p>' + item.content.substring(0, 150) + '...</p>'
+      if (item.description)
+        resultList += '<p>' + item.description + '</p>'
+      else
+        resultList += '<p>' + item.content.substring(0, 150) + '...</p>'
     }
     searchResults.innerHTML = resultList;
   } else {
diff --git a/layouts/partials/search-form.html b/layouts/partials/search-form.html
index 847e55b..d0c1455 100644
--- a/layouts/partials/search-form.html
+++ b/layouts/partials/search-form.html
@@ -1,5 +1,5 @@
 <form id="search"
   action='{{ with .GetPage "/search" }}{{ .Permalink }}{{ end }}' method="get">
-  <input type="search" id="search-query" name="query" placeholder="Looking for something?" aria-label="search text">
+  <input type="input" id="search-query" name="query" placeholder="grep -i" aria-label="search text">
   <button type="submit" aria-label="search button"><i class="fa-solid fa-magnifying-glass"></i></button>
 </form>
\ No newline at end of file
diff --git a/layouts/partials/search-index.html b/layouts/partials/search-index.html
index 5415627..4276532 100644
--- a/layouts/partials/search-index.html
+++ b/layouts/partials/search-index.html
@@ -5,6 +5,7 @@
       "title": "{{ .Title }}",
       "tags": [{{ range .Params.Tags }}"{{ . }}",{{ end }}],
       "content": {{ .Content | plainify }},
+      "description": {{ .Description | plainify }},
       "url": "{{ .Permalink }}"
     },
     {{ end }}
diff --git a/layouts/search/list.html b/layouts/search/list.html
index 82bb25f..3edd248 100644
--- a/layouts/search/list.html
+++ b/layouts/search/list.html
@@ -1,6 +1,6 @@
 {{ define "main" }}
 {{ partial "search-form.html" . }}
-
+<br>
 <ul id="results">
   <li>
     Enter a keyword above to search this site.
diff --git a/static/css/custom.css b/static/css/custom.css
index c4cfff5..7c4eedb 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -223,42 +223,31 @@ form {
   display: flex;
   flex-direction: row;
   border-radius: 0.25rem;
-  margin: 0.25rem;
-  height: 1.5rem;
+  outline: 0.25rem solid var(--bg);
 }
 
 input {
   flex-grow: 2;
   border: none;
   background-color: var(--off-bg);
-  /* border-radius: 0.25rem; */
   color: var(--off-fg);
+  height: 1.5rem;
+  border-radius: 0.25rem;
+  padding-left: 0.5rem;
+  font-family: var(--font-monospace);
 }
 
 input:focus {
   outline: none;
 }
 
-input:placeholder-shown {
-  font-style: italic;
-}
-
 form:focus-within {
   outline: 1px solid var(--logo);
-  /* border-radius: 0.25rem; */
 }
 
-/* form input {
-  border-radius: 0.25rem;
-  margin: 0.25rem;
-  background-color: var(--off-bg);
-} */
-
 form button {
-  /* border-radius: 0.25rem;
-  margin: 0.25rem; */
   outline: none;
   border: none;
   background-color: var(--off-bg);
-  color: var(--logo);
-}
\ No newline at end of file
+  color: var(--link);
+}