ipng/ipng.ch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Load JS and CSS for Asciinema only if params.asciinema is set to true in the frontmatter

Browse Source
This commit is contained in:
Pim van Pelt
2024-08-05 16:49:43 +02:00
parent 2ba7b4af1b
commit e409c7112f
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
themes/hugo-theme-ipng/layouts/partials/head.html
View File

@ -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>

2
themes/hugo-theme-ipng/layouts/shortcodes/asciinema.html
View File

@ -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>