docs(phase2c4): Tech Stack Keyboard design-system + feature catalog e… - #140
Merged
Conversation
…ntry - Update design-system source map: add TechStackKeyboard, TechStackIcons entries - Add Phase 2C.4 implementation notes: keycap sizing fix, proportional keyboard, radiogroup+CRT pattern - Create feature page: tech-stack-keyboard.md with full validation, testing, and troubleshooting - Document 16 vendored Simple Icons + 5 text legend fallbacks - Include CSS --keycap-unit variable fix for proportional key sizing (1u/1.25u/1.5u/2u) - Reference ADRs (Visual Identity, Dark Mode, React2Shell hardening) - Link to E2E tests (smoke tests cover home page render) - Accessibility standards: keyboard navigation, aria-live, radiogroup roles, reduced-motion
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
…ntry
Summary
What changed
This pull request adds comprehensive documentation for the new "Tech Stack Keyboard" feature (MODULE 01), which introduces an accessible, interactive keyboard interface to the home page. It details the feature’s purpose, scope, accessibility patterns, visual treatment, keyboard navigation, theming, and maintenance considerations. Additionally, the design system documentation is updated to include references and implementation notes for the new keyboard and its supporting icon set.
Feature Documentation and Design System Updates:
New Feature Documentation
docs/00-portfolio/features/04-theming-accessibility/tech-stack-keyboard.md, a complete spec and runbook for the Tech Stack Keyboard, covering purpose, scope, UI/UX details, accessibility, testing, troubleshooting, and references.Design System Reference Updates
TechStackKeyboardandTechStackIconscomponents to the design system index, documenting their source files and roles (interactive keyboard and icon set).Scope
Evidence
ci / qualitypassed (lint, typecheck, format)ci / buildpassed (Docusaurus build + broken links check)codeqlchecks passedpnpm policy:checkreviewed (non-blocking drift warnings triaged)Nav / Structure
_category_.jsonor_category_.ymlSecurity
Quality checklist
bash/powershell)Notes for reviewers (optional)