1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-30 15:22:09 +00:00
seirdy.one/layouts/index.html
Rohan Kumar 8de296971f
HTML fix: specify image height AND width in HTML
Previously, only one of the two was specified. Now Lighthouse wants both
2021-03-01 21:26:57 -08:00

29 lines
1.3 KiB
HTML

{{ define "main" }}
{{ .Content }}
{{- partial "posts.html" . -}}
<!--svg image with a fallback to a PNG when SVG is unsupported-->
{{- $merveilles_svg := resources.GetMatch (printf "/p/merveilles_ring.svg") -}}
{{ $merveilles_png := resources.GetMatch (printf "/p/merveilles_ring.png") -}}
{{- $merveilles_svg_dark := resources.GetMatch (printf "/p/merveilles_ring_dark.svg") -}}
{{ $merveilles_png_dark := resources.GetMatch (printf "/p/merveilles_ring_dark.png") -}}
<a href="https://webring.xxiivv.com/#random" target="_blank" rel="noopener"><picture>
{{ $merveilles_svg_src := $merveilles_svg_dark | resources.Fingerprint "md5" -}}
<source
srcset="{{ $merveilles_svg_src.RelPermalink }}"
type="image/svg+xml"
media="(prefers-color-scheme: dark)">
{{ $merveilles_png_src := $merveilles_png_dark | resources.Fingerprint "md5" -}}
<source
srcset="{{ $merveilles_png_src.RelPermalink }}"
type="image/png"
media="(prefers-color-scheme: dark)">
{{ $merveilles_svg_src := $merveilles_svg | resources.Fingerprint "md5" -}}
<source
srcset="{{ $merveilles_svg_src.RelPermalink }}"
type="image/svg+xml">
{{ $merveilles_png_src := $merveilles_png | resources.Fingerprint "md5" -}}
<img
width="{{ $merveilles_png.Width }}" height="{{ $merveilles_png.Height }}"
src="{{ $merveilles_png_src.RelPermalink }}" alt="Merevilles logo">
</picture></a>
{{ end }}