From b1193a31b37cabd9e9ce4d8af063f9edeaa7fa41 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Wed, 7 Jul 2021 05:42:02 +0500
Subject: [PATCH] add docs and blog links to header

---
 config.toml                                   |  7 +++----
 themes/coopcloud.tech/assets/scss/main.scss   |  9 ++++++++-
 .../layouts/partials/header.html              | 19 ++++++++-----------
 3 files changed, 19 insertions(+), 16 deletions(-)

diff --git a/config.toml b/config.toml
index 96a5c64..d437f8a 100644
--- a/config.toml
+++ b/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
 
diff --git a/themes/coopcloud.tech/assets/scss/main.scss b/themes/coopcloud.tech/assets/scss/main.scss
index 2ea7ef2..b20e88a 100644
--- a/themes/coopcloud.tech/assets/scss/main.scss
+++ b/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 {
diff --git a/themes/coopcloud.tech/layouts/partials/header.html b/themes/coopcloud.tech/layouts/partials/header.html
index cb6d467..e3b5775 100644
--- a/themes/coopcloud.tech/layouts/partials/header.html
+++ b/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>
\ No newline at end of file