Skip to content

Multimedia Experience web application to educate the public about the US-led Secret War carried in Laos from the mid 1960-70s

Notifications You must be signed in to change notification settings

aeimskei/legacies_mx

Repository files navigation

Legacies of War, MIC

Interactive educational app about impact of the Secret War in Laos.

https://legaciesmx.netlify.com/

Overview Tasks

Home Page

  • Header container (logo and credits button)

  • Content container (title subtitle)

  • Home Menu container (5 items)

  • Home Menu item (round image)

  • Home Menu item (content)

  • Home Menu item (rectangle background)

  • Small Media Query

  • Medium Media Query

  • Large Media Query

Oral Stories

  • Header container (title subtitle)

  • Media container (flex wrap)

  • Media card (two per row)

  • Media card (image and content)

  • Menu Bar

  • Menu Bar (highlight on hover)

  • Active on Click

  • Media card (play button)

  • Add videos (waiting on video team to send MP4)

  • Small Media Query

  • Medium Media Query

  • Large Media Query

Everday Dangers

  • Header container (title subtitle)

  • Media container (flex wrap)

  • Media card (two per row)

  • Media card (image and content)

  • Menu Bar

  • Menu Bar (highlight on hover)

  • Active on Click

  • Media card (play button)

  • Add videos (waiting on video team to send MP4)

  • Small Media Query

  • Medium Media Query

  • Large Media Query

Military Operations

  • Header container (title subtitle)

  • Media container (flex wrap)

  • Media card (two per row)

  • Media card (image and content)

  • Media card (add margin-top to push media card to bottom)

  • Menu Bar

  • Menu Bar (highlight on hover)

  • Active on Click

  • Media card (play button)

  • Add videos (waiting on video team to send MP4)

  • Small Media Query

  • Medium Media Query

  • Large Media Query

Lao Diaspora

  • Header container (title subtitle)

  • Map container (flex wrap)

  • Menu Bar

  • Menu Bar (highlight on hover)

  • Active on Click

  • SVG US Map

  • Info Box (pop-up on hover, State and Population)

  • Responsive SVG Map (hover for data)

  • Add State names on the SVG map

  • Test responsiveness of map on mobiles devices (Google Chrome DevTools simulator)

  • Add for mobile, touch off map to clear State name

  • Add sound on clicks/hover to map

  • Small Media Query

  • Medium Media Query

  • Large Media Query

UXO Removal

  • Header container (title subtitle)

  • Media container (flex wrap)

  • Media card (two per row)

  • Media card (image and content)

  • Media card (add margin-top to push media card to a bit)

  • Media card (clear card)

  • Menu Bar

  • Menu Bar (highlight on hover)

  • Active on Click

  • Media card (play button)

  • Add videos (waiting on video team to send MP4)

  • Small Media Query

  • Medium Media Query

  • Large Media Query

Credits

  • Header container (title subtitle)

  • Menu Bar

  • Menu Bar (highlight on hover, the whole block)

  • Active on Click

  • Small Media Query

  • Medium Media Query

  • Large Media Query

About

Multimedia Experience web application to educate the public about the US-led Secret War carried in Laos from the mid 1960-70s

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published