Skip to content

feat: restore front-page VSCode carousel - #173

Merged
magnus-madsen merged 2 commits into
masterfrom
restore-vscode-carousel
Aug 3, 2026
Merged

feat: restore front-page VSCode carousel#173
magnus-madsen merged 2 commits into
masterfrom
restore-vscode-carousel

Conversation

@magnus-madsen

Copy link
Copy Markdown
Member

Summary

The Astro rewrite (#165) left the front-page VSCode carousel as inert Bootstrap markup showing only one static image, with a TODO to find a carousel replacement. This PR restores it:

  • Adds a small Carousel.astro component that renders Bootstrap 4 carousel markup (slides, indicators, prev/next controls) from an items prop.
  • Since the site only loads Bootstrap's CSS (no jQuery/Bootstrap JS), a ~40-line inline script performs Bootstrap's class-swap dance to animate transitions, with a timeout fallback for prefers-reduced-motion where transitionend never fires.
  • Restores all four slides with their original captions from the pre-rewrite Home.jsx: Semantic Highlighting, Hover to Inspect, Highlight References, Inline Errors.
  • No new dependencies.

Test plan

  • npm run build succeeds; built HTML contains all four slides, indicators, and controls.
  • Verified manually via npm run preview: arrows slide between screenshots with animation and wrap around, indicators jump to and track the current slide, captions display.

🤖 Generated with Claude Code

magnus-madsen and others added 2 commits August 3, 2026 06:59
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…lides

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@magnus-madsen
magnus-madsen merged commit c91070d into master Aug 3, 2026
1 check passed
@magnus-madsen
magnus-madsen deleted the restore-vscode-carousel branch August 3, 2026 05:03
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