April 30 - ZohairDaniel/CovidSite GitHub Wiki

Daniel: Today I created 3 pages that the website will revolve around. One will be for the Coronavirus Leaflet map, the second will be for coronavirus data, ideally, we will use graphs, and the final one will give a quick description on Coronavirus and provide useful facts. I also created a navbar that will allow the user to easily switch through the different pages and styled it using CSS to look good. When the user hovers over a button it changes to a lighter colour and when the user clicks on one of the pages that button will stay a lighter colour. This is simply the beginning of the project and will act as a skeleton to the rest of the code. This image is the code used for the navbar, you can see the 3 different .HTML files used. One has class="active", it shows that the screenshot is taken from the Data page, the active class changes based on what file you are on. This code shows the CSS used to make the navbar look good. It mainly changes the colour of the buttons, the size and design, as well as the colour for both the normal, selected, and hovered over button. In addition to all of this I took the leaflet map that we created in class a week or two ago and put it onto the home page. This will be updated later on, but I just wanted to get it onto the home page since I know we will have a map there.