From 0ee84cf49b09628e0321edfd1c552e12179c3460 Mon Sep 17 00:00:00 2001
From: Mitja Felicijan <m@mitjafelicijan.com>
Date: Thu, 29 Jun 2023 22:07:53 +0200
Subject: Minor tweaks to navigation, pages and search

---
 themes/simple/layouts/_default/list.html       |  2 +-
 themes/simple/layouts/_default/single.html     |  2 ++
 themes/simple/layouts/partials/navigation.html |  6 +++---
 themes/simple/layouts/partials/search.html     | 11 +++++++----
 4 files changed, 13 insertions(+), 8 deletions(-)

(limited to 'themes/simple/layouts')

diff --git a/themes/simple/layouts/_default/list.html b/themes/simple/layouts/_default/list.html
index 232598d..f92d9c0 100644
--- a/themes/simple/layouts/_default/list.html
+++ b/themes/simple/layouts/_default/list.html
@@ -11,7 +11,7 @@
     </svg>
     <p>For interesting <span span class="italic font-medium">notes</span> and
     small <span class="italic font-medium">experiments</span> I usually partake
-    in, check the Notes page.</p>
+    in, check the <span class="font-medium">Notes page</span>.</p>
   </a>
 
   <h1 class="text-2xl font-bold mb-6">Blog posts</h1>
diff --git a/themes/simple/layouts/_default/single.html b/themes/simple/layouts/_default/single.html
index cadfd7b..095ff25 100644
--- a/themes/simple/layouts/_default/single.html
+++ b/themes/simple/layouts/_default/single.html
@@ -14,12 +14,14 @@
       {{ end }}
     </header>
 
+    {{ if not .Params.hidetoc }}
     <div>
       {{ if ge (len .TableOfContents) 100 }}
       <p class="font-semibold">Table of contents</p>
       <div>{{ .TableOfContents }}</div>
       {{ end }}
     </div>
+    {{ end }}
 
     <div class="leading-relaxed content">
       {{.Content}}
diff --git a/themes/simple/layouts/partials/navigation.html b/themes/simple/layouts/partials/navigation.html
index f6e5a66..44c6059 100644
--- a/themes/simple/layouts/partials/navigation.html
+++ b/themes/simple/layouts/partials/navigation.html
@@ -9,11 +9,11 @@
 
       <!-- Search button -->
       <span class="hidden lg:block">
-        <span class="search-button flex gap-1 items-center text-gray-500 bg-gray-100 hover:bg-gray-200 rounded px-2 py-1 text-xs cursor-pointer mr-2 hidden" onclick="showSearchModal()">
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="3" stroke="currentColor" class="w-4 h-4">
+        <span class="search-button flex gap-2 items-center text-gray-500 bg-gray-100 hover:bg-gray-200 rounded px-2 py-1 text-xs cursor-pointer mr-2 hidden" onclick="showSearchModal()">
+          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="4" stroke="currentColor" class="w-3 h-3">
             <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
           </svg>
-          <span class="search-button-text uppercase font-bold"></span>
+          <span class="search-button-text font-bold"></span>
         </span>
       </span>
 
diff --git a/themes/simple/layouts/partials/search.html b/themes/simple/layouts/partials/search.html
index 5a76384..7978000 100644
--- a/themes/simple/layouts/partials/search.html
+++ b/themes/simple/layouts/partials/search.html
@@ -7,6 +7,7 @@
 <script>
   (async function() {
       const debounceDelay = 700;
+      const maxSearchResults = 10;
 
       // Fetch search index generated by Hugo.
       const req = await fetch('/index.json');
@@ -41,9 +42,9 @@
       const searchButtonElement = document.querySelector('.search-button');
       const searchButtonTextElement = document.querySelector('.search-button-text');
       if (searchButtonElement) {
-          let searchButtonText = 'ctrl+k';
+          let searchButtonText = 'Ctrl+K';
           if (navigator.platform.toUpperCase().indexOf('MAC') >= 0) {
-              searchButtonText = 'cmd+k';
+              searchButtonText = '⌘+K';
           }
           searchButtonTextElement.innerText = searchButtonText;
           searchButtonElement.classList.remove('hidden');
@@ -75,6 +76,8 @@
                           searchResults.classList.add('hidden');
                       }
                   }
+              } else {
+                  searchInput.focus();
               }
           }
 
@@ -136,7 +139,7 @@
       searchInput.addEventListener('keyup', debounce((evt)=> {
           const query = evt.target.value.trim().toLowerCase();
 		      if (query.length && query != cachedSearchTerm) {
-			        const results = searchIndex.search(query);
+			        const results = searchIndex.search(`*${query}*`);
 
               if (results.length == 0) {
                   if (!searchResults.classList.contains('hidden')) {
@@ -147,7 +150,7 @@
 	                searchResults.classList.remove('hidden');
 	                cachedSearchTerm = query;
 
-	                results.forEach(resultItem => {
+	                results.slice(0, maxSearchResults).forEach(resultItem => {
                       const item = window.searchDocuments.find(doc => doc.permalink === resultItem.ref);
 
 		                  const link = document.createElement('a');
-- 
cgit v1.2.3