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

84 lines
5.4 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>
Use XML declaration on XHTML, other XHTML tweaks - Remove XHTML content-type meta header from HTML documents, reverting back to the meta charset - Give XHTML documents their own XHTML declaration - Remove now-redundant meta charset from XHTML - Since XHTML and HTML documents differ now, compress after running xhtmlize and make xhtmlize only act on uncompressed files. - Validate XHTML using vnu
2022-06-01 00:16:44 +00:00
<meta charset="UTF-8" />
Fix canonical URL redirects
2022-04-29 15:59:14 +00:00
{{- $canonicalRelPermalink := .RelPermalink | replaceRE "^/~seirdy/" "/" }}
Switch to XHTML5 markup The site now has polygot markup and can handle both XHTML5 and HTML5 parsing rules. My staging site will be XHTML but my main site will be HTML5, just in case of parse errors. If other tools (e.g. LightHouse) end up supporting XHTML5, I'll consider switching the content-type to XHTML.
2022-05-30 22:49:31 +00:00
<meta name="disabled-adaptations" content="watch" /><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
Fix canonical URL redirects
2022-04-29 15:59:14 +00:00
{{ if or (eq site.BaseURL site.Params.CanonicalBaseURL) (in site.BaseURL "wgq3bd2kqoybhstp77i3wrzbfnsyd27wt34psaja4grqiezqircorkyd.onion") -}}
Switch to XHTML5 markup The site now has polygot markup and can handle both XHTML5 and HTML5 parsing rules. My staging site will be XHTML but my main site will be HTML5, just in case of parse errors. If other tools (e.g. LightHouse) end up supporting XHTML5, I'll consider switching the content-type to XHTML.
2022-05-30 22:49:31 +00:00
<meta name="robots" content="index,follow,max-image-preview:large,max-snippet=-1" />
More markup formatting, remove unnecessary div - Decrease the article dom depth by 1 by replacing <main><div> with just <main>. - Fix some whitespace so the HTML output looks better.
2022-04-26 00:28:13 +00:00
{{ end -}}
Switch to XHTML5 markup The site now has polygot markup and can handle both XHTML5 and HTML5 parsing rules. My staging site will be XHTML but my main site will be HTML5, just in case of parse errors. If other tools (e.g. LightHouse) end up supporting XHTML5, I'll consider switching the content-type to XHTML.
2022-05-30 22:49:31 +00:00
<link href="{{ .Site.Params.CanonicalBaseURL }}{{ $canonicalRelPermalink }}" rel="canonical" />
<link href="{{ .Site.Params.WebmentionEndpoint }}" rel="webmention" />
Re-introduce conservative minificaiton - Don't auto-minify HTML but minify other resources, inc. the RSS feed - Manually optimize whitespace a little to balance readability and compressed size
2022-04-27 00:15:42 +00:00
{{ $webmanifest := resources.Get "/manifest.webmanifest" | resources.ExecuteAsTemplate "manifest.webmanifest" . | resources.Minify | resources.Fingerprint "md5" -}}
Use XML declaration on XHTML, other XHTML tweaks - Remove XHTML content-type meta header from HTML documents, reverting back to the meta charset - Give XHTML documents their own XHTML declaration - Remove now-redundant meta charset from XHTML - Since XHTML and HTML documents differ now, compress after running xhtmlize and make xhtmlize only act on uncompressed files. - Validate XHTML using vnu
2022-06-01 00:16:44 +00:00
{{- printf `<link href="%s" rel="manifest" />` $webmanifest.RelPermalink | safeHTML -}}
Add RSS feed for notes, part 1 Add an RSS feed for notes. Next up, replacing the RSS navlink with a page containing links to both my posts and notes RSS feeds. When I get ATOM and WebSub, it'll have links ot those too. Also fixed some typos and switched "Posted" to "Noted" in the context of notes.
2022-05-27 01:03:28 +00:00
<!--Feeds for both notes and posts; posts come first unless we're in the notes section.-->
{{- $isNotes := false -}}
{{- if or (eq .Section "notes") (eq .Title "Notes") -}}
{{- $isNotes = true -}}
Fix bad atom links
2022-06-01 15:53:07 +00:00
<link rel="alternate" type="application/atom+xml" href="{{ site.BaseURL }}notes/atom.xml" title="Notes" />
Add RSS feed for notes, part 1 Add an RSS feed for notes. Next up, replacing the RSS navlink with a page containing links to both my posts and notes RSS feeds. When I get ATOM and WebSub, it'll have links ot those too. Also fixed some typos and switched "Posted" to "Noted" in the context of notes.
2022-05-27 01:03:28 +00:00
{{- end }}
Fix bad atom links
2022-06-01 15:53:07 +00:00
<link rel="alternate" type="application/atom+xml" href="{{ site.BaseURL }}posts/atom.xml" title="Posts" />
Add RSS feed for notes, part 1 Add an RSS feed for notes. Next up, replacing the RSS navlink with a page containing links to both my posts and notes RSS feeds. When I get ATOM and WebSub, it'll have links ot those too. Also fixed some typos and switched "Posted" to "Noted" in the context of notes.
2022-05-27 01:03:28 +00:00
{{ if not $isNotes -}}
Fix bad atom links
2022-06-01 15:53:07 +00:00
<link rel="alternate" type="application/atom+xml" href="{{ site.BaseURL }}/notes/atom.xml" title="Notes" />
Add RSS feed for notes, part 1 Add an RSS feed for notes. Next up, replacing the RSS navlink with a page containing links to both my posts and notes RSS feeds. When I get ATOM and WebSub, it'll have links ot those too. Also fixed some typos and switched "Posted" to "Noted" in the context of notes.
2022-05-27 01:03:28 +00:00
{{- end }}
Fix canonical URL redirects
2022-04-29 15:59:14 +00:00
<title>{{ .Title }}{{ if and (lt (len .Title) 54) (ne $canonicalRelPermalink "/") }} - Seirdy{{ end }}</title>
Fix posts description
2022-05-06 17:31:45 +00:00
{{ $description := .Site.Params.Description -}}
{{- if .Params.description -}}
{{- $description = .Params.Description -}}
Add "notes" Short-form posts for microblogging. TODO: implement POSSE.
2022-05-24 23:33:16 +00:00
{{- else if .Summary -}}
Switch to XHTML5 markup The site now has polygot markup and can handle both XHTML5 and HTML5 parsing rules. My staging site will be XHTML but my main site will be HTML5, just in case of parse errors. If other tools (e.g. LightHouse) end up supporting XHTML5, I'll consider switching the content-type to XHTML.
2022-05-30 22:49:31 +00:00
{{- $description = .Summary | replaceRE `\n` ` ` | replaceRE `\&rsquo;` `’` | replaceRE `\&nbsp;` `\&#160;` | replaceRE `\&ldquo;` `“` | replaceRE `\&rdquo;` `”` | replaceRE `\&hellip;` `—` | replaceRE `\&mdash;` `—` | replaceRE `\&shy;` `\&#173;` | replaceRE `&lsquo;` `‘` | safeHTML -}}
Fix posts description
2022-05-06 17:31:45 +00:00
{{- end -}}
Switch to XHTML5 markup The site now has polygot markup and can handle both XHTML5 and HTML5 parsing rules. My staging site will be XHTML but my main site will be HTML5, just in case of parse errors. If other tools (e.g. LightHouse) end up supporting XHTML5, I'll consider switching the content-type to XHTML.
2022-05-30 22:49:31 +00:00
<meta name="description" content="{{ $description }}" />
<meta name="author" content="{{ .Site.Author.name }}" />
<meta property="article:author" content="{{ .Site.Author.name }}" />
Support "evergreen" articles "evergreen" articles don't get outdated and shouldn't be marked with a published date in previews.
2022-05-23 15:39:24 +00:00
{{ if and (gt .Date 0) (not .Params.evergreen) -}}
Switch to XHTML5 markup The site now has polygot markup and can handle both XHTML5 and HTML5 parsing rules. My staging site will be XHTML but my main site will be HTML5, just in case of parse errors. If other tools (e.g. LightHouse) end up supporting XHTML5, I'll consider switching the content-type to XHTML.
2022-05-30 22:49:31 +00:00
<meta property="article:published_time" content="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}" />
Meta stuff - SearchMySite.net uses the "keywords" meta property to categorize sites, so include keywords on the homepage - Exclude the published date if it doesn't exist.
2022-03-08 19:13:05 +00:00
{{ 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
{{ if lt .Date .Lastmod -}}
Switch to XHTML5 markup The site now has polygot markup and can handle both XHTML5 and HTML5 parsing rules. My staging site will be XHTML but my main site will be HTML5, just in case of parse errors. If other tools (e.g. LightHouse) end up supporting XHTML5, I'll consider switching the content-type to XHTML.
2022-05-30 22:49:31 +00:00
<meta property="article:modified_time" content="{{ .Lastmod.Format "2006-01-02T15:04:05Z07:00" }}" />
Fix a typo, remove unused vocab
2022-03-11 06:51:30 +00:00
{{- end -}}
Don't include an unused png fallback for an SVG No browser I know of falls back to a PNG when given an SVG with a PNG fallback. The Tor version of my site uses no SVGs. Exclude the SVG favicon in the Tor version of the site, since the Tor Browser disables SVG on the safest setting.
2022-03-11 05:27:40 +00:00
<!--the Tor Browser's safest setting disables SVGs but still downloads them to avoid fingerprinting-->
Fix: properly use "site" function instead of var This fixes the logic to use PNGs instead of SVGs for the hidden service.
2022-03-15 20:47:42 +00:00
{{ if not (in site.BaseURL ".onion") -}}
Reorg <head> links - Put canonical near the top - Allow non-canonical versions to be indexed, since they do have canonical links
2022-03-04 21:55:39 +00:00
{{ $icon_svg := resources.Get "/favicon.svg" | resources.Fingerprint "md5" }}
Switch to XHTML5 markup The site now has polygot markup and can handle both XHTML5 and HTML5 parsing rules. My staging site will be XHTML but my main site will be HTML5, just in case of parse errors. If other tools (e.g. LightHouse) end up supporting XHTML5, I'll consider switching the content-type to XHTML.
2022-05-30 22:49:31 +00:00
{{- printf `<link rel="icon" sizes="any" href="%s" type="image/svg+xml" />` $icon_svg.RelPermalink | safeHTML }}
Fix a typo, remove unused vocab
2022-03-11 06:51:30 +00: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" }}
Switch to XHTML5 markup The site now has polygot markup and can handle both XHTML5 and HTML5 parsing rules. My staging site will be XHTML but my main site will be HTML5, just in case of parse errors. If other tools (e.g. LightHouse) end up supporting XHTML5, I'll consider switching the content-type to XHTML.
2022-05-30 22:49:31 +00:00
{{- 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 }}
Switch to XHTML5 markup The site now has polygot markup and can handle both XHTML5 and HTML5 parsing rules. My staging site will be XHTML but my main site will be HTML5, just in case of parse errors. If other tools (e.g. LightHouse) end up supporting XHTML5, I'll consider switching the content-type to XHTML.
2022-05-30 22:49:31 +00:00
{{ printf `<link rel="icon" sizes="32x32" href="data:image/png;base64,%s" type="image/png" />` $favicon_base64 | safeHTML }}
<meta name="color-scheme" content="light dark" />
<meta name="format-detection" content="telephone=no" /><!-- Why does apple do this -->
<meta name="theme-color" content="#111" media="(prefers-color-scheme:dark)" />
<meta name="theme-color" content="#fff" media="(prefers-color-scheme:light)" />
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 -}}
Stylesheet: better print theme, simpler dark theme - Better print stylesheet, now with a file dedicated just for print style improvements. - Hide extra stuff in print. - Bring back navbar for print because it also tells users the current section and the site name. - Dark theme: make superscripts bold instead of using a higher-contrast color.
2022-04-27 15:41:36 +00:00
{{ $resources = $resources | append (resources.Get "css/print.css" | resources.ExecuteAsTemplate "print.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
{{- $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>
Switch to XHTML5 markup The site now has polygot markup and can handle both XHTML5 and HTML5 parsing rules. My staging site will be XHTML but my main site will be HTML5, just in case of parse errors. If other tools (e.g. LightHouse) end up supporting XHTML5, I'll consider switching the content-type to XHTML.
2022-05-30 22:49:31 +00:00
<meta property="og:title" content="{{ .Title }}" />
<meta property="og:site_name" content="{{ $.Site.Title }}" />
BREAKING: Prettify URLs, add Atom feeds Adding a bunch of server configs to do the re-directs too.
2022-05-27 01:57:49 +00:00
{{- if not (or (ne "page" .Kind) (eq $canonicalRelPermalink "/bookmarks/") (eq $canonicalRelPermalink "/posts/")) }}
Switch to XHTML5 markup The site now has polygot markup and can handle both XHTML5 and HTML5 parsing rules. My staging site will be XHTML but my main site will be HTML5, just in case of parse errors. If other tools (e.g. LightHouse) end up supporting XHTML5, I'll consider switching the content-type to XHTML.
2022-05-30 22:49:31 +00:00
<meta property="og:type" content="article" />
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 -}}
<!-- ANOTHER meta image?! When will it end? -->
Support page-specific open graph images Allow specifying open graph images for individual pages. Change default site-wide open graph image alt-text to an empty string since the default image only has visual value, and is better off hidden from assistive technologies. Set an open graph image for two articles.
2022-05-18 16:00:05 +00:00
{{- $og_image := resources.Get "/favicon512.png" | resources.Fingerprint "md5" -}}
{{- $og_image_alt := "" -}}<!--Default open graph image is purely decorative and visual, so it should be hidden from assistive technologies.-->
{{- with .Params.image -}}
{{- $og_image = resources.Get (printf "/p/%s" . ) | resources.Fingerprint "md5" -}}
{{- end -}}
{{- with .Params.image_alt -}}
{{- $og_image_alt = . -}}
{{- end }}
Switch to XHTML5 markup The site now has polygot markup and can handle both XHTML5 and HTML5 parsing rules. My staging site will be XHTML but my main site will be HTML5, just in case of parse errors. If other tools (e.g. LightHouse) end up supporting XHTML5, I'll consider switching the content-type to XHTML.
2022-05-30 22:49:31 +00:00
{{ printf `<meta property="og:image" content="%s" />` $og_image.Permalink | safeHTML }}
<meta property="og:image:type" content="image/png" />
<meta property="og:image:height" content="{{ $og_image.Height }}" /><meta property="og:image:width" content="{{ $og_image.Width }}" />
<meta property="og:image:alt" content="{{ $og_image_alt }}" />
<meta property="og:url" content="{{ .Site.Params.CanonicalBaseURL }}{{ $canonicalRelPermalink }}" />
<meta property="og:description" content="{{ $description }}" />
{{ 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