mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-12-25 10:12:10 +00:00
b1e7b65e02
- Re-phrase a line referring to a previous section; after some
re-arrangements, that section is no longer a "previous" section.
- Replace spatial terminology ("bottom") with sequential terminology
("end")
- Add note on font enumeration without the Font Access API
- Acknowledge testing in grayscale but emphasize that it isn't enough.
- Move defense of link underlines to just after the section on custom
colors, since it's more relevant to it.
- Add xkcd image into the page instead of just linking, since the linked
page content is an image that doesn't include a transcript or
descriptive alt-text.
- Trivial rephrasings
79 lines
2.9 KiB
HTML
79 lines
2.9 KiB
HTML
{{ $light_svg := resources.GetMatch (printf "/p/%s.svg" (.Get "name")) -}}
|
|
{{ $light_png := resources.GetMatch (printf "/p/%s.png" (.Get "name")) -}}
|
|
{{ $light_webp := resources.GetMatch (printf "/p/%s.webp" (.Get "name")) -}}
|
|
{{ $light_avif := resources.GetMatch (printf "/p/%s.avif" (.Get "name")) -}}
|
|
{{ $light_jxl := resources.GetMatch (printf "/p/%s.jxl" (.Get "name")) -}}
|
|
{{ $dark_svg := resources.GetMatch (printf "/p/%s_dark.svg" (.Get "name")) -}}
|
|
{{ $dark_png := resources.GetMatch (printf "/p/%s_dark.png" (.Get "name")) -}}
|
|
{{ $dark_webp := resources.GetMatch (printf "/p/%s_dark.webp" (.Get "name")) -}}
|
|
{{ $dark_avif := resources.GetMatch (printf "/p/%s_dark.avif" (.Get "name")) -}}
|
|
{{ $dark_jxl := resources.GetMatch (printf "/p/%s_dark.jxl" (.Get "name")) -}}
|
|
<picture>
|
|
{{ with $dark_svg -}}
|
|
{{ $dark_svg_src := . | resources.Fingerprint "md5" -}}
|
|
<source
|
|
srcset="{{ $dark_svg_src.RelPermalink }}"
|
|
type="image/svg+xml"
|
|
media="screen and (prefers-color-scheme: dark)">
|
|
{{ end -}}
|
|
{{ with $dark_jxl -}}
|
|
{{ $dark_jxl_src := . | resources.Fingerprint "md5" -}}
|
|
<source
|
|
srcset="{{ $dark_jxl_src.RelPermalink }}"
|
|
type="image/jxl"
|
|
media="screen and (prefers-color-scheme: dark)">
|
|
{{ end -}}
|
|
{{ with $dark_avif -}}
|
|
{{ $dark_avif_src := . | resources.Fingerprint "md5" -}}
|
|
<source
|
|
srcset="{{ $dark_avif_src.RelPermalink }}"
|
|
type="image/avif"
|
|
media="screen and (prefers-color-scheme: dark)">
|
|
{{ end -}}
|
|
{{ with $dark_webp -}}
|
|
{{ $dark_webp_src := . | resources.Fingerprint "md5" -}}
|
|
<source
|
|
srcset="{{ $dark_webp_src.RelPermalink }}"
|
|
type="image/webp"
|
|
media="screen and (prefers-color-scheme: dark)">
|
|
{{ end -}}
|
|
{{ with $dark_png -}}
|
|
{{ $dark_png_src := . | resources.Fingerprint "md5" -}}
|
|
<source
|
|
srcset="{{ $dark_png_src.RelPermalink }}"
|
|
type="image/png"
|
|
media="screen and (prefers-color-scheme: dark)">
|
|
{{ end -}}
|
|
{{ with $light_svg -}}
|
|
{{ $light_svg_src := . | resources.Fingerprint "md5" -}}
|
|
<source
|
|
srcset="{{ $light_svg_src.RelPermalink }}"
|
|
type="image/svg+xml">
|
|
{{ end -}}
|
|
{{ with $light_jxl -}}
|
|
{{ $light_jxl_src := . | resources.Fingerprint "md5" -}}
|
|
<source
|
|
srcset="{{ $light_jxl_src.RelPermalink }}"
|
|
type="image/jxl">
|
|
{{ end -}}
|
|
{{ with $light_avif -}}
|
|
{{ $light_avif_src := . | resources.Fingerprint "md5" -}}
|
|
<source
|
|
srcset="{{ $light_avif_src.RelPermalink }}"
|
|
type="image/avif">
|
|
{{ end -}}
|
|
{{ with $light_webp -}}
|
|
{{ $light_webp_src := . | resources.Fingerprint "md5" -}}
|
|
<source
|
|
srcset="{{ $light_webp_src.RelPermalink }}"
|
|
type="image/webp">
|
|
{{ end -}}
|
|
{{ $light_png_src := $light_png | resources.Fingerprint "md5" -}}
|
|
<source
|
|
srcset="{{ $light_png_src.RelPermalink }}"
|
|
type="image/png">
|
|
<img
|
|
width="{{ $light_png.Width }}" height="{{ $light_png.Height }}"
|
|
src="{{ $light_png.RelPermalink }}" alt='{{ .Get "alt" }}'{{with (.Get "longdesc")}} longdesc='{{ . }}'{{end}}
|
|
decoding="async">
|
|
</picture>{{- /* Strip trailing newline: https://github.com/gohugoio/hugo/issues/1753 */ -}}
|