From 87a86876e919ea21843ab5a96b92702aafa4f7e7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=B6ren=20Weber?= <mail@soeren-weber.de>
Date: Fri, 10 Sep 2021 01:08:39 +0200
Subject: [PATCH] theme: use disabled anchor for last bread crumb #84

because otherwise Hugo will not generate a relative URL for the itemprop value
---
 layouts/partials/header.html | 20 +++++++-------------
 static/css/theme.css         |  8 ++++++++
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 90409249f8..6dc98cf981 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -108,19 +108,13 @@
           {{ if $parent }}
             {{ template "breadcrumb" dict "page" $parent "depth" $depth }}
           {{end}}
+          <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement">
+            <meta itemprop="position" content="{{ $depth }}" />
+            <a itemprop="item" href="{{ .page.RelPermalink }}"{{if not .depth}} aria-disabled="true"{{end}}>
+              <span itemprop="name">{{ .page.Title }}</span>
+            </a>
+          </li>
           {{ if .depth }}
-            <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement">
-              <meta itemprop="position" content="{{ $depth }}" />
-              <a itemprop="item" href="{{ .page.RelPermalink }}">
-                <span itemprop="name">{{ .page.Title }}</span>
-              </a>
-            </li> > 
-          {{else}}
-            <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement">
-              <meta itemprop="position" content="{{ $depth }}" />
-              <data itemprop="item" value="{{ .page.RelPermalink }}">
-                <span itemprop="name">{{ .page.Title }}</span>
-              </data>
-            </li>
+            > 
           {{end}}
         {{end}}
diff --git a/static/css/theme.css b/static/css/theme.css
index c13cc204ec..fdf64955ad 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -1015,6 +1015,14 @@ td {
 #body #breadcrumbs .links meta {
     display: none;
 }
+#body #breadcrumbs .links li:last-of-type {
+    cursor: text;
+}
+a[aria-disabled="true"] {
+    color: inherit;
+    pointer-events: none;
+    text-decoration: none;
+}
 @media only all and (max-width: 59.938em) {
     #sidebar {
         width: 230px;