nikdoof/website-hugo
1
0
Fork 0
mirror of https://github.com/nikdoof/website-hugo.git synced 2025-12-14 03:22:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve the image shortcode

Browse Source
This commit is contained in:
Andrew Williams
2023-11-07 11:32:09 +00:00
parent 60219ca8b9
commit 926dd3ad51
7 changed files with 22 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
themes/lhs/layouts/shortcodes/image.html
View File

@@ -1,5 +1,15 @@
{{ $img := .Page.Resources.GetMatch (printf "*%s*" (.Get 0)) }}
{{ $img = $img.Resize "1256x jpg" }}
<figure class="image">
<img src="{{ $img.RelPermalink }}" width="{{ $img.Width }}" height="{{ $img.Height }}">`
{{ $img := .Page.Resources.GetMatch (printf "*%s*" (.Get "src")) }}
{{ $width := .Get "width" }}
{{ $img = $img.Resize (print (default "1256x" $width) " jpg") }}
{{ $title := .Get "title" }}
{{ $class := .Get "class" }}
<figure class="image{{ if $class }} {{ $class }}{{ end }}">
<img src="{{ $img.RelPermalink }}" width="{{ $img.Width }}" height="{{ $img.Height }}"{{ if $title }} alt="{{ $title }}"{{ end }}>
{{ if $title }}
<figcaption class="is-size-6">
<small>
{{ $title }}
</small>
</figcaption>
{{ end }}
</figure>

24
themes/lhs/layouts/shortcodes/image_custom.html
View File

@@ -1,24 +0,0 @@
{{ $img := .Page.Resources.GetMatch (printf "*%s*" (.Get 0)) }}
{{ $command := .Get 1 }}
{{ $options := .Get 2 }}
{{ if eq $command "Fit"}}
{{ $img = $img.Fit $options }}
{{ else if eq $command "Resize"}}
{{ $img = $img.Resize $options }}
{{ else if eq $command "Fill"}}
{{ $img = $img.Fill $options }}
{{ else if eq $command "Crop"}}
{{ $img = $img.Crop $options }}
{{ else }}
{{ errorf "Invalid image processing command: Must be one of Crop, Fit, Fill or Resize."}}
{{ end }}
<figure class="image">
<img src="{{ $img.RelPermalink }}" width="{{ $img.Width }}" height="{{ $img.Height }}">
<figcaption>
<small>
{{ with .Inner }}
{{ . }}
{{ end }}
</small>
</figcaption>
</figure>