SelfPrivacy/selfprivacy.org
1
0
Fork 0
mirror of https://git.selfprivacy.org/SelfPrivacy/selfprivacy.org.git synced 2025-04-02 03:36:21 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(blog): make cover responsive

Browse source
This commit is contained in:
nevfy 2024-12-20 01:04:42 +03:00
parent d63ae0a6e3
commit 8fb581e88f
1 changed files with 32 additions and 3 deletions

35
layouts/partials/cover.html
View file

@ -1,5 +1,34 @@
{{ $class := "d-block w-75" }}
{{ with .Resources.ByType "image" }}
{{ range first 1 . }}
<img src="{{ .RelPermalink }}" class="d-block w-75">
{{ end }}
{{ range first 1 . }}
{{ $tinyw := default "500" }}
{{ $smallw := default "800" }}
{{ $mediumw := default "1200" }}
{{ $largew := default "2400" }}
{{ $tiny := .Resize (printf "%sx" $tinyw) }}
{{ $small := .Resize (printf "%sx" $smallw) }}
{{ $medium:= .Resize (printf "%sx" $mediumw) }}
{{ $large := .Resize (printf "%sx" $largew) }}
<img
{{ with $class }}
class = "{{ . }}"
{{ end }}
srcset='
{{ with $tiny.RelPermalink }} {{.}} {{(printf "%sw" $tinyw)}} {{ end }},
{{ with $small.RelPermalink }} {{.}} {{(printf "%sw" $smallw)}} {{ end }},
{{ with $medium.RelPermalink }} {{.}} {{(printf "%sw" $mediumw)}} {{ end }},
{{ with $large.RelPermalink }} {{.}} {{(printf "%sw" $largew)}} {{ end }}
'
sizes='
(max-width: {{(printf "%spx" $tinyw)}}) {{(printf "%spx" $tinyw)}},
(max-width: {{(printf "%spx" $smallw)}}) {{(printf "%spx" $smallw)}},
(max-width: {{(printf "%spx" $mediumw)}}) {{(printf "%spx" $mediumw)}},
(max-width: {{(printf "%spx" $largew)}}) {{(printf "%spx" $largew)}},
100%
'
>
{{ end }}
{{ end }}