w0rm / elm-gigs

Home Page:http://gigs.unsoundscapes.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

http://gigs.unsoundscapes.com


Languages

Language:HTML 49.5%Language:Elm 48.0%Language:Shell 2.5%