smooth things out

assets/css/styles.css

@@ -1631,6 +1631,11 @@ select {
   --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
 }
 
+.blur {
+  --tw-blur: blur(8px);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
 .transition {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;

assets/js/index.js

@@ -161,6 +161,13 @@ class PageTransitions {
     }).catch(error => console.error('Error fetching content:', error));
   }
   submitFormAsync(form) {
+    // Close the mobile keyboard
+    const searchInput = document.getElementById('s');
+    searchInput.blur(); // Unfocus the input field to close the keyboard
+
+    // Clear the search form
+    form.reset(); // Reset the form to clear input values
+
     const formData = new FormData(form);
     fetch(form.action, {
       method: 'POST',