Skip to content

Latest commit

 

History

History
26 lines (18 loc) · 909 Bytes

README.md

File metadata and controls

26 lines (18 loc) · 909 Bytes

Gigs

Note: this demo only works in Chome and Firefox.

The idea is to present the short videoclips I took at gigs in 2014-2017.

Each video is masked by a band's name using the MOD font from the Fontfabric type foundry.

Screenshot

Random technical facts

  • The video is included using html5 video element
  • Masking is implemented using svg mask element
  • The text layout is calculated by measuring the size of words and breaking the lines where necessary, using ports
  • And of course its being coded in the Elm language, just as my current homepage

Running the demo

  1. elm make Main.elm --output elm.js
  2. Start a webserver python -m SimpleHTTPServer
  3. Open index.html