mixin email | dr.diane span(style="display: none;") well hello there ☃ :) | @geocation.com mixin ryanhawk br | Photo courtesy: a(href="https://ryanhawk.com/") RyanHawk.com // mixin img_big(src, alt, href) // if href // a(href=href) // img.big(src=src, alt=alt) // else // a(href="#{src}.") // img.big(src=src, alt=alt) mixin bigimage(src, alt, ryanhawk) figure // =img_big(src=src, alt=alt) - var loc = src.replace(/[.].+?$/, ""); - var ext = src.replace(/^.+[.]/, ""); a(href=`images/${loc}-full.${ext}`) picture.big source(type="image/webp" srcset=`images/${loc}-full.webp`) source(srcset=`images/${loc}-full.${ext}`) img(src=`images/${loc}-full.${ext}`) // img(srcset=`images/${loc}-full.webp images/${loc}-full.${ext}` src=`images/${loc}-full.${ext}`, alt=alt) // img(src=`images/${loc}-full.webp`) figcaption block if ryanhawk +ryanhawk mixin bigimage_slider(src, alt, ryanhawk) figure - var loc = src.replace(/[.].+?$/, ""); - var ext = src.replace(/^.+[.]/, ""); a(href=`images/${loc}-full.${ext}`) picture.big source(type="image/webp" srcset=`images/${loc}-full.webp`) source(srcset=`images/${loc}-full.${ext}`) img(src=`images/${loc}-full.${ext}`) figcaption if ryanhawk +ryanhawk