1 files changed, 16 insertions, 0 deletions

diff --git a/echo/tplfuncs/picture_tag.go b/echo/tplfuncs/picture_tag.go
new file mode 100644
index 0000000..ddec4aa
--- /dev/null
+++ b/echo/tplfuncs/picture_tag.go
@@ -0,0 +1,16 @@
+package tplfuncs
+
+import (
+        "fmt"
+        "html/template"
+)
+
+// RenderPictureTag renders a picture tag with a webp and jpeg source
+// and alt text.
+func RenderPictureTag(img, alt string) template.HTML {
+        return template.HTML(fmt.Sprintf(`<picture>
+        <source srcset="%s.webp" type="image/webp" />
+        <source srcset="%s.jpg" type="image/jpeg" />
+        <img src="%s.jpg" alt="%s" loading="lazy" />
+</picture>`, img, img, img, alt))
+}