Aiden Bai
2022-05-04 b4ff12ca0b1b5179c20a1ea57f182caa703b0826
layouts/partials/head.html
@@ -66,11 +66,16 @@
  {{ $router := resources.Get "js/router.js" | resources.Fingerprint "md5" |
  resources.Minify }}
  <script type="module">
    import { init } from '{{$router.Permalink}}';
    import { attachSPARouting } from '{{$router.Permalink}}';
    // NOTE: everything within this callback will be executed for every page navigation. This is a good place to put JavaScript that loads or modifies data on the page.
    init(() => {
    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 "/" .Page.Permalink}},
        {{strings.TrimRight "/" .Site.BaseURL}},
        {{$.Site.Data.graphConfig.paths}},
        {{$.Site.Data.graphConfig.depth}},
@@ -82,7 +87,17 @@
      {{if $.Site.Data.config.enableLinkPreview}}
        initPopover({{strings.TrimRight "/" .Site.BaseURL }})
      {{end}}
    });
      {{if $.Site.Data.config.enableLatex}}
        renderMathInElement(document.body, {
          delimiters: [
            {left: '$$', right: '$$', display: true},
            {left: '$', right: '$', display: false},
          ],
          throwOnError : false
        });
      {{end}}
    };
    attachSPARouting(draw);
  </script>
  {{else}}
  <script>window.navigate = (url) => window.location.href = url</script>