Javascript from map-tool.js file was moved into app.js. HTML from map.html was moved into index.html. A link to map.css was added to index.html.
HTML sections were created to hold the html for the Dinosaur Profiles, Dinosaur Maps, and Dinosaur Diets. On loading, the maps and diets sections are hidden, showing only the default Dinosaur Profiles for Tab 1.
The tabs were made functional. Clicking on a tab, keeps that tab black and displays the appropriate section by adding "hidden" to all sections, then removing it from the appropriate section.
Some minor changes to css where creating sections broke the old css, to make the tabs functional, and adding a hidden class.
NOTE: Within my Dinosaur Maps javascript code is an internal fetch to the api. Once we integrate Yusuke's fetch into app.js from fetch.js, my fetch code can be carefully removed. The variable name will probably need to be changed.
Javascript from map-tool.js file was moved into app.js. HTML from map.html was moved into index.html. A link to map.css was added to index.html.
HTML sections were created to hold the html for the Dinosaur Profiles, Dinosaur Maps, and Dinosaur Diets. On loading, the maps and diets sections are hidden, showing only the default Dinosaur Profiles for Tab 1.
The tabs were made functional. Clicking on a tab, keeps that tab black and displays the appropriate section by adding "hidden" to all sections, then removing it from the appropriate section.
Some minor changes to css where creating sections broke the old css, to make the tabs functional, and adding a hidden class.
NOTE: Within my Dinosaur Maps javascript code is an internal fetch to the api. Once we integrate Yusuke's fetch into app.js from fetch.js, my fetch code can be carefully removed. The variable name will probably need to be changed.
Closes issues #42 and #43