Add relative link to home page in topbar

themes/kosmos-22/layouts/partials/topnav.html

@@ -2,7 +2,9 @@
   <div class="w-full h-20 flex items-center justify-items-stretch">
     <div class="grow md:grow-0 shrink-0">
       <svg class="inline-block align-top -mt-0.5 mr-1.5 w-auto h-6"  width="65.364" height="55.773" enable-background="new 0 0 100 100" version="1.1" viewBox="0 0 65.364 55.773" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g id="layer1" transform="translate(28.868 20.259)" fill="#000"><path id="path2" d="m22.81-9.2546-0.0137-0.0072c-0.0445-0.0196-0.0895-0.04052-0.13335-0.06078l-23.822-10.937s2.0034 9.219 2.914 11.778c0 0-27.292-8.1582-30.623-8.9354 1.0916 4.2618 20.006 40.848 20.006 40.848 3.8225 7.7608 12.677 12.083 21.912 12.083 12.949 0 23.446-10.497 23.446-23.446 6.6e-4 -9.4655-5.609-17.62-13.685-21.323z" fill="#000" stroke-width=".65365"/></g></svg>
-      <h1 class="inline-block uppercase font-bold">{{ .Site.Title }}</h1>
+      <h1 class="inline-block uppercase font-bold">
+        <a href="{{ .Site.Home.RelPermalink }}">{{ .Site.Title }}</a>
+      </h1>
     </div>
     <nav class="hidden md:block md:grow">
       <ul class="ml-16 flex items-baseline space-x-8">
@@ -10,7 +12,9 @@
         {{ range .Site.Menus.main }}
         <li>
           <a href="{{ .URL }}" class="font-bold">
-            <span class="{{ if $currentPage.IsMenuCurrent "main" . }}border-b-2 border-teal-500{{ end }}">{{ .Name }}</span>
+            <span class="{{ if $currentPage.IsMenuCurrent "main" . }}border-b-2 border-teal-500{{ end }}">
+              {{ .Name }}
+            </span>
           </a>
         </li>
         {{ end }}