# Introduction ## Welcome This is a dummy example presentation created with Quarto and reveal.js using vertical slides. - Point one - Point two - Point three ::: {.notes} Welcome the audience and introduce the topic. Mention that this is a simple example of how to create presentations with Quarto and reveal.js with vertical navigation. Take a moment to establish rapport with the audience. ::: ## About This Example This demonstrates how to: 1. Write slides in Markdown 2. Use vertical slide navigation 3. Generate HTML presentations with Quarto ::: {.notes} Explain each point briefly. Emphasize that Markdown is easy to write and maintain. Mention that vertical slides allow for optional drill-down content. Note that Quarto is a powerful tool for creating presentations. ::: ## Navigation Tips - Use **left/right arrows** to move between main topics (horizontal) - Use **up/down arrows** to explore details within a topic (vertical) - Press **space** to move through all slides sequentially ::: {.notes} Make sure the audience understands how to navigate the presentation. The vertical structure allows them to dive deeper into topics or skip to the next main section. ::: # Main Content ## Code Example Here's some sample code: ```python def hello_world(): print("Hello, reveal.js!") return True ``` ::: {.notes} Walk through the code example. Explain what the function does and how it demonstrates the integration with reveal.js. You can use this as an opportunity to discuss best practices for code in presentations. ::: ## More Code Details Here's an extended version: ```python def hello_world(name="World"): """Greet someone by name.""" message = f"Hello, {name}!" print(message) return message # Usage hello_world("reveal.js") ``` ::: {.notes} This vertical slide provides additional detail about the code example. Users can skip this if they're already familiar with the concept, or dive in for more information. ::: ## Math Support You can include mathematical formulas: $$E = mc^2$$ ::: {.notes} Mention that reveal.js supports LaTeX math rendering. This is useful for technical presentations. The example shows Einstein's famous mass-energy equivalence equation. ::: ## Advanced Math More complex equations are also supported: $$\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}$$ ::: {.notes} This vertical slide shows a more advanced mathematical example - the Gaussian integral. This demonstrates the full power of LaTeX math rendering in Quarto presentations. ::: # Conclusion ## Summary - Easy to write in Markdown - Beautiful presentations with reveal.js - Vertical navigation for optional content - Customizable with Quarto options ::: {.notes} Recap the main points covered in the presentation. Reinforce the benefits of using this approach for creating presentations with vertical slides. ::: ## Key Takeaways Remember: 1. Level 1 headings (`#`) create horizontal slides 2. Level 2 headings (`##`) create vertical slides 3. Vertical slides are great for optional drill-down content ::: {.notes} Emphasize the structure of vertical presentations. This helps the audience understand how to create their own presentations using this format. ::: ## Thank You! Questions? ::: {.notes} Thank the audience for their attention. Open the floor for questions and discussion. Be prepared to elaborate on any of the topics covered. ::: 