From e409c7112f4970c22cb46c333cd01cf2b5eb21b9 Mon Sep 17 00:00:00 2001
From: Pim van Pelt <pim@ipng.ch>
Date: Mon, 5 Aug 2024 16:49:43 +0200
Subject: [PATCH] Load JS and CSS for Asciinema only if params.asciinema is set
 to true in the frontmatter

---
 themes/hugo-theme-ipng/layouts/partials/head.html        | 5 ++++-
 themes/hugo-theme-ipng/layouts/shortcodes/asciinema.html | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/themes/hugo-theme-ipng/layouts/partials/head.html b/themes/hugo-theme-ipng/layouts/partials/head.html
index df8d9b3..62bde11 100644
--- a/themes/hugo-theme-ipng/layouts/partials/head.html
+++ b/themes/hugo-theme-ipng/layouts/partials/head.html
@@ -3,7 +3,6 @@
     <title>{{ .Site.Title }} {{ with .Title }}- {{ . }} {{ end }}</title>
     <link rel="stylesheet" type="text/css" href="{{ "css/fonts.css" | relURL }}" />
     <link rel="stylesheet" type="text/css" href="{{ "css/fontawesome.css" | relURL }}" />
-    <link rel="stylesheet" type="text/css" href="{{ "css/asciinema-player.css" | relURL }}" />
     {{ $options := dict "transpiler" "libsass" "targetPath" "css/styles.css" -}}
     {{ $style := resources.Get "styles.scss" | toCSS $options | minify | fingerprint -}}
     <link rel="stylesheet" type="text/css" href="{{ $style.RelPermalink }}">
@@ -20,4 +19,8 @@
         {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
     {{ end -}}
     <script defer data-domain="ipng.ch" data-api="/api/event" src="/js/script.js"></script>
+    {{ if eq .Params.asciinema true -}}
+    <link rel="stylesheet" type="text/css" href="{{ "css/asciinema-player.css" | relURL }}" />
+    <script src="{{ "js/asciinema-player.min.js" | relURL }}"></script>
+    {{- end }}
 </head>
diff --git a/themes/hugo-theme-ipng/layouts/shortcodes/asciinema.html b/themes/hugo-theme-ipng/layouts/shortcodes/asciinema.html
index 0552f5f..42a7c52 100644
--- a/themes/hugo-theme-ipng/layouts/shortcodes/asciinema.html
+++ b/themes/hugo-theme-ipng/layouts/shortcodes/asciinema.html
@@ -1,2 +1,2 @@
-<script src="{{ "js/asciinema-player.min.js" | relURL }}"></script><div id='{{ .Get "src" | replaceRE "[[:^alnum:]]" "" }}'></div>
+<div id='{{ .Get "src" | replaceRE "[[:^alnum:]]" "" }}'></div>
 <script>AsciinemaPlayer.create("{{ .Get "src" }}", document.getElementById('{{ .Get "src" | replaceRE "[[:^alnum:]]" "" }}'));</script>