Implement footer

[alexzhang1618]

Info

Closes 5 ish

Changes

• add footer

Screen.Recording.2024-12-09.at.6.03.31.PM.mov

Type of Change

• Bug Fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as
  expected)
• Logistics Change (A change to a README, description, or dev workflow setup like
  linting/formatting)
• Continuous Integration Change (Related to deployment steps or continuous integration
  workflows)
• Other: (Fill In)

Testing

I have tested that my changes fully resolve the linked issue ...

• locally on Desktop.
• on the live deployment preview on Desktop.
• on the live deployment preview on Mobile.
• I have added new Cypress tests that are passing.

Checklist

• I have performed a self-review of my own code.
• I have followed the style guidelines of this project.
• I have documented any new functions in /src/lib/* and commented hard to understand areas
  anywhere else.
• My changes produce no new warnings.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
diamondhacks-teaser	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 10, 2024 3:50am

[SheepTester]

On Android Chrome at least, there appears to be horizontal scroll. Maybe add max-width: 100% to the left gems

Also, for some reason it takes a few moments for the image to load/render (though it's under a second). I think it's because the SVG is complex because of the blurs and such. Maybe in this case it would make more sense to use a rasterized PNG instead

[SheepTester]

looks good, just a windows scrollbar issue

using devtool's mobile view it seems the footer still stretches body out because of the margin: 0 -4rem, but I can't reproduce the issue on Android Chrome, so I'm guessing it's not a real issue