Update project structure + new shortcodes

3 files changed, 19 insertions, 0 deletions

diff --git a/themes/cranky/layouts/shortcodes/img.html b/themes/cranky/layouts/shortcodes/img.html
index ff7959b..7d57af3 100644
--- a/themes/cranky/layouts/shortcodes/img.html
+++ b/themes/cranky/layouts/shortcodes/img.html
@@ -10,6 +10,7 @@
 	<img src="{{ .Get "src" }}"
 	     {{- with .Get "mouse" }} title="{{.}}"{{ end -}}
 	     {{- with .Get "alt" }} alt="{{.}}"{{ end -}}
+       loading="lazy"
 	>
 	{{- if .Get "link"}}</a>{{ end -}}
 	{{- with .Get "caption" -}}
diff --git a/themes/cranky/layouts/shortcodes/mermaid.html b/themes/cranky/layouts/shortcodes/mermaid.html
new file mode 100644
index 0000000..a752e38
--- /dev/null
+++ b/themes/cranky/layouts/shortcodes/mermaid.html
@@ -0,0 +1,8 @@
+{{ if ($.Page.Params.mermaid) }}
+<script src="//cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
+<script>!window.mermaid && document.write(unescape('%3Cscript src="/js/mermaid-8.9.1/mermaid.min.js"%3E%3C/script%3E'))</script>
+<script>mermaid.initialize({startOnLoad:true,theme:'dark'});</script>
+{{ end }}
+<div class="mermaid">
+  {{.Inner}}
+</div>
diff --git a/themes/cranky/layouts/shortcodes/youtubepl.html b/themes/cranky/layouts/shortcodes/youtubepl.html
new file mode 100644
index 0000000..c0e3d7c
--- /dev/null
+++ b/themes/cranky/layouts/shortcodes/youtubepl.html
@@ -0,0 +1,10 @@
+{{- $pc := .Page.Site.Config.Privacy.YouTube -}}
+{{- if not $pc.Disable -}}
+{{- $ytHost := cond $pc.PrivacyEnhanced  "www.youtube-nocookie.com" "www.youtube.com" -}}
+{{- $id := .Get "id" | default (.Get 0) -}}
+{{- $class := .Get "class" | default (.Get 1) -}}
+{{- $title := .Get "title" | default "YouTube Video" }}
+<div {{ with $class }}class="{{ . }}"{{ else }}style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"{{ end }}>
+  <iframe src="https://{{ $ytHost }}/embed/videoseries?list={{ $id }}{{ with .Get "autoplay" }}{{ if eq . "true" }}&autoplay=1{{ end }}{{ end }}" {{ if not $class }}style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" {{ end }}allowfullscreen title="{{ $title }}"></iframe>
+</div>
+{{ end -}}