Levi Site Audit and Notes

[ethanzitting]

• Import explicit font weights
• Fix project section image
• Project section heading too small
• Card set increase padding
• Card set buttons don’t line up with differing textcontent
• Match text wrapping in project gallery and bottom page margin
• Make links open in new tabs, with no opener noreferrer
• Adjust spacing on contact form Page
• Change to 2 upcoming events, and improve date formatting, add time, more top padding
• Opacity on hrs Indic project page
• Move social icons closer on project pages
• Make text paragraph narrow on about page
• Add shadow to gallery module
• Investigate size of Particles bundle
• Image text on project page gap is too narrow
• Skills/help needed has different padding
• Follow list indent differs
• Project verticals bar fills up as you scroll
• Remove tool names, same size icons
• Left align contributors title on desktop widths
• Hardcore white space and font audit
• Too much verticals gap in project details
• Like icons up with headings in project details
• Verticals spacing between blocks for project page
• Mobile:
• More space between cardset cards
• Make whole partner navlink clickable
• Left align headings to line up left
• Bigger drop-down arrow, roughly as big as a letter, use rems
• More padding in project gallery
• Skills /help needed padding
• Smaller project details icons and move further left
• Two columns for contributors
• Make chat bubbles always big enough for textcontent, by slicing, possibly by 9 splicing to make shadows look good
• Sometimes there is a persistent shadow
• Improve hover state of donate link and Join Us buttong
• Change navlink hover effect to show a hidden button border around link
• Add hover effect to project gallery
  • Zoom by image and underline title
• Add hover animation to project details links, also add an always underline
• Every hover animation should activate on focus too.
• Make next project links with animations
• Add skip nav is anchor tag to an ID on the page
• Animate on scroll library, pick a few
  • Fade up in stats
  • Chat bubbles zoom up
  • Animate navlink drop-down and accordion
• Side scroll bug Caused by ImageTextLink
• Copy favicon from old site and meta stuff
• Make sure Netlify identity script only loads in admin page.
• Fix pngs disguises as svgs
• Send Zach SVG scrapers
• Don’t put in CMS
  • Footer
  • Nav
  • Homepage SVG
  • Volunteering SVG
  • Stats Icons
• Ask Melissa about source of SVGs
• Sort projects by something in memory, maybe by created-at set in cms. Or maybe drag and drop in cms. Priority field can be any number.
• Look into Form submission captchas
• Netlify wants a data field on the form tag
• Cant hit Meetup api from browser, need to rebuild static page cache periodically
• ISR - Don’t do ISR
• Otherwise, we make a Netlify function that we hit that then hits the meetup api for us.
• Enable analytics on site
  • Probably google
• Free Will Sam Harris
• Project Details changes color as you scroll