frontend-slides

Use python-pptx with Python 3 to extract text, images, and speaker notes from the .ppt or .pptx file, preserving slide order. Then apply the same style-selection workflow as a new presentation to rebuild it as a self-contained HTML deck.

Generate a single HTML file with inline CSS and JavaScript using a presentation controller class for keyboard, wheel, and touch navigation. Use Intersection Observer for reveal animations and CSS scroll-snap for slide transitions, requiring no external dependencies.

Set every slide to height: 100vh and 100dvh with overflow: hidden, and scale all typography and spacing with clamp(). When content overflows, split it into multiple slides rather than shrinking text below readable sizes.

Yes, the presentation controller supports touch and swipe navigation alongside keyboard and mouse wheel input. Decks are validated at mobile sizes like 375x667 and landscape 667x375, with responsive breakpoints for short-height screens.

Browsers silently ignore negated CSS functions like -clamp() or -min(). Wrap them in calc() instead, for example calc(-1 * clamp(28px, 3.5vw, 44px)), to apply negative values correctly.

Content slides should hold one heading plus 4-6 bullets or two short paragraphs, feature grids up to 6 cards, and code slides 8-10 lines maximum. Exceeding these limits means splitting content into additional slides.