Add mixins

This commit is contained in:
Austen Adler 2022-04-20 20:09:08 -04:00
parent 546532c58a
commit 33ec8cacbe
2 changed files with 33 additions and 20 deletions

View File

@ -52,23 +52,3 @@ body
li: a(href="outreach.html") Outreach li: a(href="outreach.html") Outreach
li: a(href="community-involvement.html") Community Involvement li: a(href="community-involvement.html") Community Involvement
li: a(href="contact.html") Contact 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

View File

@ -16,3 +16,36 @@ mixin ryanhawk
// else // else
// a(href="#{src}.") // a(href="#{src}.")
// img.big(src=src, alt=alt) // 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