StandingPad Animations
f1d582ff98
This switches the Gallery shortcode to use MagicGrid instead of Packery. The main benefit is size (2.7k as opposed to 32k), and the results are mostly similar minus a few differences in image position.
64 lines
2.9 KiB
HTML
64 lines
2.9 KiB
HTML
{{/* jQuery */}}
|
|
{{ $jqueryLib := resources.Get "lib/jquery/jquery.slim.min.js" }}
|
|
<script src="{{ $jqueryLib.RelPermalink }}" integrity="{{ $jqueryLib.Data.Integrity }}"></script>
|
|
|
|
{{/* Mermaid */}}
|
|
{{ if .Page.HasShortcode "mermaid" }}
|
|
<script type="module">
|
|
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';
|
|
mermaid.initialize({
|
|
startOnLoad: true
|
|
});
|
|
</script>
|
|
{{ end }}
|
|
|
|
{{/* Chart */}}
|
|
{{ if .Page.HasShortcode "chart" }}
|
|
{{ $chartLib := resources.Get "lib/chart/chart.min.js" }}
|
|
{{ $chartConfig := resources.Get "js/chart.js" }}
|
|
{{ $chartConfig := $chartConfig | resources.Minify }}
|
|
{{ $chartJS := slice $chartLib $chartConfig | resources.Concat "js/chart.bundle.js" | resources.Fingerprint "sha512" }}
|
|
<script defer type="text/javascript" src="{{ $chartJS.RelPermalink }}"
|
|
integrity="{{ $chartJS.Data.Integrity }}"></script>
|
|
{{ end }}
|
|
|
|
{{/* Katex */}}
|
|
{{ if .Page.HasShortcode "katex" }}
|
|
{{ $katexCSS := resources.Get "lib/katex/katex.min.css" }}
|
|
{{ $katexCSS := $katexCSS | resources.Fingerprint "sha512" }}
|
|
<link type="text/css" rel="stylesheet" href="{{ $katexCSS.RelPermalink }}" integrity="{{ $katexCSS.Data.Integrity }}" />
|
|
{{ $katexJS := resources.Get "lib/katex/katex.min.js" }}
|
|
{{ $katexJS := $katexJS | resources.Fingerprint "sha512" }}
|
|
<script defer src="{{ $katexJS.RelPermalink }}" integrity="{{ $katexJS.Data.Integrity }}"></script>
|
|
{{ $katexRenderJS := resources.Get "lib/katex/auto-render.min.js" }}
|
|
{{ $katexRenderJS := $katexRenderJS | resources.Fingerprint "sha512" }}
|
|
<script defer src="{{ $katexRenderJS.RelPermalink }}" integrity="{{ $katexRenderJS.Data.Integrity }}"
|
|
onload="renderMathInElement(document.body);"></script>
|
|
{{ $katexFonts := resources.Match "lib/katex/fonts/*" }}
|
|
{{ range $katexFonts }}
|
|
<!-- {{ .RelPermalink }} -->
|
|
{{ end }}
|
|
{{ end }}
|
|
|
|
{{/* TypeIt */}}
|
|
{{ if .Page.HasShortcode "typeit" }}
|
|
{{ $typeitLib := resources.Get "lib/typeit/typeit.umd.js" }}
|
|
<script defer src="{{ $typeitLib.RelPermalink }}" integrity="{{ $typeitLib.Data.Integrity }}"></script>
|
|
{{ end }}
|
|
|
|
{{/* Packery */}}
|
|
{{ if .Page.HasShortcode "gallery" }}
|
|
{{ $magicGridLib := resources.Get "lib/magic-grid/magic-grid.min.js" }}
|
|
<script defer src="{{ $magicGridLib.RelPermalink }}" integrity="{{ $magicGridLib.Data.Integrity }}"></script>
|
|
|
|
{{ $jsShortcodeGallery := resources.Get "js/shortcodes/gallery.js" }}
|
|
{{ $jsShortcodeGallery = $jsShortcodeGallery | resources.Minify | resources.Fingerprint "sha512" }}
|
|
<script type="text/javascript" src="{{ $jsShortcodeGallery.RelPermalink }}" integrity="{{ $jsShortcodeGallery.Data.Integrity }}"></script>
|
|
{{ end }}
|
|
|
|
{{/* tw-elements */}}
|
|
{{ if or (.Page.HasShortcode "carousel") (.Page.HasShortcode "timeline")}}
|
|
{{ $twelementsLib := resources.Get "lib/tw-elements/index.min.js" }}
|
|
<script defer src="{{ $twelementsLib.RelPermalink }}" integrity="{{ $twelementsLib.Data.Integrity }}"></script>
|
|
{{ end }}
|