Skip to content

Improve site usability and structure#64

Open
devin-ai-integration[bot] wants to merge 1 commit intomainfrom
devin/1772854293-usability-structure-improvements
Open

Improve site usability and structure#64
devin-ai-integration[bot] wants to merge 1 commit intomainfrom
devin/1772854293-usability-structure-improvements

Conversation

@devin-ai-integration
Copy link
Contributor

Summary

Usability and structure improvements to the BMT website, focused on making key actions more discoverable and improving accessibility fundamentals.

Changes:

  • Register CTA — Added a prominent teal "Register" button to both desktop and mobile navigation, linking to ContestDojo
  • Footer sitemap — Replaced the minimal footer with a 4-column link grid (Tournaments, Resources, Organization, Connect) plus a bottom bar with copyright and OCF badge. Changed to semantic <footer> element
  • About page mobile fix — Team roster grid now stacks to single column on narrow screens instead of forcing side-by-side columns
  • Accessibility — Added skip-to-content link, aria-label on <nav> elements
  • Cleanup — Removed unused Inter font CSS import (site uses IBM Plex Sans Variable)
  • ID rename#content-wrapper#main-content (for skip-link target); updated the TOC scroll JS reference in macros.html to match

Desktop nav with Register button:
Desktop nav

Mobile menu with Register button:
Mobile menu

Footer:
Footer

Review & Testing Checklist for Human

  • Verify the Register button link — Currently hardcoded to https://contestdojo.com/. Confirm this is the correct destination (vs. a BMT-specific registration URL)
  • Test on a narrow mobile viewport (~375px) — Verify the About page team grid stacks correctly, footer columns collapse to 2-col, and the Register button in the mobile menu looks right. I tested in DevTools responsive mode but at a wider-than-phone width
  • Test TOC scroll behavior on a page with table of contents (e.g. an event page like BmMT 2026) — The #content-wrapper#main-content ID rename affects the JS that highlights the current section in the sidebar TOC
  • Review footer hardcoded links — Event links (/events/bmmt-2026/, /events/bmmt-2026-online/) will need updating each tournament cycle, same as the nav links. Decide if this is acceptable or if you want a different approach

Notes

  • The separator before the Register button in desktop nav uses the existing nav separator pattern
  • Copyright year is auto-generated with Zola's now() function
  • Accessibility: Skip-to-content link appears on focus (Tab key) for keyboard/screen reader users

Devin Session: https://app.devin.ai/sessions/84d4995094994f54bf2bd04da2cd5d6f
Requested by: @oliver-ni

- Add prominent 'Register' CTA button to both desktop and mobile navigation
- Improve footer with 4-column sitemap layout (Tournaments, Resources, Organization, Connect)
- Add copyright notice and reorganize footer bottom bar
- Fix About page team grid to stack on mobile (grid-cols-1 → md:grid-flow-col)
- Add skip-to-content link for keyboard/screen reader accessibility
- Add aria-label attributes to nav elements
- Remove unused Inter font CSS import
- Rename content-wrapper to main-content for semantic skip-link target

Co-Authored-By: Oliver Ni <oliver.ni@gmail.com>
@devin-ai-integration
Copy link
Contributor Author

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

  • Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
  • Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

  • Disable automatic comment and CI monitoring

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant