diff options
Diffstat (limited to 'layouts')
| -rw-r--r-- | layouts/_default/single.html | 3 | ||||
| -rw-r--r-- | layouts/partials/obsolete-banner.html | 22 |
2 files changed, 25 insertions, 0 deletions
diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 7a1a069..aaced43 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -14,6 +14,9 @@ <!-- Article header --> {{ partial "article-header.html" . }} + <!-- Obsolete article banner --> + {{ partial "obsolete-banner.html" . }} + <!-- Article content --> <div class="prose prose-invert max-w-none mb-12"> {{ .Content }} diff --git a/layouts/partials/obsolete-banner.html b/layouts/partials/obsolete-banner.html new file mode 100644 index 0000000..9bcaab9 --- /dev/null +++ b/layouts/partials/obsolete-banner.html @@ -0,0 +1,22 @@ +{{ if .Params.obsolete }} + {{ $successor := false }} + {{ with .Params.successor }} + {{ $successor = site.GetPage . }} + {{ end }} + <div class="banner-obsolete" role="alert"> + <div class="banner-obsolete__inner"> + <i data-feather="alert-triangle" class="w-5 h-5 shrink-0" aria-hidden="true"></i> + <span class="sr-only">{{ i18n "obsolete_label" }}</span> + <div class="banner-obsolete__body"> + <p>{{ i18n "obsolete_warning" }}</p> + {{ if $successor }} + <a href="{{ $successor.Permalink }}" class="banner-obsolete__cta"> + {{ i18n "obsolete_read_updated" }} + <i data-feather="arrow-right" class="w-4 h-4" aria-hidden="true"></i> + <span>{{ $successor.Title }}</span> + </a> + {{ end }} + </div> + </div> + </div> +{{ end }} |