Avivash/eoy 2022 UI refresh

[avivash]

Description

• Implementing(most) of the 2022 EOY UI refresh
• Also, I copied the mobile menu styles from figma, but it looks like the spacing of the logo and x/hamburger icons is different when the menu is open vs when it's closed so i imagine we'll probably want to tweak that I ended up tweaking the overlay menu padding to match the unopened state 👍🏼
• Blog styles will still need some TLC(also, haven't implemented the pagination numbers)
• The success state of the newsletter form is a little plain too(i just added the input styles to the message 🤷🏼)
• This is all pretty rough code. I'd like to do a major refactor of this for the full redesign and hopefully move it out of eleventy because it takes about 30 seconds to hot reload the app after making any changes :sob:

Note: a reminder to anyone who works on this locally that you'll likely need to comment out lines 48-55 in .eleventy.js

Link to issue

N/A

Type of change

• [x] Refactor (non-breaking change which adds functionality)
• [x] New Feature (non-breaking change which adds functionality)

Screenshots/Screencaps

Deployed without the localImages plugin because it was taking too long https://fission-eoy-2022.fission.app/

[avivash]

@depatchedmode i'm pushing a small fix for the outline buttons in the footer, i noticed the last thing i did before i pushed was actually give them a solid background colour 😅