Home

Code resources

• Minimal Monkey
• Minimal Monkey docs

####SVG

• CSS tricks tutorial
• SVG Optimiser
• 64-bit encoder: place SVG as background-image in CSS, using:

.logo {
  background: url(data:image/svg+xml;base64,[data]);
}

Inspiration

Lookbook: Trnk NYC

Interactive data narratives

• The Shirt On Your Back

Notes

• Emulate experience of strolling through marketplace in Bangladesh, sifting through bolts of fabric.
• Landing page: horizontally scrolling through full height fabric swatches
• ~10-12 products, 6 shirts + accessories
• Promote transparency of production process. Ability to give back to the community with longer term benefits (contributing towards solar panels, day care services, etc).
• Lifecycle of a shirt interactive narrative