Project Airhorn

In memory of the wonderful times we had with beloved Philipp Doms at Red Bull Media House Fredmansky.

All the best for your new adventures!

---

Contributions

See the original version over at lukasziegler/airhorn.

created by

• Frederic Köberl
• Isabella Fahrner

with audio contributions from

• Hubert

• Susi Lausch

• Ino Karning

• David Hellmann

• Christoph DJ Paster

• L2 Kaffeemaschine

• and many more

---

Checklist

what there is still to do

• base layout
• giphy integration
• change cards to fixed aspect ratio (flex-basis)
• split styles
• change layout: side-by-side on desktop and single-column on tablet and below
• add CNAME
• add basic JS logic, play clip for N seconds
• show giphy on click
• adjust object-fit of images
• replace font, add nice typography
• update branding (credits, press-me)
• add DLS infographic
• add actual sound files + gifs
• loading indicator for mobile (listen to canplaythrough & ended events)

dependencies from others

• define font family
• finalize text
• convert mp3s

more ideas

• add JS build process
• click on an already playing gif stops it and the music
• favicon, manifest, meta & theme-color
• send custom analytics
• migrate to (p)react
• randomization of images
• special effect when hovering/clicking DLS
• font loading optimization (FOIT)