From 151b5149973594233512d27dba434184665e398827f7da361a644501a16b1e58 Mon Sep 17 00:00:00 2001
From: Nicholas Johnson <>
Date: Sun, 6 Sep 2026 00:00:00 +0000
Subject: Add audio support for entries on website

---
 layouts/_partials/pageinfo.html | 7 ++++++-
 layouts/single.html             | 6 ++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

(limited to 'layouts')

diff --git a/layouts/_partials/pageinfo.html b/layouts/_partials/pageinfo.html
index 9d60ea6..47f1194 100644
--- a/layouts/_partials/pageinfo.html
+++ b/layouts/_partials/pageinfo.html
@@ -20,4 +20,9 @@
   {{ $nonBreakingTags = $nonBreakingTags | append $nonBreakingTag -}}
 {{ end -}}
 
-<span class="meta-item">{{ emojify ":calendar:" }}&nbsp;<time {{ printf "datetime=%q" (.Page.PublishDate | time.Format "2006-01-02T15:04:05-0700") | safeHTMLAttr }}>{{ $nonBreakingPublishDate | safeHTML }}</time></span><span class="meta-item">{{ emojify ":stopwatch:" }}&nbsp;<time datetime="PT{{ .ReadingTime }}M">{{ $nonBreakingReadingTime | safeHTML }}</time></span>{{ if $nonBreakingTags }}<span class="meta-item">{{ emojify ":label:" }}&nbsp;{{ range $key, $val := $nonBreakingTags }}{{ if $key }} {{ end }}<a class="link link--internal" href='{{ relLangURL (lower (i18n "tags")) }}/{{ index $breakingTags $key | urlize }}/' rel="noreferrer">{{ $val | safeHTML }}</a>{{ end }}</span>{{ end }}
+{{/* user-overridable parameter $audioAvailable is escaped pre-insertion so that HTML entities can be inserted */ -}}
+{{ $nonBreakingAudioAvailable := i18n "audioAvailable" .Title | htmlEscape -}}
+{{ $nonBreakingAudioAvailable = replace $nonBreakingAudioAvailable " " "&nbsp;" -}}
+{{ $nonBreakingAudioAvailable = replace $nonBreakingAudioAvailable "-" "&#8209;" -}}
+
+<span class="meta-item">{{ emojify ":calendar:" }}&nbsp;<time {{ printf "datetime=%q" (.Page.PublishDate | time.Format "2006-01-02T15:04:05-0700") | safeHTMLAttr }}>{{ $nonBreakingPublishDate | safeHTML }}</time></span><span class="meta-item">{{ emojify ":stopwatch:" }}&nbsp;<time datetime="PT{{ .ReadingTime }}M">{{ $nonBreakingReadingTime | safeHTML }}</time></span>{{ if where .Resources "MediaType.MainType" "audio" }}<span class="meta-item">{{ emojify ":headphones:" }}&nbsp;{{ $nonBreakingAudioAvailable | safeHTML }}</span>{{ end }}{{ if $nonBreakingTags }}<span class="meta-item">{{ emojify ":label:" }}&nbsp;{{ range $key, $val := $nonBreakingTags }}{{ if $key }} {{ end }}<a class="link link--internal" href='{{ relLangURL (lower (i18n "tags")) }}/{{ index $breakingTags $key | urlize }}/' rel="noreferrer">{{ $val | safeHTML }}</a>{{ end }}</span>{{ end }}
diff --git a/layouts/single.html b/layouts/single.html
index 9a8c8ae..e7522a0 100644
--- a/layouts/single.html
+++ b/layouts/single.html
@@ -7,6 +7,12 @@
     <h1 id="{{ .File.TranslationBaseName }}" class="entry__heading">{{ .Title }}</h1>
     {{- if (.Page.Params.pageinfo | default true) }}
     <p class="entry__pageinfo">{{ partial "pageinfo.html" . }}</p>
+    {{- end -}}
+    {{ with index (where .Resources "MediaType.MainType" "audio") 0 }}
+    <audio class="entry__audio" controls preload="metadata" aria-label="{{ i18n "audioVersion" $.Title }}">
+      <source src="{{ .RelPermalink }}" type="{{ .MediaType }}">
+      {{ i18n "audioUnsupported" }}
+    </audio>
     {{- end }}
   </div>
   {{ chomp (.Content) }}
-- 
cgit v1.2.3