kova/hugo-profile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use max-width instead of width

Browse Source
This commit is contained in:
Ari Kalfus
2022-12-02 18:25:54 -05:00
committed by GitHub
parent 0d95181b63
commit 6d1ebbace5
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/shortcodes/dynamic-img.html
+2 -2
View File
@@ -3,10 +3,10 @@
{{< dynamic-img src="/my/image/on/cloudinary.webp" title="A title for the image" >}} {{< dynamic-img src="/my/image/on/cloudinary.webp" title="A title for the image" >}}
Optionally, you can customize the width or other general styles for the image: Optionally, you can customize the width or other general styles for the image:
{{< dynamic-img src="/my/image/on/cloudinary.webp" title="A title for the image" width="w_auto" style="width:90%" >}} {{< dynamic-img src="/my/image/on/cloudinary.webp" title="A title for the image" width="w_auto" style="max-width:90%" >}}
--> -->
{{ $image := .Get "src" }} {{ $image := .Get "src" }}
{{ $alt := .Get "title" }} {{ $alt := .Get "title" }}
{{ $width := .Get "width" | default "w_auto" }} {{ $width := .Get "width" | default "w_auto" }}
{{ $style := .Get "style" | default "width:90%" }} {{ $style := .Get "style" | default "max-width:90%" }}
<img alt="{{ $alt }}" title="{{ $alt }}" data-src="https://res.cloudinary.com/{{ $.Site.Params.cloudinary_cloud_name }}/{{ $width }},c_scale,f_auto,q_auto,dpr_auto{{ $image}}" class="cld-responsive" style="{{ $style }}"> <img alt="{{ $alt }}" title="{{ $alt }}" data-src="https://res.cloudinary.com/{{ $.Site.Params.cloudinary_cloud_name }}/{{ $width }},c_scale,f_auto,q_auto,dpr_auto{{ $image}}" class="cld-responsive" style="{{ $style }}">