Allow overriding category display names

Author: oleg-nenashev

data/navigation.yml

@@ -1,37 +1,41 @@
 # 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
+- id: featured
+- id: all
+- id: wiremock
+  display: "WireMock"
+- id: analytics
+- id: backend
+- id: cloud
+- id: collaboration
+- id: customer_relation
+- id: developer_tools
+- id: ecommerce
+  display: "E-Commerce"
+- id: education
+- id: email
+- id: enterprise
+- id: entertainment
+- id: financial
+- id: forms
+- id: hosting
+- id: iot
+  display: "Internet of Things"
+- id: location
+- id: machine_learning
+- id: marketing
+- id: media
+- id: messaging
+- id: monitoring
+- id: open_data
+  display: "Open Data"
+- id: payment
+- id: search
+- id: security
+- id: social
+- id: storage
+- id: support
+- id: telecom
+- id: text
+- id: tools
+- id: transport

i18n/en.yaml

@@ -12,5 +12,3 @@ use_api:
   other: "Use this API in your project"
 how_use:
   other: "How to use ?"
-
-  

layouts/partials/nav-tags.html

@@ -30,9 +30,11 @@
     @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.Data.navigation.tags }}
-   {{ $tagId := . }}
+    {{ $tagId := . }}
+    {{ $tagDisplay := .display }}
     {{ range $taxonomyname, $taxonomy := $.Site.Taxonomies.tags }}
       {{ if eq $taxonomyname $tagId }}
+      {{ $tagDisplay := default (strings.FirstUpper (replace .Page.Title "_" " ")) $tagDisplay }}
       <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 }}
@@ -42,10 +44,12 @@
 <div class="hidden lg:flex -mt-2">
   <div class="flex flex-col">
     {{ range $.Site.Data.navigation.tags }}
-      {{ $tagId := . }}
+      {{ $tagId := .id }}
+      {{ $tagDisplay := .display }}
       {{ 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>
+          {{ $tagDisplay := default (strings.FirstUpper (replace .Page.Title "_" " ")) $tagDisplay }}
+          <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 }}">{{ $tagDisplay }}</a>
         {{ end }}
       {{ end }}
     {{ end }}