Building a Modern Business Card with Eleventy

Bryon Tjanaka

University of Southern California

Eleventies, 11 November 2021

Slides: slides.btjanaka.net/eleventy-business-card/
Demo: contact.btjanaka.net
Tutorial and Code: github.com/btjanaka/contact

Iteration 1: Just an email

Iteration 2: More links!

Iteration 3: Pocket-sized

Iteration 4: One link to rule them all

Prior Art

Flexibility


eleventyConfig.addTransform("qrcode", (content, outputPath) => {
  if (outputPath.endsWith(".qrcode.svg")) {
    return QRCode.toString(content.trim());
  }
  return content;
});

Code / Tutorial: github.com/btjanaka/contact

https://contact.btjanaka.net

https://contact.btjanaka.net/qr

https://contact.btjanaka.net/card.svg

What's Next?

Increased flexibility
Professional printing

Building a Modern Business Card with Eleventy

Questions? Contact me!

Slides: slides.btjanaka.net/eleventy-business-card/
Demo: contact.btjanaka.net
Tutorial and Code: github.com/btjanaka/contact

↑↑ Slides ↑↑