This repository took everything I learned about HTML and CSS to create a dashboard website visualizing the work I did on a previous repository, https://github.com/doublealogic/api-challenge-python
. In that repository, I used citipy, a simple Python library, and the OpenWeatherMap API, to create a representative model of weather across 500+ world cities, which were of varying distance from the Equator.
The assets
folder contains pictures of ten cities that were generated from my temperature search of the 500+ cities.
Within the Resources
folder, is the csv created out of the above search and holds the data for the above cities.
Last, the visualizations
folder holds graphs that displayed relationships between various weather aspects and latitude.
Below were the website requirements that I needed:
The website must consist of 7 pages total, including:
-
A
landing page
containing: -
Four
visualization pages
, each with: -
A
"Comparisons" page
that: -
A
"Data" page
that:
The website must, at the top of every page, have a navigation menu that:
- Has the name of the site on the left of the nav which would allow users to return to the landing page from any page.
- Contains a dropdown menu on the right of the navbar named
"Plots"
that provides a link to each individual visualization page. - Provides two more text links on the right:
"Comparisons,"
which links to the comparisons page, and"Data,"
which links to the data page. - Is responsive (using media queries).
Finally, the website had to be deployed to GitHub pages.
I took some liberty in the visual aspects of the websites by using the Bootstrap Theme Lux from Bootswatch.