add docs and blog links to header

config.toml

@@ -4,12 +4,11 @@ title = "The Co-op Cloud"
 theme = "coopcloud.tech"
 [menu]
   [[menu.main]]
-    name = "Home"
-    pre = "home"
-    url = "/"
+    name = "Docs"
+    url = "https://docs.coopcloud.tech"
     weight = 1
   [[menu.main]]
-    name = "Documentation"
+    name = "Blog"
     url = "https://docs.coopcloud.tech"
     weight = 2
 

themes/coopcloud.tech/assets/scss/main.scss

@@ -163,7 +163,14 @@ hr {
     background-color: $coopcloud-pink;
     padding: 10px;
     margin: 0;
-
+    gap: 2rem;
+    @media (max-width: 1024px) { flex-direction: column; }
+    .nav-link {
+        color: $text-color;
+        margin: 0.5rem;
+        text-transform: uppercase;
+        &:hover { text-decoration: underline; }
+    }
 }
 
 footer .content a {

themes/coopcloud.tech/layouts/partials/header.html

@@ -1,16 +1,13 @@
-{{/*  <div id="nav-border" class="container">
-  <nav id="nav" class="nav justify-content-center">
-    {{ range .Site.Menus.main }}
-    <a class="nav-link" href="{{ .URL }}">
-    {{ $text := print .Name | safeHTML }}
-    {{ $text }}
-    </a>
-    {{ end }}
-  </nav>
-</div>  */}}
-
 <nav id="header" class="level is-mobile">
   <a class="level-item has-text-centered" href="{{ .Site.BaseURL }}">
     <img src="/svg/coopcloud_logo_grey.svg" alt="CoopCloud Logo" style="height: 100px;">
   </a>
+  <div>
+    {{ range .Site.Menus.main }}
+      <a class="nav-link" href="{{ .URL }}">
+        {{ $text := print .Name | safeHTML }}
+        {{ $text }}
+      </a>
+    {{ end }}
+  </div>
 </nav>