seirdy.one/layouts/notes/single.html

{{- define "main" -}}
{{- $canonicalRelPermalink := .RelPermalink | replaceRE "^/~seirdy/" "/" }}
<main
 itemprop="hasPart" itemscope="" itemtype="https://schema.org/SocialMediaPosting" itemid="{{ .Site.Params.CanonicalBaseURL }}{{ $canonicalRelPermalink }}">
	<link itemprop="isPartOf" href="{{ .Site.Params.CanonicalBaseURL }}/" />
	{{ partial "full-article.html" . }}
	{{ partial "webmentions.html" . }}
</main>
{{ partial "prev-next.html" . -}}
{{- end }}
Add "notes" Short-form posts for microblogging. TODO: implement POSSE. 2022-05-24 23:33:16 +00:00			`{{- define "main" -}}`
			`{{- $canonicalRelPermalink := .RelPermalink \| replaceRE "^/~seirdy/" "/" }}`
Make the skip-link point to h1 instead of main Link targets need to be focusable to work with VoiceOver. Making <main> focusable causes some side-effects, like making the TAB key go to the beginning of <main> instead of the element after the currently-clicked region. Also removes the annoying outline around "main" in some non-mainstream browsers, without having to add extra CSS. 2022-07-13 15:31:20 +00:00			`<main`
Add skip-link This one is simpler than the last attempt, since it doesn't overlap with any content except the navbar links' empty padding. 2022-07-07 15:52:55 +00:00			`itemprop="hasPart" itemscope="" itemtype="https://schema.org/SocialMediaPosting" itemid="{{ .Site.Params.CanonicalBaseURL }}{{ $canonicalRelPermalink }}">`
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 itemprop="isPartOf" href="{{ .Site.Params.CanonicalBaseURL }}/" />`
Add "notes" Short-form posts for microblogging. TODO: implement POSSE. 2022-05-24 23:33:16 +00:00			`{{ partial "full-article.html" . }}`
			`{{ partial "webmentions.html" . }}`
			`</main>`
			`{{ partial "prev-next.html" . -}}`
			`{{- end }}`