ty-mum

All the best things we have we made together

A static, single page application website to honour my mother

• made with ❤️ in Elm
• hosted via Cloudflare Pages

How-to

• use elm reactor as a sandbox, then head to http://localhost:8000/ to play around
• use elm make src/Main.elm to create a static HTML version
  • you can then visit it from the sandbox above
  • or just open the ./index.html file in your browser
• use elm make src/Main.elm --output=dist/main.js to compile to javascript
  • so you can embed it in your own HTML
• use elm-format src/* --yes to format (requires installing elm-format)

Bucket list

TODOs, nice-to-have and ideas

• add on-hover pop-up effect on single photos
• add zoom-in modal on single photos
• with a carousel, blackjack and hookers!
• add a toggle to switch between the overlayed or basic mosaic
• switch photos from cropped to full size original image
• use a deploy script to compile in prod mode & manage assets
• setup analytics no need to, using cloudflare ones
• no i won't add a cookie settings banner, thank you!
• add captions
• add "go full-screen" buttons
• improve mobile UX/UI
• add photos' location and show them on a map
• add a loader at startup, animations and some extra fronzoli