dwinasolihin / fesc-redesign

FESC-redesign

A redesign of the Florida Energy System Consortium website.

Color Scheme

Click to see color scheme for website. Color Where it will be used #D3D4D9: Background color of all three pages. Instead of having something that is white, keep it a light color but not white. #00001A: Regular text color, not black to match overall color scheme better #283C93: Navigation bar #44060E: Small accent color #961E22: Big accent color #283C93: Header/Footer background color

Typography

Using fonts from Google Fonts. Links are below. The two fonts are: Lato for Header Roboto for Body

Link in HTML

Selector for CSS font-family: 'Lato', sans-serif; font-family: 'Roboto', sans-serif;

Google Charts

For Assignment 7, we had to include at least two charts to our redesign project. We were given two .txt files where one contained information regarding the Total Energy Consumed in Floridafrom 1960 to 2016 Click here to see and Renewable Enery Produced in Florida from 1960 to 2015 Click here to see

My first chart was a column chart Documentation. I decided to use a column chart because I wanted to showcase the two sets of data side-by-side so users of the website can see how each set of data is affecting or not affecting the other.

My second and third chart was a line chart Documentation. I decided on a linechart to showcase each set of data individually because I felt that it was the clearest way to display all that information on one chart.