tomoyanonymous/quartz-research-note
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity
1313bd9779
quartz-research-note/layouts/partials/head.html

57 lines
2.0 KiB
HTML
Raw Normal View History

add base structure
2021-07-18 13:35:42 +00:00
<head>
<!-- Meta tags -->
<meta charset="UTF-8">
popover implementation
2022-01-03 18:18:31 +00:00
<meta name="description" content="{{if .IsHome}}{{$.Site.Data.config.description}}{{else}}{{.Summary}}{{end}}">
proper backlink and graph display in footer
2021-07-18 17:02:53 +00:00
<title>{{ if .Title }}{{ .Title }}{{ else }}{{ $.Site.Data.config.page_title }}{{ end }}</title>
add base structure
2021-07-18 13:35:42 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/png" href="/icon.png" />
<!-- CSS Stylesheets and Fonts -->
various font and colour fixes
2021-12-26 05:09:15 +00:00
<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">
Move css and js to appropriate files Having the CSS and JS in the html template produces pages larger than necessary, as each page need to contain all the js/css. Separating them in appropriate files allow the browser to just download them once and use them for all the pages. This is even more effective with an aggressive cache policy for the js and css, something that can be done without fear thanks to the implemented cache-busting. Also, having then in separate files allows us to use Hugo pipelines for minimizing the code.
2022-03-04 02:07:51 +00:00
{{$sass := resources.Match "styles/[!_]*.scss" }}
{{$css := slice }}
{{range $sass}}
{{$scss := . | resources.ToCSS (dict "outputStyle" "compressed") }}
{{$css = $css | append $scss}}
add base structure
2021-07-18 13:35:42 +00:00
{{end}}
Move css and js to appropriate files Having the CSS and JS in the html template produces pages larger than necessary, as each page need to contain all the js/css. Separating them in appropriate files allow the browser to just download them once and use them for all the pages. This is even more effective with an aggressive cache policy for the js and css, something that can be done without fear thanks to the implemented cache-busting. Also, having then in separate files allows us to use Hugo pipelines for minimizing the code.
2022-03-04 02:07:51 +00:00
{{$finalCss := $css | resources.Concat "styles.css" | resources.Fingerprint "md5" | resources.Minify }}
<link href="{{$finalCss.Permalink}}" rel="stylesheet">
Execute darkmode script before first render
2021-08-13 20:46:00 +00:00
Move css and js to appropriate files Having the CSS and JS in the html template produces pages larger than necessary, as each page need to contain all the js/css. Separating them in appropriate files allow the browser to just download them once and use them for all the pages. This is even more effective with an aggressive cache policy for the js and css, something that can be done without fear thanks to the implemented cache-busting. Also, having then in separate files allows us to use Hugo pipelines for minimizing the code.
2022-03-04 02:07:51 +00:00
{{ $darkMode := resources.Get "js/darkmode.js" | resources.Fingerprint "md5" | resources.Minify }}
<script src="{{$darkMode.Permalink}}"></script>
popover implementation
2022-01-03 18:18:31 +00:00
<!-- Preload page vars -->
<script>
Move css and js to appropriate files Having the CSS and JS in the html template produces pages larger than necessary, as each page need to contain all the js/css. Separating them in appropriate files allow the browser to just download them once and use them for all the pages. This is even more effective with an aggressive cache policy for the js and css, something that can be done without fear thanks to the implemented cache-busting. Also, having then in separate files allows us to use Hugo pipelines for minimizing the code.
2022-03-04 02:07:51 +00:00
const BASE_URL = {{.Site.BaseURL}}
fix relative pathing for dynamic fetch
2022-02-16 03:54:20 +00:00
let saved = false
const fetchData = async () => {
if (saved) {
return saved
} else {
const promises = [
fetch("{{ .Site.BaseURL }}/linkIndex.json")
.then(data => data.json())
.then(data => ({
index: data.index,
links: data.links,
})),
fetch("{{ .Site.BaseURL }}/contentIndex.json")
.then(data => data.json()),
]
const [{index, links}, content] = await Promise.all(promises)
const res = ({
index,
links,
content,
})
saved = res
return res
}
}
fetchData()
popover implementation
2022-01-03 18:18:31 +00:00
</script>
more docs + link fixing
2021-07-18 19:19:58 +00:00
</head>
Execute darkmode script before first render
2021-08-13 20:46:00 +00:00
{{ template "_internal/google_analytics.html" . }}
popover implementation
2022-01-03 18:18:31 +00:00
{{ partial "popover.html" .}}
Reference in New Issue Copy Permalink