feature/MP 104 flippable cards #16
Open
Conversation
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
Contributor
tyemirov
commented
Dec 10, 2025
tyemirov
commented
- feature: render catalog-driven bands for MP-103
- chore: remove band borders for cleaner sections
- style: expand full-width color bands
- style: convert sections into flush bands
- style: ensure section bands span full viewport
- style: remove spacing between full-width bands
- feat: introduce mpr-band component for full-width sections
- feature: add catalog-driven favicons to product bands (MP-103)
- chore: provision icon slots for remaining projects
- feat: add handcrafted SVG favicons for remaining catalog projects
- layout: move Research band below Products
- layout: make band grids left-aligned two-up cards
- layout: enforce two-column grid for bands
- layout: widen bands and allow up to three cards per row
- layout: fix card width and wrap rows
- layout: widen fixed card width to match original feel
- layout: restore centered 2-up grid with original card length
- layout: center-wrapped fixed-width cards in bands
- layout: lock bands to centered 2-column grid with dynamic card width
- layout: full-width bands with centered fixed-width cards and wrapping
- layout: center full rows and left-align final partial row via band rows
- style: add horizontal inset for band titles
- style: tighten band top padding and increase spacing beneath headings
- layout: alternate left/right band rows with fixed-width cards
- layout: add 10px band-row inset and correct maxPerRow to prevent overflow
- style: remove rounded corners from hero media container
- feat: wrap hero section in band container
- style: force rectangular hero band (section, media, overlay, video)
- layout: clamp cards to at most two per row and alternate full/partial rows left-right
- layout: increase band-row horizontal inset to give right-aligned cards breathing room
- Docker image path for ghttp fixed
- feat(frontend): add flippable project cards (MP-104)
- Future development
- Organize assets and refresh project logos
- Align footer palette and add color test
- Remove footer gap
- Make footer flush with previous band
- Restore Enter/Space navigation on card links
- Embed LoopAware subscribe widget
- Drive subscribe widget from project data
- Hide subscribe widget fallback and clean tests
- Show subscribe form on card back
- Limit subscribe widget to LoopAware
- Render subscribe widget via iframe per card
- Extend subscribe widget support and tests
- Overlay subscribe widgets on flipped cards
- Counter-rotate subscribe overlay to keep widget readable
- Keep subscribe overlay readable and test flipping
- Add card-back subscribe widget regression test
- Anchor subscribe widget inside card back
- Overlay subscribe widgets without resizing cards
- Render subscribe overlay on card back without resizing
- Stop blurring subscribe widgets and tighten tests
- Re-add front blur and keep subscribe overlay
- Fix footer drop-up stacking
- WIP: subscribe to project news
- Project schema contains various links
- maintenance: extend project catalog schema and card actions
![chatgpt-codex-connector[bot]](https://avatars.githubusercontent.com/in/1144995?s=60&v=4){kind=small}
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
- Add `position: static !important` to mpr-footer host element rule - The mpr-ui CDN sets `position: relative` by default, which caused the Playwright test for non-sticky footer behavior to fail - All 7 tests now pass 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Reorder `<mpr-band>` elements in index.html to match SECTION_ORDER constant - Canonical order per MP-103: Research → Tools → Platform → Products - Ensures HTML structure and JS iteration order are consistent 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Subscribe iframe now becomes focusable (tabindex=0) when card is flipped - Iframe is unfocusable (tabindex=-1) when card is in normal state - Ensures keyboard users can interact with LoopAware subscribe form - Added Playwright assertions to verify tabindex toggle behavior 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
…frame-accessibility improvement(a11y): toggle iframe tabindex on card flip (MP-204)
…and-order-alignment improvement(layout): align band order with MP-103 requirements (MP-203)
…-position-static fix(footer): override CDN position for non-sticky footer (MP-301)
- Removed duplicate blank line before DOMContentLoaded listener - Code style cleanup per AGENTS.FRONTEND.md 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
…cript-style-cleanup chore(style): remove extra blank line in script.js (MP-410)
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.