Update the navbar to highlight depend on the page.

src/main/blog/helpers.cljs

@@ -37,3 +37,14 @@
        "..."
        ""))))
 
+(defn navbar-item-style-factory
+  []
+  (clj->js
+   (fn [url prefix]
+     (let [baseurl (-> (or url "")
+                       (.split "?")
+                       (first))]
+       (if (= baseurl prefix)
+         "block py-2 px-3 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:p-0 dark:text-white md:dark:text-blue-500"
+         "block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent")))))
+

src/main/blog/server.cljs

@@ -30,7 +30,11 @@
 
     (.registerHelper (.-handlebars hbs)
                      "is-brief"
-                     (helpers/is-brief-factory))))
+                     (helpers/is-brief-factory))
+
+    (.registerHelper (.-handlebars hbs)
+                     "navbar-item-style"
+                     (helpers/navbar-item-style-factory))))
 
 (defn setup-engine
   "Sets the engine to handlebars and simple set up."