diff --git a/includes/head.pug b/includes/head.pug index 3743836..6aac6b3 100644 --- a/includes/head.pug +++ b/includes/head.pug @@ -52,23 +52,3 @@ body li: a(href="outreach.html") Outreach li: a(href="community-involvement.html") Community Involvement li: a(href="contact.html") Contact - -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 diff --git a/includes/mixins.pug b/includes/mixins.pug index d6e6fc1..93d3aca 100644 --- a/includes/mixins.pug +++ b/includes/mixins.pug @@ -16,3 +16,36 @@ mixin ryanhawk // 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