fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-12-25 02:02:11 +00:00
Code Issues Projects Releases Wiki Activity
seirdy.one/layouts/partials/head.html

70 lines
4.2 KiB
HTML
Raw Normal View History

Fix: add optional head tags Although these tags are optional, some problematic parsers don't know that.
2022-02-04 00:19:26 +00:00
<head>
Remove optional HTML tags Some HTML tags can be removed without changing the DOM. Reference: https://html.spec.whatwg.org/multipage/syntax.html#syntax-tag-omission
2021-05-06 18:59:30 +00:00
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="{{ if .Params.description }}{{ .Params.description }}{{ else }}{{ .Site.Params.Description }}{{ end }}">
Optimize head size - apple-touch-icon not needed, will be fetched from doc root - re-order <head> elements to optimize for compression algorithm size savings. shaved off like 15 bytes. this was a good use of my time.
2022-03-01 00:00:05 +00:00
<meta content="{{ .Site.Author.name }}" name="author">
<meta property="article:author" content="{{ .Site.Author.name }}">
<meta property="article:published_time" content="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">
{{ if lt .Date .Lastmod -}}
<meta property="article:modified_time" content="{{ .Lastmod.Format "2006-01-02T15:04:05Z07:00" }}">
{{ end -}}
Lighten bkg a bit more Thanks to anonymous for feedback on contrast with astigmatism.
2021-10-04 19:30:43 +00:00
{{ $icon_192 := resources.Get "/apple-touch-icon.png" | resources.Fingerprint "md5" }}
{{- printf `<link rel="icon" sizes="192x192" href="%s" type="image/png">` $icon_192.RelPermalink | safeHTML -}}
Inline favicon The favicon is 175 bytes, smaller than the size of the HTTP headers to fetch it. It can be inlined. Now, pages that don't have any other images need just a single request.
2021-06-05 00:29:05 +00:00
{{ $favicon := resources.Get "/favicon.png" -}}
{{ $favicon_base64 := $favicon.Content | base64Encode }}
Lighten bkg a bit more Thanks to anonymous for feedback on contrast with astigmatism.
2021-10-04 19:30:43 +00:00
{{ printf `<link rel="icon" sizes="32x32" href="data:image/png;base64,%s" type="image/png">` $favicon_base64 | safeHTML -}}
Clean up <head> a bit - Remove reference to unused syntax.css - Stop Apple's magic phone-number-linkification. If I need to link a telephone number I'll use a tel: URI, thank you very much.
2021-06-28 02:01:11 +00:00
<!-- Why does apple do this -->
<meta name="format-detection" content="telephone=no">
Add meta tag for color scheme Done so that https://developer.chrome.com/blog/auto-dark-theme won't break images.
2021-10-22 01:23:59 +00:00
<meta name="color-scheme" content="light dark">
Optimize head size - apple-touch-icon not needed, will be fetched from doc root - re-order <head> elements to optimize for compression algorithm size savings. shaved off like 15 bytes. this was a good use of my time.
2022-03-01 00:00:05 +00:00
<meta name="theme-color" content="#0d0d0d" media="(prefers-color-scheme:dark)">
<meta name="theme-color" content="#fff" media="(prefers-color-scheme:light)">
{{- if and (ne .Site.BaseURL "https://seirdy.one/") (ne .Site.BaseURL "http://wgq3bd2kqoybhstp77i3wrzbfnsyd27wt34psaja4grqiezqircorkyd.onion/") -}}
Allow unlimited extraction by robots
2022-02-21 07:58:46 +00:00
<!-- Don't index the tildeverse mirror, staging site, etc. -->
Remove optional HTML tags Some HTML tags can be removed without changing the DOM. Reference: https://html.spec.whatwg.org/multipage/syntax.html#syntax-tag-omission
2021-05-06 18:59:30 +00:00
<meta name="robots" content="noindex">
Optimize head size - apple-touch-icon not needed, will be fetched from doc root - re-order <head> elements to optimize for compression algorithm size savings. shaved off like 15 bytes. this was a good use of my time.
2022-03-01 00:00:05 +00:00
{{- else -}}
Allow unlimited extraction by robots
2022-02-21 07:58:46 +00:00
<!-- IDC how much content is extracted from my pages, go knock yourself out. huge images, long snippets, whatever. -->
Optimize head size - apple-touch-icon not needed, will be fetched from doc root - re-order <head> elements to optimize for compression algorithm size savings. shaved off like 15 bytes. this was a good use of my time.
2022-03-01 00:00:05 +00:00
<meta name="robots" content="max-image-preview:large,max-snippet=-1">
<link href="https://seirdy.one/webmentions/receive" rel="webmention">
<!-- webmanifest defines even more icons. This is getting ridiculous -->
{{- $webmanifest := resources.Get "/manifest.webmanifest" | resources.ExecuteAsTemplate "manifest.webmanifest" . | resources.Minify | resources.Fingerprint "md5" -}}
{{- printf `<link href="%s" rel="manifest">` $webmanifest.RelPermalink | safeHTML }}
{{- end }}
<link href="https://seirdy.one{{ .RelPermalink }}" rel="canonical">
<link rel="alternate" type="application/rss+xml" href="{{ .Site.BaseURL }}posts/index.xml" title="{{ $.Site.Title }}">
Add open graph profile metadata
2022-02-16 05:42:24 +00:00
<!-- inline CSS; remember to allow it with a hash in the CSP -->
Optimize head size - apple-touch-icon not needed, will be fetched from doc root - re-order <head> elements to optimize for compression algorithm size savings. shaved off like 15 bytes. this was a good use of my time.
2022-03-01 00:00:05 +00:00
{{- $resources := slice -}}
{{- $resources = $resources | append (resources.Get "/css/main.css") -}}
Remove optional HTML tags Some HTML tags can be removed without changing the DOM. Reference: https://html.spec.whatwg.org/multipage/syntax.html#syntax-tag-omission
2021-05-06 18:59:30 +00:00
{{ $dark := .Site.Params.dark | default "auto" -}}
Optimize head size - apple-touch-icon not needed, will be fetched from doc root - re-order <head> elements to optimize for compression algorithm size savings. shaved off like 15 bytes. this was a good use of my time.
2022-03-01 00:00:05 +00:00
{{- if not (eq $dark "off") -}}
Remove optional HTML tags Some HTML tags can be removed without changing the DOM. Reference: https://html.spec.whatwg.org/multipage/syntax.html#syntax-tag-omission
2021-05-06 18:59:30 +00:00
{{ $resources = $resources | append (resources.Get "css/dark.css" | resources.ExecuteAsTemplate "dark.css" .) -}}
Optimize head size - apple-touch-icon not needed, will be fetched from doc root - re-order <head> elements to optimize for compression algorithm size savings. shaved off like 15 bytes. this was a good use of my time.
2022-03-01 00:00:05 +00:00
{{- end -}}
{{- $css := $resources | resources.Concat "css/style.css" | minify -}}
Inline CSS The main stylesheet for the sit is just 721 bytes uncompressed. I can inline it safely to shave off a request, since the headers alone are probably comparable to the size of the CSS.
2021-06-04 23:44:43 +00:00
<style>{{ $css.Content | safeCSS }}</style>
Lighten bkg a bit more Thanks to anonymous for feedback on contrast with astigmatism.
2021-10-04 19:30:43 +00:00
{{- if eq .RelPermalink "/" }}
Remove optional HTML tags Some HTML tags can be removed without changing the DOM. Reference: https://html.spec.whatwg.org/multipage/syntax.html#syntax-tag-omission
2021-05-06 18:59:30 +00:00
<title>{{ .Title }}</title>
Lighten bkg a bit more Thanks to anonymous for feedback on contrast with astigmatism.
2021-10-04 19:30:43 +00:00
{{- else }}
Don't make the page title too long
2022-02-11 20:25:41 +00:00
<title>{{ .Title }}{{if lt (len .Title) 66 }} - Seirdy{{ end }}</title>
Remove optional HTML tags Some HTML tags can be removed without changing the DOM. Reference: https://html.spec.whatwg.org/multipage/syntax.html#syntax-tag-omission
2021-05-06 18:59:30 +00:00
{{- end -}}
<!-- open graph stuff; used in the Fediverse, Signal link previews,
some RSS readers, and a certain large social media company -->
<meta property="og:title" content="{{ .Title }}">
<meta property="og:site_name" content="{{ $.Site.Title }}">
{{- if (eq "page" .Kind) }}
<meta property="og:type" content="article">
{{- else }}
<meta property="og:type" content="website">
{{- end -}}
<!-- ANOTHER meta image?! When will it end? -->
Update assets with precompressed versions No need to re-compress the same file every CI job.
2021-06-12 22:22:11 +00:00
{{ $og_image := resources.Get "/favicon512.png" | resources.Fingerprint "md5" -}}
Remove optional HTML tags Some HTML tags can be removed without changing the DOM. Reference: https://html.spec.whatwg.org/multipage/syntax.html#syntax-tag-omission
2021-05-06 18:59:30 +00:00
{{ printf `<meta property="og:image" content="%s">` $og_image.Permalink | safeHTML }}
<meta property="og:image:type" content="image/png">
Chore: fix header whitespace
2021-08-30 22:10:50 +00:00
<meta property="og:image:height" content="512"><meta property="og:image:width" content="512">
Add meta tag for color scheme Done so that https://developer.chrome.com/blog/auto-dark-theme won't break images.
2021-10-22 01:23:59 +00:00
<meta property="og:image:alt" content="White-on-black colon and semicolon">
Remove optional HTML tags Some HTML tags can be removed without changing the DOM. Reference: https://html.spec.whatwg.org/multipage/syntax.html#syntax-tag-omission
2021-05-06 18:59:30 +00:00
<meta property="og:url" content="https://seirdy.one{{ .RelPermalink }}">
<meta property="og:description" content="{{ if .Params.description }}{{ .Params.description }}{{ else }}{{ .Site.Params.Description }}{{ end }}">
Add open graph profile metadata
2022-02-16 05:42:24 +00:00
<meta property="profile:first_name" content="{{ .Site.Author.first }}">
<meta property="profile:last_name" content="{{ .Site.Author.last }}">
<meta property="profile:username" content="{{ .Site.Author.nick }}">
Remove optional HTML tags Some HTML tags can be removed without changing the DOM. Reference: https://html.spec.whatwg.org/multipage/syntax.html#syntax-tag-omission
2021-05-06 18:59:30 +00:00
{{ hugo.Generator }}
Fix: add optional head tags Although these tags are optional, some problematic parsers don't know that.
2022-02-04 00:19:26 +00:00
</head>
Reference in a new issue Copy permalink