mirror of https://github.com/01-edu/public.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1.9 KiB
1.9 KiB
Where do we go?
Instructions
Tired of staying home for too long, you decide to develop a page to index ideas for your next travel destinations, so that next time you'll ask yourself 'Where do we go?', you won't need to get lost for 3 hours!
Create a page which displays the list of places
provided in the data file below:
- sort the
places
from the Northest to the Southest - display a fullscreen-size image for each place ; use the images hosted here:
https://github.com/MarieMalarme/dom-js/tree/master/assets/images
, also available as Github Pages herehttps://mariemalarme.github.io/dom-js/assets/images/locationName.jpg
- display a location indicator, displaying the
name
and thecoordinates
of the current place featured in the image, using the correspondingcolor
as text color, which updates on scroll when another image is reached - display a compass indicating the latitude direction ; North if the user is scrolling up, South if he's scrolling down
- when clicking on the page, open a link redirecting to the Google Maps' coordinates of the place currently displayed.
Notions
Provided files
- Import the
places
from the data file: https://mariemalarme.github.io/dom-js/assets/data/where-do-we-go.js
Expected result
You can see an example of the expected result here