Colour Schemes
Create a private GitHub repo called colours and set the main branch to be the github pages branch. Then clone the repo on to your local computer.
See the GitHub Setup Instructions for more help with creating the repo.
Start by downloading the attached zip file (colours.zip) on the 'Colour Schemes' Brightspace assignment page
The point of this assignment is to create a colour scheme using hsl() colours and then use CSS variables to apply your colour scheme to the HTML and CSS in the 'colours.zip' folder. add the HTML and CSS files to your cloned repo.
Your colour scheme should have a Primary and a Secondary HUE.
Each HUE needs to have at least two variants created by changing the saturation and/or lightness values.
Your colour scheme also needs to have at least 3 different grey values. Do not use pure black or pure white as part of your scheme.
So, the colour scheme should have at least seven CSS Variables. All seven colours need to be used in the webpage in a manner that enhances the page and the desired levels of importance of each element. Nothing should be done that interferes with the Accessibility or Readability of the page.
ADD one sans-serif font-stack that includes a Google font, a fallback font, and a generic font.
NO changes should be made to the HTML.
As you make changes to the CSS, commit each change to your repo and push it up to GitHub. You will need to test the page through GitHub Pages on GitHub.io to see if your fixes worked.
Submission
- On the Assignment page in BS LMS, submit both the github.io URL and the github.com URL.
- You will need to test the page through GitHub Pages on GitHub.io to see if your CSS works.
- Be sure to invite me to your repo via my Algonquin College Github account (garrarj), otherwise I will not be able to view and mark your repo.