mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-12-25 18:22:09 +00:00
bc667feec6
Dark mode now switches to a different icon instead of inverting it. There's probably a better way but I'll figure that out later.
29 lines
1.3 KiB
HTML
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 }}"
|
|
src="{{ $merveilles_png_src.RelPermalink }}" alt="Merevilles logo">
|
|
</picture></a>
|
|
{{ end }}
|