mirror of
https://github.com/falsycat/ar.falsy.cat.git
synced 2024-09-15 17:24:52 +00:00
7f6523337c
The popover script doesn’t ever start in until the DOM has finished Loading, so wait for the script to be downloaded and parsed before Showing the content to the user makes no sense.
46 lines
2.0 KiB
HTML
46 lines
2.0 KiB
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="/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>
|
|
|
|
<!-- 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>
|
|
</head>
|
|
{{ template "_internal/google_analytics.html" . }}
|