geocation.com/includes/mixins.pug

52 lines
1.6 KiB
Plaintext
Raw Normal View History

2022-04-17 19:35:41 -04:00
mixin email
2022-04-19 19:10:03 -04:00
| dr.diane
span(style="display: none;") well hello there ☃ :)
| @geocation.com
2022-04-17 19:35:41 -04:00
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)
2022-04-20 20:09:08 -04:00
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