First of all, please download these starter files.
Next, download the screenshots.
Here is a Loom movie showing how the page needs to behave.
If this a test, you may use the Internet or your notes, but you may not communicate with anyone other than me or our Instructional Assistant (if we have one).
Details
Most of the details are in the Loom movie or the screenshots, but here are a couple more that weren’t mentioned there.
Fonts: The site name, the article title, and the search form label use the google font playfair display.
The writer & illustrator credits are the helvetica, arial, etc font stack.
All other type is the georgia, times, etc font stack.
Icons: Icons come from Font Awesome. If you are a vegetarian, you do not need to use an actual hamburger icon like I did: a traditional three-bar-lines icon is fine.
The menus: the text for the two menus that slide out is already in the starter files—one near the top, one near the bottom.
Marks Breakdown
| Heading Area | 5 |
| Mobile View | 5 |
| Medium View | 5 |
| Large View | 5 |
| Menus & Search | 5 |
What to Hand In
If you’re a Langara student, rename the project folder lastname-firstname-walrus, then zip it, and hand it into the course folder on Brightspace.
If this is an exam, late submissions will receive a zero.