diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html deleted file mode 100644 index d24b8ee..0000000 --- a/layouts/_default/_markup/render-image.html +++ /dev/null @@ -1,61 +0,0 @@ -{{/* Original code from: https://laurakalbag.com/processing-responsive-images-with-hugo/ */}} -{{/* Just modified a bit to work with render_image hook and output webp images */}} -{{/* get file that matches the filename as specified as src="" */}} -{{ $src := .Page.Resources.GetMatch (printf "%s" (.Destination | safeURL)) }} -{{ $alt := .PlainText | safeHTML }} - -{{/* So for posts that aren't setup in the page bundles, it doesn't fail */}} -{{ if $src }} - - -{{ $tinyw := default "500x webp" }} -{{ $smallw := default "800x webp" }} -{{ $mediumw := default "1200x webp" }} -{{ $largew := default "1500x webp" }} - -{{/* resize the src image to the given sizes */}} -{{/* We create a a temp scratch because it's not available in this context */}} -{{ $data := newScratch }} -{{ $data.Set "tiny" ($src.Resize $tinyw) }} -{{ $data.Set "small" ($src.Resize $smallw) }} -{{ $data.Set "medium" ($src.Resize $mediumw) }} -{{ $data.Set "large" ($src.Resize $largew) }} - -{{/* add the processed images to the scratch */}} - -{{ $tiny := $data.Get "tiny" }} -{{ $small := $data.Get "small" }} -{{ $medium := $data.Get "medium" }} -{{ $large := $data.Get "large" }} - -{{/* only use images smaller than or equal to the src (original) -image size, as Hugo will upscale small images */}} - - - - - - - - - - - - - - {{ $alt }} - - - - - {{/* Since I do image-response class, the only thing that really - matters is the height and width matches the image aspect ratio */}} - - {{ end }} \ No newline at end of file