Add Slides component with video embed support #839
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
…ideos Implemented a new Slides component that supports multiple display modes: - Interactive MDX slides with speaker notes and theater/fullscreen modes - Video embeds for legacy AI-narrated content - Google Slides embeds - Placeholder mode for future slide decks Restored video embeds in 14 documentation files across: - Foundation layers (toolchain, accounts, identity, network) - Platform layers (ECS, GitOps) - Software delivery and monitoring documentation - Learning materials (onboarding, component development) The concepts.mdx page keeps interactive slides for the "Introduction to Toolchain" presentation, while all other pages can now display legacy videos to ensure continuous knowledge sharing while we systematically replace them with new slide content. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Haiku 4.5 <[email protected]>
Reverted all MDX files to use original ReactPlayer video embeds. Deleted custom Slides component implementation. Legacy videos section at docs/resources/legacy/setup-videos/ preserved. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <[email protected]>
Copy the SlideDeck presentation component from cloudposse/atmos (PRs #1923, #1925) for use in docs.cloudposse.com. Features: - Interactive slide navigation with keyboard shortcuts - Speaker notes panel with popout support - Text-to-speech (TTS) audio playback - Slide drawer for thumbnail navigation - Fullscreen presentation mode - Multiple layout types (title, content, split, code, quote) - Framer Motion animations Dependencies added: - framer-motion - react-icons 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <[email protected]>
Implement the first slide deck for the Reference Architecture docs: "Getting Started with the Reference Architecture" This 22-slide presentation covers: - Training handoff schedule and goals - Cloud Posse terminology (Stacks, Components, Modules) - Naming conventions (Environment, Stage, Tenant) - Repository layout and structure - Toolset overview (Atmos, Workflows, Vendoring, Geodesic) - References and next steps Uses the SlideDeck component imported from the Atmos project with support for speaker notes, code blocks, and split layouts. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <[email protected]>
- Move Getting Started slide deck from /intro/slides/ to /learn/concepts/ - Fix transparent overlay backgrounds in non-fullscreen mode for drawer, notes, toolbar - Add explicit fallback colors for CSS variables - Fix keyboard navigation to only capture arrow keys in fullscreen mode - Use capture phase for keyboard events to prevent page navigation conflicts - Add 16:9 aspect ratio constraint with max-height for better fit 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <[email protected]>
- Move slide content to docs/slides/_getting-started.mdx for reusability - Import slides in concepts.mdx instead of inline content - Reduce font sizes and padding for embedded mode to fit 16:9 aspect ratio - Remove scrollbars from embedded slides (overflow: hidden) - Preserve larger fonts and scrolling for fullscreen mode 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <[email protected]>
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.
what
Slidescomponent supporting multiple modes: interactive MDX slides, video embeds, Google Slides, and placeholderswhy
references