diff --git a/_static/custom.css b/_static/custom.css index 3679012..cf14e3d 100644 --- a/_static/custom.css +++ b/_static/custom.css @@ -1,26 +1,75 @@ +/* Team member cards - modernized with Flexbox and accessibility */ .team-member { - display: inline-block; - padding: 1rem; - margin: 0.25rem; - width: 7rem; + display: inline-flex; + flex-direction: column; + align-items: center; + padding: var(--space-md, 1rem); + margin: var(--space-xs, 0.25rem); + width: 8rem; text-align: center; vertical-align: top; + transition: transform var(--transition-fast, 150ms ease-in-out), + background-color var(--transition-fast, 150ms ease-in-out); + border-radius: var(--radius-md, 0.375rem); +} + +.team-member:hover, +.team-member:focus-within { + transform: translateY(-4px); + background-color: var(--bg-secondary, #f8f9fa); } .team-member-photo { display: block; + margin-bottom: var(--space-sm, 0.5rem); } .team-member-photo img { - width: 60px; - border-radius: 50%; - margin-bottom: 0.5rem; + width: 64px; + height: 64px; + border-radius: var(--radius-full, 50%); + object-fit: cover; + box-shadow: var(--shadow-sm, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)); + transition: box-shadow var(--transition-fast, 150ms ease-in-out); +} + +.team-member:hover .team-member-photo img, +.team-member:focus-within .team-member-photo img { + box-shadow: var(--shadow-md, 0 0.5rem 1rem rgba(0, 0, 0, 0.15)); } .team-member-name { - font-weight: bold; + font-weight: 600; + font-size: 0.9rem; + line-height: 1.3; + color: var(--text-primary, #212529); + word-break: break-word; } .team-member-handle { display: none; } + +/* Responsive adjustments for team members */ +@media (max-width: 575.98px) { + .team-member { + width: 7rem; + } + + .team-member-photo img { + width: 56px; + height: 56px; + } + + .team-member-name { + font-size: 0.85rem; + } +} + +/* Dark mode adjustments */ +@media (prefers-color-scheme: dark) { + .team-member:hover, + .team-member:focus-within { + background-color: var(--bg-secondary, #2d2d2d); + } +} diff --git a/_templates/navbar.html b/_templates/navbar.html index b3597c6..5a11cd9 100644 --- a/_templates/navbar.html +++ b/_templates/navbar.html @@ -1,12 +1,11 @@ -
  • Installation
  • -
  • Gallery
  • - -
  • Documentation
  • -
  • Community
  • -
  • - - Source +
  • + + + + diff --git a/_templates/sidebar_links.html b/_templates/sidebar_links.html index 9a0f360..fce7087 100644 --- a/_templates/sidebar_links.html +++ b/_templates/sidebar_links.html @@ -1,45 +1,68 @@ -