From 003a92fa8ca84a70d6e40b3abd4161a599bddef5 Mon Sep 17 00:00:00 2001
From: Maria Rushkova <maryrushkova@gmail.com>
Date: Wed, 4 Aug 2021 17:27:28 +0200
Subject: [PATCH] Extract navigation to jekyll

---
 _data/navigation.yml  |  28 ++++++++++++
 _includes/header.html | 100 ++++++++----------------------------------
 2 files changed, 46 insertions(+), 82 deletions(-)
 create mode 100644 _data/navigation.yml

diff --git a/_data/navigation.yml b/_data/navigation.yml
new file mode 100644
index 0000000..51ac520
--- /dev/null
+++ b/_data/navigation.yml
@@ -0,0 +1,28 @@
+---
+- title: "Work"
+  link:
+  path: "#work"
+
+- title: "About"
+  link:
+  path: "#about"
+
+- title: "Join VAC"
+  link:
+  path: "#join"
+
+- title: "Research log"
+  link:
+  path: "#research-log"
+
+- title: "Media"
+  link:
+  path: "#media"
+
+- title: "Specs"
+  link: "https://specs.vac.dev"
+  path:
+
+- title: "Forum"
+  link: "https://forum.vac.dev/"
+  path:
diff --git a/_includes/header.html b/_includes/header.html
index fd095cd..0b0bd1f 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -71,51 +71,19 @@
               l:p-0
             "
           >
+            {% for nav in site.data.navigation %}
             <li class="hover:opacity-50">
-              <a class="nav__link" href="{{site.url}}{{ site.baseurl }}/#work"
-                >Work</a
-              >
-            </li>
-            <li class="hover:opacity-50">
-              <a class="nav__link" href="{{site.url}}{{ site.baseurl }}/#about"
-                >About</a
-              >
-            </li>
-            <li class="hover:opacity-50">
-              <a class="nav__link" href="{{site.url}}{{ site.baseurl }}/#join"
-                >Join VAC</a
-              >
-            </li>
-            <li class="hover:opacity-50">
+              {% if nav.path %}
               <a
-                class="nav__link-internal"
-                href="{{site.url}}{{ site.baseurl }}/research-log"
-                >Research log</a
-              >
-            </li>
-            <li class="hover:opacity-50">
-              <a
-                class="nav__link-internal"
-                href="{{site.url}}{{ site.baseurl }}/media"
-                >Media</a
-              >
-            </li>
-            <li class="hover:opacity-50">
-              <a
-                class="nav__link-external"
-                href="https://specs.vac.dev"
-                target="_blank"
-                >Specs</a
-              >
-            </li>
-            <li class="hover:opacity-50">
-              <a
-                class="nav__link-external"
-                href="https://forum.vac.dev/"
-                target="_blank"
-                >Forum</a
+                class="nav__link"
+                href="{{site.url}}{{ site.baseurl }}/{{ nav.path }}"
+                >{{ nav.title }}</a
               >
+              {% endif %} {% if nav.link %}
+              <a href="{{ nav.link }}" target="_blank">{{ nav.title }}</a>
+              {% endif %}
             </li>
+            {% endfor %}
           </ul>
         </nav>
 
@@ -174,51 +142,19 @@
               font-normal
             "
           >
+            {% for nav in site.data.navigation %}
             <li class="leading-loose hover:opacity-50">
-              <a class="nav__link" href="{{site.url}}{{ site.baseurl }}/#work"
-                >Work</a
-              >
-            </li>
-            <li class="leading-loose hover:opacity-50">
-              <a class="nav__link" href="{{site.url}}{{ site.baseurl }}/#about"
-                >About</a
-              >
-            </li>
-            <li class="leading-loose hover:opacity-50">
-              <a class="nav__link" href="{{site.url}}{{ site.baseurl }}/#join"
-                >Join VAC</a
-              >
-            </li>
-            <li class="leading-loose hover:opacity-50">
+              {% if nav.path %}
               <a
-                class="nav__link-internal"
-                href="{{site.url}}{{ site.baseurl }}/research-log/"
-                >Research log</a
-              >
-            </li>
-            <li class="leading-loose hover:opacity-50">
-              <a
-                class="nav__link-internal"
-                href="{{site.url}}{{ site.baseurl }}/media"
-                >Media</a
-              >
-            </li>
-            <li class="leading-loose hover:opacity-50">
-              <a
-                class="nav__link-external"
-                href="https://specs.vac.dev"
-                target="_blank"
-                >Specs</a
-              >
-            </li>
-            <li class="leading-loose hover:opacity-50">
-              <a
-                class="nav__link-external"
-                href="https://forum.vac.dev/"
-                target="_blank"
-                >Forum</a
+                class="nav__link"
+                href="{{site.url}}{{ site.baseurl }}/{{ nav.path }}"
+                >{{ nav.title }}</a
               >
+              {% endif %} {% if nav.link %}
+              <a href="{{ nav.link }}" target="_blank">{{ nav.title }}</a>
+              {% endif %}
             </li>
+            {% endfor %}
           </ul>
           <ul class="social items-center flex mt-8">
             {% include social.html %}