{{/* Apply the saved/system theme before the document's first paint. */}}
{{ with resources.Get "theme.js" | resources.Minify | resources.Fingerprint }}
<script src="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}"></script>
{{ end }}

{{/* Inject KaTeX globally when math is enabled at site or page level */}}
{{- $enableMath := or (default false .Site.Params.BookMath) (default false .Params.math) (.HasShortcode "katex") -}}
{{- if $enableMath -}}
  <link rel="stylesheet" href="{{ "katex/katex.min.css" | relURL }}" />
  <script defer src="{{ "katex/katex.min.js" | relURL }}"></script>
  {{ with resources.Get "katex.json" }}
    <script defer src="{{ "katex/auto-render.min.js" | relURL }}" onload="renderMathInElement(document.body, {{ .Content | safeJS }});"></script>
  {{ end }}
  {{- .Page.Store.Set "katex" true -}}
{{- end -}}

{{/* CoMLRL favicon and progressive navigation enhancements. */}}
<link rel="preload" href="{{ "fonts/InterVariable.woff2" | relURL }}" as="font" type="font/woff2" crossorigin />
<link rel="icon" type="image/svg+xml" href="{{ "img/comlrl-icon.svg" | relURL }}" />
<link rel="icon" type="image/png" href="{{ "img/comlrl-icon.png" | relURL }}" />
<link rel="apple-touch-icon" href="{{ "img/comlrl-icon.png" | relURL }}" />
{{ with resources.Get "docs.js" | resources.Minify | resources.Fingerprint }}
<script defer src="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}"></script>
{{ end }}

{{ if .HasShortcode "rollout-diagram" }}
  {{ with resources.Get "rollout-diagrams.js" | resources.Minify | resources.Fingerprint }}
  <script defer src="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}"></script>
  {{ end }}
{{ end }}

{{ if or .IsHome (.HasShortcode "rollout-diagram") }}
  {{ with resources.Get "visual-viewer.js" | resources.Minify | resources.Fingerprint }}
  <script defer src="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}"></script>
  {{ end }}
{{ end }}