fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-09-20 04:12:09 +00:00
Code Issues Projects Releases Wiki Activity
seirdy.one/themes/etch-custom/layouts/partials/head.html

44 lines
2.6 KiB
HTML
Raw Normal View History

Batman!! (this commit has no parents) The sight of an animal using a JavaScript captivates Computer Scientists and laymen alike, perhaps because it forces us to question some of our ideas about human uniqueness. Does the animal know how JavaScript works? Did it anticipate the need for the tool and select it instead of Haskell or Zig? To some, this fascination with JavaScript seems arbitrary and anthropocentric; after all, animals engage in many other complex activities, like Agile Planning and ordering Juice on the Internet. However, we know that complex behaviour need not be cognitively demanding. JavaScript development can therefore provide a powerful window into the minds of animals, and help us to learn what capacities we share with them — and what might have changed to allow for the incontrovertibly unique levels of technology shown by modern humans, such as integers and block scope.
2020-11-03 23:46:20 +00:00
<head>
Only index the canonical location, seirdy.one Don't index the staging version on my tilde.
2020-11-25 08:38:31 +00:00
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{{ with .Site.Params.description -}}
<meta name="description" content="{{ . }}">
{{ end }}
Icons 2: electric boogaloo - More sizes - webmanifest file for even more versions - symlink icons instead of copying them; fewer binaries in the repo.
2020-12-14 23:15:40 +00:00
{{- $icon_192 := resources.Get "/apple-touch-icon.png" | resources.Fingerprint "sha384" -}}
{{ printf `<link rel="icon" sizes="192x192" href="%s" type="image/png" integrity="%s">` $icon_192.RelPermalink $icon_192.Data.Integrity | safeHTML }}
{{ $favicon := resources.Get "/favicon.png" | resources.Fingerprint "sha384" -}}
{{ printf `<link rel="icon" sizes="32x32" href="%s" type="image/png" integrity="%s">` $favicon.RelPermalink $favicon.Data.Integrity | safeHTML -}}
<!--apple-touch-icon and mask-icon used to be appple-specific, but now
they're pseudo-standards relied upon by other vendors too. See
https://html.spec.whatwg.org/multipage/semantics.html#attr-link-sizes-->
{{ printf `<link rel="apple-touch-icon" href="%s" integrity="%s">` $icon_192.RelPermalink $icon_192.Data.Integrity | safeHTML }}
{{ $mask_icon := resources.Get "/mask.svg" | resources.Fingerprint "sha384" -}}
{{ printf `<link rel="mask-icon" href="%s" integrity="%s" color="black">` $mask_icon.RelPermalink $mask_icon.Data.Integrity | safeHTML }}
<link rel="manifest" href="{{ .Site.BaseURL }}manifest.webmanifest">
<link rel="alternate" type="application/rss+xml" href="{{ .Site.BaseURL }}posts/index.xml" title="{{ $.Site.Title }}"/>
Only index the canonical location, seirdy.one Don't index the staging version on my tilde.
2020-11-25 08:38:31 +00:00
{{ if eq .Site.BaseURL "https://envs.net/~seirdy/" -}}
<meta name="robots" content="noindex">
Add apple-touch-icon-precomposed for phones Android, iOS, and other browsers use the pseudo-standard "apple-touch-icon-precomposed.png"; android recommends 192x192px and iOS downscales to 180x180px.
2020-12-12 10:41:18 +00:00
{{ else -}}
Only index the canonical location, seirdy.one Don't index the staging version on my tilde.
2020-11-25 08:38:31 +00:00
<link rel="canonical" href="https://seirdy.one{{ .RelPermalink }}"/>
Add apple-touch-icon-precomposed for phones Android, iOS, and other browsers use the pseudo-standard "apple-touch-icon-precomposed.png"; android recommends 192x192px and iOS downscales to 180x180px.
2020-12-12 10:41:18 +00:00
{{ end -}}
Only index the canonical location, seirdy.one Don't index the staging version on my tilde.
2020-11-25 08:38:31 +00:00
{{ $resources := slice -}}
{{ $resources = $resources | append (resources.Get "/css/main.css") -}}
Renamed max770px.css -> narrow.css I don't want to re-name this every time I change the pixel count
2020-11-26 06:31:28 +00:00
{{ $resources = $resources | append (resources.Get "/css/narrow.css") -}}
Only index the canonical location, seirdy.one Don't index the staging version on my tilde.
2020-11-25 08:38:31 +00:00
{{ $dark := .Site.Params.dark | default "auto" -}}
{{ if not (eq $dark "off") -}}
{{ $resources = $resources | append (resources.Get "css/dark.css" | resources.ExecuteAsTemplate "dark.css" .) -}}
{{ end -}}
Implement cache-busting and SRI for CSS Use Hugo's fingerprinting pipes [0] to give external stylesheets an identifier to enable cache-busting [1]. Since Hugo's fingerprinting automatically generates the information needed for SRI [2], include an integrity attribute too. I discovered this feature through webhint [3], and added the .hintrc file I used to the repo root. [0]: https://gohugo.io/hugo-pipes/fingerprint/ [1]: https://css-tricks.com/strategies-for-cache-busting-css/ [2]: https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity [3]: https://webhint.io/
2020-12-12 01:21:34 +00:00
{{ $css := $resources | resources.Concat "css/style.css" | minify | resources.Fingerprint "sha384" -}}
{{ printf `<link rel="stylesheet" href="%s" integrity="%s">` $css.RelPermalink $css.Data.Integrity | safeHTML }}
Only load syntax highlighting CSS if necessary.. Pages without highlighted code blocks don't need to load syntax.css; for those that do, simply declare "highlight: true" in the front matter to load the stylesheet separately.
2020-11-28 19:11:04 +00:00
{{ if .Params.highlight -}}
Implement cache-busting and SRI for CSS Use Hugo's fingerprinting pipes [0] to give external stylesheets an identifier to enable cache-busting [1]. Since Hugo's fingerprinting automatically generates the information needed for SRI [2], include an integrity attribute too. I discovered this feature through webhint [3], and added the .hintrc file I used to the repo root. [0]: https://gohugo.io/hugo-pipes/fingerprint/ [1]: https://css-tricks.com/strategies-for-cache-busting-css/ [2]: https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity [3]: https://webhint.io/
2020-12-12 01:21:34 +00:00
{{ $css_syntax := resources.Get "/css/syntax.css" | minify | resources.Fingerprint "sha384" }}
{{- printf `<link rel="stylesheet" href="%s" integrity="%s">` $css_syntax.RelPermalink $css_syntax.Data.Integrity | safeHTML }}
Only load syntax highlighting CSS if necessary.. Pages without highlighted code blocks don't need to load syntax.css; for those that do, simply declare "highlight: true" in the front matter to load the stylesheet separately.
2020-11-28 19:11:04 +00:00
{{ end -}}
Improve <title>
2020-12-01 01:19:33 +00:00
{{ if eq .RelPermalink "/" -}}
Only index the canonical location, seirdy.one Don't index the staging version on my tilde.
2020-11-25 08:38:31 +00:00
<title>{{ .Title }}</title>
Improve <title>
2020-12-01 01:19:33 +00:00
{{ else -}}
<title>{{ .Title }} - Seirdy</title>
{{ end -}}
Batman!! (this commit has no parents) The sight of an animal using a JavaScript captivates Computer Scientists and laymen alike, perhaps because it forces us to question some of our ideas about human uniqueness. Does the animal know how JavaScript works? Did it anticipate the need for the tool and select it instead of Haskell or Zig? To some, this fascination with JavaScript seems arbitrary and anthropocentric; after all, animals engage in many other complex activities, like Agile Planning and ordering Juice on the Internet. However, we know that complex behaviour need not be cognitively demanding. JavaScript development can therefore provide a powerful window into the minds of animals, and help us to learn what capacities we share with them — and what might have changed to allow for the incontrovertibly unique levels of technology shown by modern humans, such as integers and block scope.
2020-11-03 23:46:20 +00:00
</head>
Reference in a new issue Copy permalink