<head> <!-- Meta tags --> <meta charset="UTF-8" /> <meta name="description" content="{{if .IsHome}}{{$.Site.Data.config.description}}{{else}}{{.Summary}}{{end}}" /> <title> {{ if .Title }}{{ .Title }}{{ else }}{{ $.Site.Data.config.page_title }}{{ end }} </title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="shortcut icon" type="image/png" href="{{$.Site.BaseURL}}/icon.png" /> <!-- CSS Stylesheets and Fonts --> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Source+Sans+Pro:wght@400;600;700&family=Fira+Code:wght@400;700&display=swap" rel="stylesheet" /> {{$sass := resources.Match "styles/[!_]*.scss" }} {{$css := slice }} {{range $sass}} {{$scss := . | resources.ToCSS (dict "outputStyle" "compressed") }} {{$css = $css | append $scss}} {{end}} {{$finalCss := $css | resources.Concat "styles.css" | resources.Fingerprint "md5" | resources.Minify }} <link href="{{$finalCss.Permalink}}" rel="stylesheet" /> {{ $darkMode := resources.Get "js/darkmode.js" | resources.Fingerprint "md5" | resources.Minify }} <script src="{{$darkMode.Permalink}}"></script> {{partial "katex.html" .}} <!-- Preload page vars --> {{$linkIndex := resources.Get "indices/linkIndex.json" | resources.Fingerprint "md5" | resources.Minify | }} {{$contentIndex := resources.Get "indices/contentIndex.json" | resources.Fingerprint "md5" | resources.Minify }} <script> const BASE_URL = {{.Site.BaseURL}} const fetchData = Promise.all([ fetch("{{ $linkIndex.Permalink }}") .then(data => data.json()) .then(data => ({ index: data.index, links: data.links, })), fetch("{{ $contentIndex.Permalink }}") .then(data => data.json()), ]) .then(([{index, links}, content]) => ({ index, links, content, })) </script> {{if $.Site.Data.config.enableSPA}} <script type="module"> import { router, navigate } from "https://unpkg.com/million/dist/router.mjs"; // SPA navigation for access later window.navigate = navigate; // We only mutate document.title and content within .singlePage element router(".singlePage"); const callback = () => { // requestAnimationFrame() delays graph draw until SPA routing is finished const draw = () => { const container = document.getElementById("graph-container"); // retry if the graph is not ready if (!container) return requestAnimationFrame(draw); // clear the graph in case there is anything within it container.textContent = ""; drawGraph( {{strings.TrimRight "/" .Site.BaseURL}}, {{$.Site.Data.graphConfig.paths}}, {{$.Site.Data.graphConfig.depth}}, {{$.Site.Data.graphConfig.enableDrag}}, {{$.Site.Data.graphConfig.enableLegend}}, {{$.Site.Data.graphConfig.enableZoom}} ); }; requestAnimationFrame(draw); }; // We need on initial load, then subsequent redirs window.addEventListener("million:navigate", callback); window.addEventListener("DOMContentLoaded", callback); </script> {{else}} <script>window.navigate = (url) => window.location.href = url</script> {{end}} </head> {{ template "_internal/google_analytics.html" . }}