From 75855b2758210c985851119f4218012e5520be72 Mon Sep 17 00:00:00 2001
From: Aditya Telange <21258296+adityatelange@users.noreply.github.com>
Date: Fri, 29 Jan 2021 23:37:07 +0530
Subject: [PATCH] init feat Breadcrumb Navigation (#207)

* adds Breadcrumb nav above title of single page/post
* add enabler var 'ShowBreadCrumbs'
* introduce i18n var "home"

usage:
in site config:
Params:
    ShowBreadCrumbs: true

in page front-matter:
ShowBreadCrumbs: false
---
 assets/css/post-single.css   |  7 ++++++-
 i18n/en.yaml                 |  3 +++
 layouts/_default/single.html | 18 ++++++++++++++++++
 3 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/assets/css/post-single.css b/assets/css/post-single.css
index 017a3e97..76214685 100644
--- a/assets/css/post-single.css
+++ b/assets/css/post-single.css
@@ -12,7 +12,8 @@
     margin-bottom: 5px;
 }
 
-.post-meta {
+.post-meta,
+.breadcrumbs {
     color: var(--secondary);
     font-size: 14px;
     display: flex;
@@ -26,6 +27,10 @@
     box-shadow: 0 1px 0 var(--secondary)
 }
 
+.breadcrumbs a {
+    font-size: 16px;
+}
+
 .post-content {
     color: var(--content)
 }
diff --git a/i18n/en.yaml b/i18n/en.yaml
index 14b37b5e..b7323d01 100644
--- a/i18n/en.yaml
+++ b/i18n/en.yaml
@@ -14,3 +14,6 @@
 
 - id: translations
   translation: "Translations"
+
+- id: home
+  translation: "Home"
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 55eb38d2..9716ad14 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -2,6 +2,24 @@
 
 <article class="post-single">
   <header class="post-header">
+    {{- if (.Param "ShowBreadCrumbs")}}
+    <div class="breadcrumbs">
+      {{- $url := replace .Permalink ( printf "%s" .Site.BaseURL) "" }}
+      {{- $lang_url := replace $url ( printf "%s" .Lang) "" }}
+
+      <a href="{{ "" | absLangURL }}">{{ i18n "home" | default "Home"}}</a>
+      {{- range $index, $element := split $lang_url "/" }}
+
+      {{- $.Scratch.Add "path" (printf "%s/" $element )}}
+      {{- $bc_pg := $.Site.GetPage ($.Scratch.Get "path") -}}
+
+      {{- if (and ($bc_pg) (gt (len . ) 0))}}
+      {{- print "&nbsp;»&nbsp;" | safeHTML -}}<a href="{{ $bc_pg.Permalink }}">{{ $bc_pg.Name }}</a>
+      {{- end }}
+
+      {{- end }}
+    </div>
+    {{- end }}
     <h1 class="post-title">
       {{ .Title }}
       {{- if .Draft }}<div class="entry-isdraft"><sup>&nbsp;&nbsp;[draft]</sup></div>{{- end }}