remove searchonchange function navbar

layouts/_default/single.html

@@ -159,7 +159,7 @@
 
   // To set height of sticky sidebar dynamically
   let stickySideBarElem = document.getElementById("stickySideBar");
-  let stickyNavBar = {{ .Site.Params.navbar.stickyNavBar.enable | default false }};
+  let stickyNavBar = "{{ .Site.Params.navbar.stickyNavBar.enable | default false }}";
   if(stickyNavBar) {
     let headerElem = document.getElementById("profileHeader");
     let headerHeight = headerElem.offsetHeight + 15;
@@ -195,6 +195,19 @@
       }
   }
 </script>
+
+{{ if .Site.Params.kofi.enable | default true }}
+<script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js'></script>
+<script>
+  kofiWidgetOverlay.draw('{{ .Site.Params.kofi.handle | default "kovasky" }}', {
+    'type': 'floating-chat',
+    'floating-chat.donateButton.text': '{{ .Site.Params.kofi.buttonText | default "Support me" }}',
+    'floating-chat.donateButton.background-color': '#f45d22',
+    'floating-chat.donateButton.text-color': '#fff'
+  });
+</script>
+{{ end }}
+
 <!-- {{ if or (.Site.Params.singlePages.readTime.enable | default true) (.Params.enableReadingTime) }}
 <script src="{{.Site.Params.staticPath}}/js/readingTime.js"></script>
 {{end}} -->

layouts/partials/scripts.html

@@ -88,9 +88,7 @@
 <!-- {{ if (.Site.Params.contact.formspree.enable | default false) }}
 <script src="{{ .Site.Params.staticPath }}/js/contact.js"></script>
 {{ end }} -->
-{{ if eq (getenv "HUGO_ENV") "production" }}
-<script defer data-domain="kovasky.me" src="https://plausible.agrajag.cloud/js/script.js"></script>
-{{ end }}
+<script async data-domain="kovasky.me" src="https://plausible.agrajag.cloud/js/script.js"></script>
 
 {{ if (.Site.Params.customScripts | default false) }}
 {{ .Site.Params.customScripts | safeHTML }}

layouts/partials/sections/header.html

@@ -82,7 +82,7 @@
                     {{ if not (.Site.Params.navbar.disableSearch | default false) }}
                         <li class="nav-item navbar-text d-block d-md-none">
                             <div class="nav-link">
-                                <input id="search" autocomplete="off" class="form-control mr-sm-2" placeholder='{{ .Site.Params.navbar.searchPlaceholder | default "Ctrl + k to Search..."}}' aria-label="Search" oninput="searchOnChange(event)">
+                                <input id="search" autocomplete="off" class="form-control mr-sm-2" placeholder='{{ .Site.Params.navbar.searchPlaceholder | default "Ctrl + k to Search..."}}' aria-label="Search">
                             </div>
                         </li>
                     {{ end }}
@@ -167,7 +167,7 @@
                     {{end}}
                     {{end}}
                     
-                    {{ if hugo.IsMultilingual }}
+                    {{ if .Site.IsMultiLingual }}
                         {{ if eq (len $.Page.Translations) 0 }}
                         <li class="nav-item navbar-text">
                         <a class="nav-link" title="{{ .Site.Language.LanguageName }}">

static/css/single.css

@@ -226,7 +226,6 @@
     opacity: 0.8;
 }
 
-
 /*TOC*/
 #single aside.toc {
     padding: .7rem 1rem;
@@ -240,26 +239,37 @@
     color: var(--text-color);
 }
 
-#single aside.toc .toc-content ol, #single aside.toc .toc-content ul {
-    margin-bottom: 1em;
+/* Base list styling — no bottom margin */
+#single aside.toc .toc-content ol,
+#single aside.toc .toc-content ul {
+    margin-bottom: 0;
     padding-left: .5em;
     list-style: none;
     opacity: 0.9;
 }
 
-#single aside.toc .toc-content ol li a, #single aside.toc .toc-content ul li a {
+/* Only the top-level list keeps the original bottom margin */
+#single aside.toc .toc-content > ol,
+#single aside.toc .toc-content > ul {
+    margin-bottom: 1em;
+}
+
+#single aside.toc .toc-content ol li a,
+#single aside.toc .toc-content ul li a {
     font-size: 16px;
     text-decoration: none;
     color: var(--text-color);
     opacity: 0.9;
 }
 
-#single aside.toc .toc-content ol li a:hover, #single aside.toc .toc-content ul li a:hover {
+#single aside.toc .toc-content ol li a:hover,
+#single aside.toc .toc-content ul li a:hover {
     color: var(--primary-color);
-    opacity: 1.2;
+    opacity: 1;
 }
 
-#single aside.toc .toc-content ol li li, #single aside.toc .toc-content ul li li {
+#single aside.toc .toc-content ol li li,
+#single aside.toc .toc-content ul li li {
     padding-left: .7em;
 }