Web-Design-Challenge

Introduction

Latitude is a web page that uses the observations from a large number of weather stations to explore the relationship between weather and latitude.

The design of the site is intensionally minimalist, which follows my general approach to code and design. Keeping a space simple and uncluttered, using colour for very specific purposes, in this case the "home" button on each page to make it stand out.

The design is based on the Bootstrap 5 library. Cards are used on all but the Data page to give a consistent look and feel to the site.

Each page has a link to an external web site usually a site that carries further information on the weather element and how is it measured.

URL

https://alanseed.github.io/Web-Design-Challenge/index.html

Files

The site has the folowing directory structure

• Resources
  • cities.csv - Input file for the Data page
  • table.html - Data from csv file formatted into an html table
  • assets
    • images
      • Fig1.png - Temperature figure
      • Fig2.png - Humidity figure
      • Fig3.png - Cloud figure
      • Fig4.png - Wind figure
• visualisations
  • Comparisons.html - Comparisons page
  • Data.html - Data page
  • Fig1.html - Temperature page
  • Fig2.html - Humidity page
  • Fig3.html - Cloud page
  • Fig4.html - Wind page
  • make-table.ipynb - Notebook to convert csv to html table
• index.html - landing page
• README.md - readme page