| | |
| | | name="description" |
| | | content="{{if .IsHome}}{{$.Site.Data.config.description}}{{else}}{{.Summary}}{{end}}" |
| | | /> |
| | | <title>{{ if .Title }}{{ .Title }}{{ else }}{{ $.Site.Data.config.page_title }}{{ end }}</title> |
| | | <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" /> |
| | | <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 }} |
| | | {{$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 }} |
| | | {{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 }} |
| | | {{$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([ |
| | |
| | | })) |
| | | |
| | | 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 siteBaseURL = new URL({{$.Site.BaseURL}}); |
| | | const pathBase = siteBaseURL.pathname; |
| | | const pathWindow = window.location.pathname; |
| | | const isHome = pathBase == pathWindow ? true : false; |
| | | |
| | | // 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. |
| | | {{if $.Site.Data.config.enableFooter}} |
| | | 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 (isHome && {{$.Site.Data.graphConfig.enableGlobalGraph}}) { |
| | | drawGraph( |
| | | {{strings.TrimRight "/" .Site.BaseURL}}, |
| | | {{$.Site.Data.graphConfig.paths}}, |
| | | {{$.Site.Data.graphConfig.depthGG}}, |
| | | {{$.Site.Data.graphConfig.enableDragGG}}, |
| | | {{$.Site.Data.graphConfig.enableLegendGG}}, |
| | | {{$.Site.Data.graphConfig.enableZoomGG}}, |
| | | true, |
| | | {{$.Site.Data.graphConfig.opacityScaleGG}}, |
| | | {{$.Site.Data.graphConfig.scaleGG}}, |
| | | {{$.Site.Data.graphConfig.repelForceGG}}, |
| | | {{$.Site.Data.graphConfig.fontSizeGG}} |
| | | ); |
| | | } else { |
| | | 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}}, |
| | | false, |
| | | {{$.Site.Data.graphConfig.opacityScale}}, |
| | | {{$.Site.Data.graphConfig.scale}}, |
| | | {{$.Site.Data.graphConfig.repelForce}}, |
| | | {{$.Site.Data.graphConfig.fontSize}} |
| | | ); |
| | | } |
| | | |
| | | {{end}} |
| | | {{if $.Site.Data.config.enableLinkPreview}} |
| | | initPopover( |
| | | {{strings.TrimRight "/" .Site.BaseURL }}, |
| | |
| | | {{end}} |
| | | }; |
| | | </script> |
| | | {{if $.Site.Data.config.enableSPA}} {{ $router := resources.Get "js/router.js" | |
| | | resources.Fingerprint "md5" | resources.Minify }} |
| | | {{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) |