[Product Homepage Design] Implementation#145
Open
yetone wants to merge 14 commits into
Open
Conversation
added 14 commits
May 9, 2026 03:39
- Create full homepage directory structure (first builder) - Add shared files: index.html, package.json, base CSS, test helpers - Implement hero section with MirDB title, tagline, and Get Started CTA - Add comprehensive integration tests for hero section - Add placeholder files for all other scenario sections
- Add Open Graph tags (og:title, og:description, og:type) for social media previews - Add canonical link to prevent duplicate-content indexing - Add theme-color meta tag - Normalize charset to lowercase utf-8 and viewport content - Create sections/head.html partial for scenario ownership - Add integration tests for all SEO meta tag requirements
- Add install.html section with cargo install and pre-built binary instructions - Implement copy.js with clipboard API and execCommand fallback - Add copy button styles to components.css - Inline install section into index.html - Add comprehensive unit tests for copy-to-clipboard logic - Add integration tests for installation section structure - Add e2e tests verifying copy button functionality - Update vitest config to exclude e2e tests from unit runner
…ns with Copy-to-Clipboard"
- Implement navbar HTML with logo, anchor links, hamburger, and theme toggle - Add navigation.js with smooth scroll, sticky scroll class, hamburger toggle, and Escape key dismissal for mobile menu - Update index.html to inline nav section content - Add responsive navbar styles to components.css - Add comprehensive unit tests for all navigation behaviors
- Implement responsive.css with breakpoints for mobile (<768px), tablet (768-1024px), and desktop (>1024px) - Add features, usage, architecture, resources, and footer sections to index.html with proper responsive structure - Add 25 integration tests verifying layout at all breakpoints including no horizontal overflow, grid columns, and nav visibility
- Wrap main content in <main> landmark - Add aria-labelledby to every <section> pointing to its heading id - Convert features grid from <div>s to a <ul> of <article> cards - Add tests/integration/semantic.test.js covering h1 uniqueness, heading level skipping, landmark presence, accessible names, presentational element absence, and semantic list markup (NFR-5)
…oth Scroll and Hamburger Menu"
…ziz9-ccece3c' into feature/product-homepage-design-ziz9-ccece3c
Add Playwright e2e tests verifying the homepage renders and behaves correctly across the three major browser engines: Chromium (Chrome/Edge), Firefox (Gecko), and WebKit (Safari). The suite asserts hero h1 visibility, theme-toggle bidirectional flip via html.dataset.theme, and copy-to-clipboard for install code blocks. Extend playwright.config.js with firefox and webkit projects so the single test file fans out across all three engines, satisfying scenario 14 test_cases 1-5 with 3 tests x 3 engines = 9 executions.
- Add accessibility.css with WCAG-compliant design tokens (4.5:1 contrast) - Wrap content in <main id="main-content"> for landmark navigation - Add skip-to-main-content link for keyboard users - Add visible focus indicators on interactive elements - Add axe-core e2e test suite with 8 test cases covering: axe audit, color contrast, keyboard nav, focus rings, alt text, ARIA landmarks, dark theme parity, and negative case - Add @playwright/test devDependency
… and Heading Hierarchy"
…ziz9-ccece3c' into feature/product-homepage-design-ziz9-ccece3c
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.
Summary
This PR implements the requirements for Product Homepage Design.
Generated by Something