quartz/layouts/partials/head.html

<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" .}} {{ $popover := resources.Get "js/popover.js" | resources.Fingerprint
  "md5" | resources.Minify }}
  <script src="{{$popover.Permalink}}"></script>

  <!--  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,
        }))

    const draw = () => {
      // 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.

      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}}
      );

      {{if $.Site.Data.config.enableLinkPreview}}
      initPopover(
        {{strings.TrimRight "/" .Site.BaseURL }},
        {{$.Site.Data.config.enableContextualBacklinks}},
        {{$.Site.Data.config.enableLatex}}
      )
      {{end}}
      {{if $.Site.Data.config.enableLatex}}
      renderMathInElement(document.body, {
        delimiters: [
          {left: '$$', right: '$$', display: true},
          {left: '$', right: '$', display: false},
        ],
        throwOnError : false
      });
      {{end}}
    };
  </script>
  {{if $.Site.Data.config.enableSPA}} {{ $router := resources.Get "js/router.js" |
  resources.Fingerprint "md5" | resources.Minify }}
  <script type="module">
    import { attachSPARouting } from "{{$router.Permalink}}"
    attachSPARouting(draw)
  </script>
  {{else}}
  <script>
    window.Million = {
      navigate: (url) => (window.location.href = url),
      prefetch: () => {},
    }
    draw()
  </script>
  {{end}}
</head>
{{ template "_internal/google_analytics.html" . }}
add base structure 2021-07-18 16:35:42 +03:00			`<head>`
Add router 2022-05-02 08:06:33 +03:00			`<!-- Meta tags -->`
			`<meta charset="UTF-8" />`
			`<meta`
			`name="description"`
			`content="{{if .IsHome}}{{$.Site.Data.config.description}}{{else}}{{.Summary}}{{end}}"`
			`/>`
Fix non-spa fallback 2022-05-28 04:42:01 +03:00			`<title>{{ if .Title }}{{ .Title }}{{ else }}{{ $.Site.Data.config.page_title }}{{ end }}</title>`
Add router 2022-05-02 08:06:33 +03:00			`<meta name="viewport" content="width=device-width, initial-scale=1" />`
Fix non-spa fallback 2022-05-28 04:42:01 +03:00			`<link rel="shortcut icon" type="image/png" href="{{$.Site.BaseURL}}/icon.png" />`
add base structure 2021-07-18 16:35:42 +03:00
Add router 2022-05-02 08:06:33 +03:00			`<!-- 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"`
			`/>`
Fix non-spa fallback 2022-05-28 04:42:01 +03:00			`{{$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 }}`
Add router 2022-05-02 08:06:33 +03:00			`<link href="{{$finalCss.Permalink}}" rel="stylesheet" />`
Execute darkmode script before first render 2021-08-13 23:46:00 +03:00
Fix non-spa fallback 2022-05-28 04:42:01 +03:00			`{{ $darkMode := resources.Get "js/darkmode.js" \| resources.Fingerprint "md5" \| resources.Minify }}`
Add router 2022-05-02 08:06:33 +03:00			`<script src="{{$darkMode.Permalink}}"></script>`
Fix non-spa fallback 2022-05-28 04:42:01 +03:00			`{{partial "katex.html" .}} {{ $popover := resources.Get "js/popover.js" \| resources.Fingerprint`
			`"md5" \| resources.Minify }}`
Fix popover 2022-05-03 18:47:42 +03:00			`<script src="{{$popover.Permalink}}"></script>`

Add router 2022-05-02 08:06:33 +03:00			`<!-- Preload page vars -->`
Fix non-spa fallback 2022-05-28 04:42:01 +03:00			`{{$linkIndex := resources.Get "indices/linkIndex.json" \| resources.Fingerprint "md5" \|`
			`resources.Minify \| }} {{$contentIndex := resources.Get "indices/contentIndex.json" \|`
			`resources.Fingerprint "md5" \| resources.Minify }}`
Add router 2022-05-02 08:06:33 +03:00			`<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,`
			`}))`
fix: js not executing if spa disabled 2022-05-20 23:50:56 +03:00
Rename API and generalize router API 2022-05-03 20:16:09 +03:00			`const draw = () => {`
Fix non-spa fallback 2022-05-28 04:42:01 +03:00			`// 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.`

Rename API and generalize router API 2022-05-03 20:16:09 +03:00			`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 = ""`

Fix popover 2022-05-03 18:47:42 +03:00			`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}}`
			`);`
Add router 2022-05-02 08:06:33 +03:00
Fix popover 2022-05-03 18:47:42 +03:00			`{{if $.Site.Data.config.enableLinkPreview}}`
fix: clean wikilinks and render latex in popover 2022-05-06 03:30:55 +03:00			`initPopover(`
			`{{strings.TrimRight "/" .Site.BaseURL }},`
			`{{$.Site.Data.config.enableContextualBacklinks}},`
			`{{$.Site.Data.config.enableLatex}}`
			`)`
Fix popover 2022-05-03 18:47:42 +03:00			`{{end}}`
Fix latex 2022-05-04 18:10:59 +03:00			`{{if $.Site.Data.config.enableLatex}}`
fix: merge conf 2022-05-05 08:03:09 +03:00			`renderMathInElement(document.body, {`
			`delimiters: [`
			`{left: '$$', right: '$$', display: true},`
			`{left: '$', right: '$', display: false},`
			`],`
			`throwOnError : false`
			`});`
Fix latex 2022-05-04 18:10:59 +03:00			`{{end}}`
Add router 2022-05-02 08:06:33 +03:00			`};`
fix: js not executing if spa disabled 2022-05-20 23:50:56 +03:00			`</script>`
Fix non-spa fallback 2022-05-28 04:42:01 +03:00			`{{if $.Site.Data.config.enableSPA}} {{ $router := resources.Get "js/router.js" \|`
			`resources.Fingerprint "md5" \| resources.Minify }}`
fix: js not executing if spa disabled 2022-05-20 23:50:56 +03:00			`<script type="module">`
Fix non-spa fallback 2022-05-28 04:42:01 +03:00			`import { attachSPARouting } from "{{$router.Permalink}}"`
			`attachSPARouting(draw)`
Add router 2022-05-02 08:06:33 +03:00			`</script>`
cfg: make SPA optional 2022-05-03 17:43:22 +03:00			`{{else}}`
fix: js not executing if spa disabled 2022-05-20 23:50:56 +03:00			`<script>`
Fix non-spa fallback 2022-05-28 04:42:01 +03:00			`window.Million = {`
			`navigate: (url) => (window.location.href = url),`
			`prefetch: () => {},`
			`}`
			`draw()`
fix: js not executing if spa disabled 2022-05-20 23:50:56 +03:00			`</script>`
cfg: make SPA optional 2022-05-03 17:43:22 +03:00			`{{end}}`
more docs + link fixing 2021-07-18 22:19:58 +03:00			`</head>`
Execute darkmode script before first render 2021-08-13 23:46:00 +03:00			`{{ template "_internal/google_analytics.html" . }}`