Notes

bio can be the text that goes on the home page

burger is good

card is the card that is imported into the web section of the home page

if we need a different card for the web index we should make another file

custom footer is fully from the starter blog. I want to make a footer for the home page instead.

How many layouts do I have?
Home page layout.
blog-post layout.
Clips, web, blog layout

all of them have
reset, menu, seo in common.
Other things (footer, what type of grid / flex they use) are different

menu, nav, alll good.

social links! good to keep around and then use in the footer.

Do I need other components?
I think developing variables in the theme would be really smart.

Figuring out uniform headings etc.

Fixing that green background and making it shift.
The whole home page can be like made into components.

Honestly ugh

Figure out how the Gatsby images work.
https://www.gatsbyjs.org/packages/gatsby-image/

https://www.gatsbyjs.org/tutorial/gatsby-image-tutorial/

https://www.gatsbyjs.org/docs/images-and-files/
https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images#Art_direction
https://developers.google.com/web/fundamentals/design-and-ux/responsive/images#art_direction_in_responsive_images_with_picture
https://www.smashingmagazine.com/2014/05/responsive-images-done-right-guide-picture-srcset/
https://www.smashingmagazine.com/2014/02/one-solution-to-responsive-images/

Place DIVs with borders where images should be to get responsive images

So just using CSS and media queries etc.

Don't touch the main page layout until very very last!

Can use the social buttons, should be responsive, can just center the buttons and then add left and right margins on Desktop

And clean up those queries!

This should also be handled in the theme ..... and also the text item component(s)

Do this by setting CSS variables in the Theme and then converting components to use the theme provider. The only components that should need the theme provider are the layout ones!