From 3881f8f8aef0e6defd49759a43f7e652840c9fd2 Mon Sep 17 00:00:00 2001
From: nevfy <yaver4.0.0.0@gmail.com>
Date: Tue, 12 Nov 2024 02:55:52 +0300
Subject: [PATCH] feat: responsive image shortcode

---
 layouts/shortcodes/responsive-img.html | 30 ++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 layouts/shortcodes/responsive-img.html

diff --git a/layouts/shortcodes/responsive-img.html b/layouts/shortcodes/responsive-img.html
new file mode 100644
index 0000000..6964da9
--- /dev/null
+++ b/layouts/shortcodes/responsive-img.html
@@ -0,0 +1,30 @@
+{{ $src := ( resources.Get ( .Get 0 ) ) }}
+
+{{ $tinyw := default "500" }}
+{{ $smallw := default "800" }}
+{{ $mediumw := default "1200" }}
+{{ $largew := default "2400" }}
+
+{{ $tiny := $src.Resize (printf "%sx" $tinyw) }}
+{{ $small := $src.Resize (printf "%sx" $smallw) }}
+{{ $medium:= $src.Resize (printf "%sx" $mediumw) }}
+{{ $large := $src.Resize (printf "%sx" $largew) }}
+
+<img
+    {{ with ( .Get 1 ) }}
+        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%
+    '
+>
\ No newline at end of file