Add Site Footer component

jrubenoff commented 1 year ago

Closes #11.

You should be able to preview the footer on this page.

Adds the Site Footer component as an 11ty include
Add the envelope and linkedin icons to a new _includes/icons folder
Adds a new, higher-res version of the SBA WOSB logo that's probably worth copying over to the main Bloom site

To keep merge conflicts to a minimum, I'm using the file structure that I noticed web.dev's 11ty instance using:

Each shortcode's markup is in its own dedicated file in _includes.
The common-tags package strips out whitespace, ensuring the component renders correctly.

I've also added a bootstrap-icons SVG sprite sheet identical to what's in #31.

netlify[bot] commented 1 year ago

Name	Link
Latest commit	b6b9029bd81dca41ce42a729db1b027e4d00686d
Latest deploy log	https://app.netlify.com/sites/bloom-guides-template/deploys/649cb9b76d3c4a0007559174
Deploy Preview	https://deploy-preview-29--bloom-guides-template.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

jrubenoff commented 1 year ago

Adam's feedback from a Zoom call:

Move the SBA logo and text to the bottom, next to the Bloom Works copyright info
Bloom should discuss what the footer navigation should have before this is merged, but for now Josh will leave it as-is

jrubenoff commented 1 year ago

@admoorgit It was a bit challenging to fit the SBA text in the bottom row and keep it looking good, but here's my attempt if you want to take a look!

bloom-works / guides-template