raghnarok/hugo-snotra
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Compare commits

base: raghnarok:4e4e64d5b269990d7fb617b593c8ceec28f7ea94
Branches Tags
raghnarok:master
raghnarok:v1.0.0
..
compare: raghnarok:d35fec4c78101c4303b85f7b99fb6e5c251387da
Branches Tags
raghnarok:master
raghnarok:v1.0.0

2 commits
4e4e64d5b2 ... d35fec4c78

Author SHA1 Message Date
Gregory Trolliet
d35fec4c78 [SHORTCODE] Add picture/source to img 2021-02-27 08:50:33 +01:00
Gregory Trolliet
7d9ad73c0b [THEME] Fix the half/third image width 2021-02-27 08:49:54 +01:00
2 changed files with 21 additions and 10 deletions
Show stats Expand all files Collapse all files

21
layouts/shortcodes/img.html
View file

@ -1,16 +1,27 @@
{{ $img := $.Page.Resources.GetMatch (.Get "src")}} {{ $img := $.Page.Resources.GetMatch (.Get "src")}}
{{ $name_splitted := split $img.RelPermalink "." }}
{{ $name_base := index $name_splitted 0 }}
{{ $ext_base := index $name_splitted 1 }}
<figure {{ with .Get "class" }} class="{{ . }}"{{ end }}> <figure {{ with .Get "class" }} class="{{ . }}"{{ end }}>
{{ with .Get "link" }} {{ with .Get "link" }}
<a href="{{ . | absURL }}"> <a href="{{ . | absURL }}">
{{ else }}
<a href="{{ $img.RelPermalink }}">
{{ end }} {{ end }}
<picture>
{{ if ( in "svg ico gif" $ext_base ) }}
<img src="{{ $img.RelPermalink }}" <img src="{{ $img.RelPermalink }}"
{{ with .Get "alt"}} alt="{{ . }}"{{ end }} {{ with .Get "alt"}} alt="{{ . }}"{{ end }}
{{ with .Get "title"}} title="{{ . }}"{{ end }} {{ with .Get "title"}} title="{{ . }}"{{ end }}/>
{{ with .Get "height"}} height="{{ . }}"{{ end }} {{ else }}
{{ with .Get "width"}} width="{{ . }}"{{ end }} /> <source srcset="{{ $name_base }}.thumb.avif" type="image/avif"/>
{{ with .Get "link" }} <source srcset="{{ $name_base }}.thumb.webp" type="image/webp"/>
</a> <img src="{{ $name_base }}.thumb.{{ $ext_base }}"
{{ with .Get "alt"}} alt="{{ . }}"{{ end }}
{{ with .Get "title"}} title="{{ . }}"{{ end }}/>
{{ end }} {{ end }}
</picture>
</a>
{{ if .Get "caption" }} {{ if .Get "caption" }}
<figcaption> <figcaption>
<p>{{ .Get "caption" }} <p>{{ .Get "caption" }}

4
static/css/style.css
View file

@ -547,11 +547,11 @@ a:focus {
} }
.article-body figure.half { .article-body figure.half {
width: 100%; width: 100%;
max-width: 50%; max-width: 45%;
} }
.article-body figure.third { .article-body figure.third {
width: 100%; width: 100%;
max-width: 33.33%; max-width: 30%;
} }
.article-body figure.logo img { .article-body figure.logo img {
width: 100px; width: 100px;