diff options
| author | Danilo M. <danix@danix.xyz> | 2026-04-29 12:24:45 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-04-29 12:24:45 +0200 |
| commit | 749cb3b4dc0c5ee7b9a2622a6cb1d731ffbc5004 (patch) | |
| tree | a5c05fd86fe07dfe96f3129b7e5833311f00cb68 /layouts | |
| parent | d028aeced2049b753f126ec70fad7d73449b7516 (diff) | |
| download | danixxyz-theme-749cb3b4dc0c5ee7b9a2622a6cb1d731ffbc5004.tar.gz danixxyz-theme-749cb3b4dc0c5ee7b9a2622a6cb1d731ffbc5004.zip | |
feat: add obsolete article banner
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 }} |