Fix breadcrumbs to actually be a nav element

This commit is contained in:
2024-11-23 14:34:52 +01:00
parent 83e5be25e3
commit 82b5a211b4
7 changed files with 33 additions and 13 deletions
+14
View File
@@ -464,3 +464,17 @@ table {
.nostyle { .nostyle {
text-decoration: none; text-decoration: none;
} }
.breadcrumbs {
display: inline;
ol {
list-style-type: none;
margin: 0;
display: inline;
li {
display: inline;
}
}
}
+1 -1
View File
@@ -2,7 +2,7 @@
{{ $paginator := .Paginate .Data.Pages }} {{ $paginator := .Paginate .Data.Pages }}
<main class="posts"> <main class="posts">
<p class="posts-breadcrumbs">{{ partial "breadcrumbs.html" (dict "page" . "end" ">" "min" 1) }}</p> <div class="posts-breadcrumbs">{{ partial "breadcrumbs.html" (dict "page" . "end" ">" "min" 1) }}</div>
<h1>{{ .Title }}</h1> <h1>{{ .Title }}</h1>
@@ -25,7 +25,7 @@
</div> </div>
<article> <article>
<p class="post-breadcrumbs">{{ partial "breadcrumbs.html" (dict "page" . "end" ">" "min" 1) }}</p> <div class="post-breadcrumbs">{{ partial "breadcrumbs.html" (dict "page" . "end" ">" "min" 1) }}</div>
<h1 class="post-title"> <h1 class="post-title">
<a href="{{ .Permalink }}">{{ .Title | markdownify }}</a> <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
@@ -16,11 +16,17 @@
{{- $breadcrumbs = after (int .page.IsPage) $breadcrumbs}} {{- $breadcrumbs = after (int .page.IsPage) $breadcrumbs}}
{{- if ne .page.Type "page"}} {{- if ne .page.Type "page"}}
{{- if lt (default 0 .min) (len $breadcrumbs) }} {{- if lt (default 0 .min) (len $breadcrumbs) }}
{{- range $index, $breadcrumb := $breadcrumbs }} <nav aria-label="breadcrumb" class="breadcrumbs">
<a href="{{ $breadcrumb.url }}">{{ $breadcrumb.name }}</a>{{ if ne $index (sub (len $breadcrumbs) 1) }}<span> > </span>{{ end }} <ol>
{{- end }} {{- range $index, $breadcrumb := $breadcrumbs }}
{{- if and $breadcrumbs .end }} <li>
{{ .end }} <a href="{{ $breadcrumb.url }}">{{ $breadcrumb.name }}</a>{{ if ne $index (sub (len $breadcrumbs) 1) }}<span> > </span>{{ end }}
{{- end }} </li>
{{- end }}
</ol>
{{- if and $breadcrumbs .end }}
{{ .end }}
{{- end }}
</nav>
{{- end }} {{- end }}
{{- end }} {{- end }}
+1 -1
View File
@@ -1,7 +1,7 @@
{{ define "main" }} {{ define "main" }}
<main class="portfolios"> <main class="portfolios">
<p class="posts-breadcrumbs">{{ partial "breadcrumbs.html" (dict "page" . "end" ">") }}</p> <div class="posts-breadcrumbs">{{ partial "breadcrumbs.html" (dict "page" . "end" ">") }}</div>
<h1>Portfolio</h1> <h1>Portfolio</h1>
@@ -20,7 +20,7 @@
</div> </div>
<article> <article>
<p class="post-breadcrumbs">{{ partial "breadcrumbs.html" (dict "page" . "end" ">" "min" 1) }}</p> <div class="post-breadcrumbs">{{ partial "breadcrumbs.html" (dict "page" . "end" ">" "min" 1) }}</div>
<h1 class="portfolio-title"> <h1 class="portfolio-title">
<a href="{{ .Permalink }}">{{ .Title | markdownify }}</a> <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
+3 -3
View File
@@ -2,7 +2,7 @@
{{ $paginator := (.Paginate .RegularPagesRecursive) }} {{ $paginator := (.Paginate .RegularPagesRecursive) }}
<main class="posts"> <main class="posts">
<p class="posts-breadcrumbs">{{ partial "breadcrumbs.html" (dict "page" . "end" ">") }}</p> <div class="posts-breadcrumbs">{{ partial "breadcrumbs.html" (dict "page" . "end" ">") }}</div>
<h1>{{ .Title }}</h1> <h1>{{ .Title }}</h1>
@@ -19,14 +19,14 @@
<div class="post"> <div class="post">
<h2 class="post-title"><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h2> <h2 class="post-title"><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h2>
<p class="post-subtitle"> <div class="post-subtitle">
{{/* {{- with .Params.Subtitle }} {{/* {{- with .Params.Subtitle }}
{{ . | markdownify }} {{ . | markdownify }}
<br> <br>
{{- end }} */}} {{- end }} */}}
{{ partial "breadcrumbs.html" (dict "page" . "min" 0) }} {{ partial "breadcrumbs.html" (dict "page" . "min" 0) }}
</p> </div>
<div class="post-meta"> <div class="post-meta">
{{- if .Date }} {{- if .Date }}