Homepage Chore Checklist

[radium-v]

This issue is intended to hold chores and minor bugfixes/best practice nudges for the new homepage before we go live.

• Meta:
  • Favicon (chore: add favicon #3388)
  • title and description
• Background:
  • Background should dim further after scrolling past the hero
• Navbar:
  • Logo link is redundant - this page should not navigate to itself
  • text links should be darker at rest
  • Logo text should be SVG (chore: switch homepage logo to SVG #3355)
  • Github logo should be the accent
  • non-mobile breakpoints should have same alignment style (logo on left, links in center, github link on right)(fix: resolve the issue where navigation overlaps with the window and extend logo and GitHub link out #3344)
• Section indicator:
  • Items shouldn't be clickable (chore: update side-nav scroll styles and remove scroll indicator click behavior #3338)
• All Sections:
  • Add Activ Grotesque - Chris has CDN link and values (chore: add aktiv-grotesk font-family #3368)
  • Reduce height of each module
  • .section-badge should have: (chore: update badge style and section spacing #3296)
  • more letter spacing (chore: update badge style and section spacing #3296)
  • black background (chore: update badge style and section spacing #3296)
  • rounded corners (chore: update badge style and section spacing #3296)
  • <site-section-header>s should constrain width at non-mobile breakpoints (chore: constrain site-section-header in non-mobile width #3347)
  • Increase margin between paragraphs and buttons (chore: update badge style and section spacing #3296)
• Hero Section:
  • "Get Started" button has no link
  • paragraph text should be larger (chore: update badge style and section spacing #3296)
• Adaptive UI Section:
  • Frame width causes other sections to overflow at middle breakpoints
  • "Explore components" button has no link
  • card bg not updating when dark mode toggled or bg color value updated
  • Hue and saturation sliders missing track styles
• Frameworks section:
  • "Learn More" button has no link
  • Add backplate to match features (chore: add transition and update card hover styling #3366)
  • Add transition to backplate (chore: add transition and update card hover styling #3366)
• Features section:
  • Drop the hand on hover as these are not clickable (chore: remove cursor pointer from cards #3363)
  • Add transition to backplate (chore: add transition and update card hover styling #3366)
  • Grey text using filter should shift to opacity. Grey looks muddy. (chore: add transition and update card hover styling #3366)
  • "Read documentation"
  • Each card should also use :focus-within to set background color for visibility when using keyboard navigation(Chore: add :focus-within to all cards #3284)
  • Every anchor needs a link
• Community section:
  • Each card should also use :focus-within to set background color for visibility when using keyboard navigation (Chore: add :focus-within to all cards #3284)
• Footer:
  • Missing divider line (chore: add divider to footer and darken link text #3346)
  • text links should be darker at rest (chore: add divider to footer and darken link text #3346)

[khamudom]

responsive

[SamanthaAO]

working on badge styling and increasing margins in sections

[radium-v]

Logo link is redundant - this page should not navigate to itself

Redundancy or not, this is common practice for 99% of websites in existence.

[EisenbergEffect]

@radium-v Are we able to close this out now?

[chrisdholt]

@EisenbergEffect, I would close this - any new work should be new issues as we've launched the homepage. This checklist was intended to track work related to the launch.