Refactor header and search components for improved structure and functionality

layouts/partials/header.html

@@ -34,11 +34,9 @@
         </li>
         {{ end }}
         <li>
-                  {{ partial "search-form.html" . }}
-                </li>
-                <li class="menu-separator">
-                    <span>|</span>
-                </li>
+          <a class="menu-link" href="/search">
+            <i class="fa-solid fa-magnifying-glass"></i>
+          </a> </li>
         <!-- Language List -->
         {{ if .IsTranslated }}
         <li>
@@ -66,10 +64,6 @@
         </li>
         {{ end }}
       </ul>
-            <a id="mode" href="#">
-              <i class="fa-regular fa-sun mode-sunny fa-xl"></i>
-              <i class="fa-regular fa-moon mode-moon fa-xl"></i>
-            </a>
     </div>
   </nav>
 </div>

layouts/partials/search-form.html

@@ -2,5 +2,31 @@
   action='{{ with .GetPage "/search" }}{{.Permalink}}{{end}}' method="get">
   <label hidden for="search-input">Search site</label>
   <input type="text" id="search-input" name="q"
-    placeholder="">
+    placeholder>
 </form>
+
+<script>
+
+function popolaInputDaUrl(nomeParametro, idInput) {
+    // 1. Recupera la stringa dei parametri dall'URL corrente
+    const params = new URLSearchParams(window.location.search);
+
+    // 2. Estrae il valore associato alla chiave specificata
+    const valore = params.get(nomeParametro);
+
+    // 3. Se il valore esiste, popola l'elemento input
+    if (valore) {
+        const inputElement = document.getElementById(idInput);
+        if (inputElement) {
+            inputElement.value = valore;
+        }
+    }
+}
+
+// Esempio di utilizzo all'avvio della pagina:
+window.onload = () => {
+    popolaInputDaUrl('q', 'search-input');
+};
+
+
+</script>

layouts/partials/search-index.html

@@ -1,6 +1,7 @@
 <template id="search-result" hidden>
   <article class="content post post-item">
-    <h4 class="post-title post-item-title"><a class="read-more-link"><i class="fa-duotone fa-regular fa-flag-pennant"></i>  <a class="summary-title-link"></a></a></h4>
+    <h4 class="post-title post-item-title"><a class="read-more-link"><i class="fa-duotone fa-regular fa-flag-pennant"></i> <a
+          class="summary-title-link"></a></a></h4>
     <summary class="summary" hidden></summary>
 
     <div class="read-more-container">

layouts/search/list.html

@@ -5,6 +5,7 @@
   <header class="header">
     <h1 class="header-title center">{{ .Title }}</h1>
   </header>
+  {{ partial "search-form.html" . }}
 
   <main class="page-content" aria-label="Content">
 
@@ -12,11 +13,11 @@
 
       <div class="main-inner">
 
-
         <script src="/js/lunr.min.js"></script>
       </div>
 
     </div>
+
     {{ partial "search-index.html" . }}
   </main>
 </div>