Add mixins
This commit is contained in:
parent
546532c58a
commit
33ec8cacbe
@ -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
|
|
||||||
|
@ -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
|
||||||
|
Loading…
Reference in New Issue
Block a user