Define the navigation panel using the config file

Author: oleg-nenashev

data/navigation.yml

@@ -0,0 +1,37 @@
+# Shows the categories order for the navigation bar
+tags:
+- featured
+- all
+- wiremock
+- analytics
+- backend
+- cloud
+- collaboration
+- customer_relation
+- developer_tools
+- ecommerce
+- education
+- email
+- enterprise
+- entertainment
+- financial
+- forms
+- hosting
+- iot
+- location
+- machine_learning
+- marketing
+- media
+- messaging
+- monitoring
+- open_data
+- payment
+- search
+- security
+- social
+- storage
+- support
+- telecom
+- text
+- tools
+- transport

layouts/partials/nav-tags.html

@@ -29,15 +29,25 @@
     x-transition:leave-end="opacity-0 translate-y-1"
     @click.outside="dropdown = false"
    class="absolute z-10 top-12 min-w-[16rem] bg-white rounded-md shadow-xl hidden py-2.5">
-   {{ range site.Taxonomies.tags }}
+   {{ range $.Site.Data.navigation.tags }}
+   {{ $tagId := . }}
+    {{ range $taxonomyname, $taxonomy := $.Site.Taxonomies.tags }}
+      {{ if eq $taxonomyname $tagId }}
       <a class="{{ if eq .Page.Permalink $.Permalink }}text-sky-600{{ else }}text-slate-500{{ end }} hover:text-sky-600 block px-5 py-2" href="{{ .Page.Permalink }}">{{ strings.FirstUpper (replace .Page.Title "_" " ") }}</a>
+      {{ end }}
     {{ end }}
+  {{ end }}
   </div>
 </div>
 <div class="hidden lg:flex -mt-2">
   <div class="flex flex-col">
-    {{ range site.Taxonomies.tags }}
-      <a class="{{ if eq .Page.Permalink $.Permalink }}text-sky-600 underline underline-offset-4 decoration-sky-600{{ else }}text-slate-500{{ end }} py-1.5 text-lg hover:text-sky-600 whitespace-nowrap" href="{{ .Page.Permalink }}">{{ strings.FirstUpper (replace .Page.Title "_" " ") }}</a>
+    {{ range $.Site.Data.navigation.tags }}
+      {{ $tagId := . }}
+      {{ range $taxonomyname, $taxonomy := $.Site.Taxonomies.tags }}
+        {{ if eq $taxonomyname $tagId }}
+        <a class="{{ if eq .Page.Permalink $.Permalink }}text-sky-600 underline underline-offset-4 decoration-sky-600{{ else }}text-slate-500{{ end }} py-1.5 text-lg hover:text-sky-600 whitespace-nowrap" href="{{ .Page.Permalink }}">{{ strings.FirstUpper (replace .Page.Title "_" " ") }}</a>
+        {{ end }}
+      {{ end }}
     {{ end }}
   </div>
 </div>