From b8e0f89eb0cda9513f946ae8072e0526b8d6c8f6 Mon Sep 17 00:00:00 2001
From: Jesper Kolbeck <kolbeckxyz@outlook.com>
Date: Wed, 8 Dec 2021 21:54:55 +0100
Subject: [PATCH] Make it possible to have a short menu and button name

---
 exampleSite/content/homepage/services.md |  3 ++-
 layouts/index.html                       | 12 ++++++++++--
 static/js/index.js                       |  2 +-
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/exampleSite/content/homepage/services.md b/exampleSite/content/homepage/services.md
index fde7687..c21d2a0 100644
--- a/exampleSite/content/homepage/services.md
+++ b/exampleSite/content/homepage/services.md
@@ -1,5 +1,6 @@
 ---
-title: "Services"
+title: "The Services I Offer"
+name: "My Services"
 weight: 2
 header_menu: true
 ---
diff --git a/layouts/index.html b/layouts/index.html
index d66bf9e..632c338 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -10,7 +10,11 @@
             {{ with .Params.header_subheadline }}<h2 class="blog-description">{{ . }}</h2>{{ end }}
 
             {{ range where $sections ".Params.header_menu" "eq" true }}
-                 <a class='btn site-menu' data-title-anchor='{{ anchorize .Title }}'>{{ .Title }}</a>
+                {{ $button_title := .Title }}
+                {{ with .Params.Name }}
+                    {{ $button_title = . }}
+                {{ end }}
+                 <a class='btn site-menu' data-title-anchor='{{ anchorize $button_title }}'>{{ $button_title }}</a>
             {{ end }}
             <i id='header-arrow' class="fa fa-angle-down"></i>
         </div>
@@ -21,10 +25,14 @@
     <div class='fixed-nav'>
     </div>
     {{ range $index_val, $elem_val := $sections }}
+        {{ $fnav_title := .Title }}
+        {{ with .Params.Name }}
+            {{ $fnav_title = . }}
+        {{ end }}
         <div class='post-holder'>
             <article id='{{ anchorize .Title }}' class='post {{ if eq $index_val 0 }}first{{ end }} {{ if eq (add $index_val 1) (len $sections) }}last{{ end }}'>
                 <header class="post-header">
-                    <h2 class="post-title">{{ .Title }}</h2>
+                    <h2 class="post-title" data-fnav-title="{{ safeHTMLAttr $fnav_title }}">{{ .Title }}</h2>
                 </header>
                 <section class="post-content">
                     {{ .Content }}
diff --git a/static/js/index.js b/static/js/index.js
index 24c34c5..58a41ca 100644
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -49,7 +49,7 @@ var $sitehead = $("#site-head");
     });
 
     $(".post-title").each(function () {
-      var t = $(this).text();
+      var t = $(this).data("fnav-title");
       var index = $(this).parents(".post-holder").index();
       $fnav.append(
         "<a class='fn-item' item_index='" + index + "'>" + t + "</a>"