Ppt keynote

--- name: ppt-keynote zhname e: "Keynote-style PPT" enname e: "Keynote-style Slides" emoji: "🎬" description: "Apple Keynote-level slides, one slide per screen, switch left and right with the keyboard" category: slides scenario: marketing aspecthint : "16:9 (1280×720)" featured: 19 tags: ["slides", "deck", "presentation", "幻灯片", "演讲"] exampleid : sample-ppt-html-anything examplename : "Keynote PPT · Product Introduction" exampleformat : markdown exampletagline : "Explain the product in 7 slides" exampledesc : "Apple Keynote-style product presentation, ←/→ switch" od: mode: deck surface: web scenario: marketing upstream: "https://github.com/nexu-io/html-anything" preview: type: html entry: index.html reload: debounce-100 designsystem : requires: false exampleprompt : "Use the 'Keynote-style PPT' template to turn my content into a set of 'Apple Keynote-level slides, one slide per screen, with left/right navigation via keyboard.' Maintain the template’s visual signature, use real content and data, and avoid lorem ipsum and placeholder images." --- 【Template: Keynote-Style PPT】 - Each slide is a single<section class="slide"> , with an overall width of 1280 and height of 720, centered on the screen, and featuring a gradient background. - Content on each slide is minimalist: a main headline + 1:3 lines of supporting text; or a data chart; or a quote. - Font sizes: Titletext-7xl font-semibold tracking-tight ; Subtitletext-2xl text-neutral-500 . - The first page is the cover (topic + speaker / date); the last page is “Thanks.” or a call to action. - Small indicator in the top-right corner: current page / total pages. - Add a JavaScript function to listen for ArrowLeft, ArrowRight, and spacebar events to switch slides; also maintain the hash (#/3 ). - Use a fade-in animation between pages. - Maintain white space; align data cards using a grid layout; use a restrained color palette.