Impact Canada
Website redesign by Chris Soueidan of the Impact & Innovation Unit at PCO
1. Pages
General Notes:
- Built with SASS which compiles into a css file that overrides the ./theme-wet-boew/css/theme.min.css
- Include all meta tags in the
headsection related to favicons - Include fontawesome CDN link in head
- Skip links are built in the
headerwith id="wb-tphp" - Include everything in between the
footertags - Scripts to include before the closing
bodytag: rellax.min.js, scrollreveal.min.js and script.js
| Webpage | Notes |
|---|---|
| 1 Homepage | (1) .jumbotron area requires rellax.js and section #challenges requires scrollreveal.js. Both also need /custom-js/scripts.js. / (2) Ability to create "non challenges" aka Other Initiatives which appear in the #nonChallenges section. / (3) Ability to manually code what appears in the .jumbotron area (WYSIWYG) to enable featuring new imagery and titles. / (4) ability to add/edit/remove links + update logos in the nav.navigation area and in the footer area. |
| 2 About | (1) section#staticContent has a container with the .narrow class. |
| 3 How it works | (1) section#staticContent has a container with the .narrow class. |
| 4 News | (1) section#newsContent / (2) Ability to create a "news" item from a challenge which will be aggregated on the NEWS page sorted by newest date. (3) Pagination kicks in after 12 news items. / |
| 5 Partner | section#staticContent has a container WITHOUT the .narrow class |
| 6 Terms | (1) section#staticContent has a container with the .narrow class. |
| 7 Privacy | (1) section#staticContent has a container with the .narrow class. |
| 8 Challenge Page | (1) Include the section #challenge-details at the bottom of each page |
| 9 Challenge Process | (1) Include the section #challenge-details at the bottom of each page |
| 10 Challenge Prizes | (1) Include the section #challenge-details at the bottom of each page |
| 11 Challenge Results | (1) Include the section #challenge-details at the bottom of each page |
| 12 Challenge Contact | (1) Include the section #challenge-details at the bottom of each page |
2. Built on the foundation of the Web Experience Toolkit
- An award-winning front-end framework for building websites that are accessible, usable, interoperable, mobile friendly and multilingual
- A collaborative open source project led by the Government of Canada