| | |
|---|
| | | <head> |
|---|
| | | <link rel="preconnect" href="https://www.googletagmanager.com"> |
|---|
| | | <link crossorigin rel="preconnect" href="https://www.google-analytics.com"> |
|---|
| | | {{ template "_internal/google_analytics_async.html" . }} |
|---|
| | | |
|---|
| | | <!-- Meta tags --> |
|---|
| | | <meta charset="UTF-8"> |
|---|
| | | <meta name="description" content="{{$.Site.Data.config.description}}"> |
|---|
| | | <title>{{$.Site.Data.config.page_title}}</title> |
|---|
| | | <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;700&family=Source+Sans+Pro:wght@400;700&family=Fira+Code:wght@400;700&display=swap" rel="stylesheet"> |
|---|
| | | {{ $css := slice "darkmode.scss" "syntax.scss"}} |
|---|
| | | <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"> |
|---|
| | | {{$css := slice "base.scss" "darkmode.scss" "syntax.scss" "custom.scss"}} |
|---|
| | | {{range $css}} |
|---|
| | | {{$sass := resources.Get . | resources.ToCSS }} |
|---|
| | | {{with $sass | minify}} |
|---|
| | |
|---|
| | | </style> |
|---|
| | | {{end}} |
|---|
| | | {{end}} |
|---|
| | | </head> |
|---|
| | | |
|---|
| | | {{- with resources.Get "darkmode.js" | minify -}} |
|---|
| | | <script> |
|---|
| | | {{.Content | safeJS }} |
|---|
| | | </script> |
|---|
| | | {{- end -}} |
|---|
| | | |
|---|
| | | <!-- Preload page vars --> |
|---|
| | | <script> |
|---|
| | | const fetchData = async () => { |
|---|
| | | const promises = [ |
|---|
| | | fetch("/linkIndex.json") |
|---|
| | | .then(data => data.json()) |
|---|
| | | .then(data => ({ |
|---|
| | | index: data.index, |
|---|
| | | links: data.links, |
|---|
| | | })), |
|---|
| | | fetch("/contentIndex.json") |
|---|
| | | .then(data => data.json()), |
|---|
| | | ] |
|---|
| | | const [{index, links}, content] = await Promise.all(promises) |
|---|
| | | return ({ |
|---|
| | | index, |
|---|
| | | links, |
|---|
| | | content, |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | </head> |
|---|
| | | {{ template "_internal/google_analytics.html" . }} |
|---|
| | | {{ partial "popover.html" .}} |
|---|
