30:T423,slides = { var dom = html`

`; var shadow = dom.shadowRoot || dom.attachShadow({ mode: 'open' }); var reveal = html`

${md` # Hello 👋🏼 - Still reactive: this slide is **${width}px** wide - Resize your window if you like! - Math! ${tex`S = k_B \ln{W}`} `}

HTML can do slides too

This is a range input:

And anything else you would normally do with reveal.js

`; shadow.appendChild(reveal); var deck = new Reveal(reveal, { embedded: true }); deck.initialize(); return dom; }31:[] 2e:{"title":"Hello Reveal.js","cells":[{"id":0,"value":"md`# Hello Reveal.js`","pinned":false,"hidden":false,"mode":"ojs"},{"id":66,"value":"md` If you are trying to include slides on your notebook, you will come across the following awesome notebooks:\n\nhttps://observablehq.com/@mbostock/slide\nhttps://observablehq.com/@visnup/slides\nhttps://observablehq.com/@mkfreeman/slides\n\nThey are simple to use, each cell becomes one slide, you scroll down to see the next slide, they are responsive etc., But if you want to embed a simple deck of slides in your notebook, this example is a minimal setup of reveal.js \n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":145,"value":"md`**

Note:** Thanks to [@mcmcclur](https://observablehq.com/@mcmcclur) for pointing out we can use Observable's embed features to create a slideshow living at it's own URL outside of the notebook, like so:\nhttps://observablehq.com/embed/@a10k/hello-reveal-js?cells=slides \n\nP.S. Unfortunately, the fullscreen option doesn't work via that IFrame approach. It does work, though, if you embed via the Runtime with Javascript.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":111,"value":"//F key on keyboard wont work due change in width triggering a reredender...\nfullscreen = {\n const button = html``;\n button.onclick = () => slides.parentElement.requestFullscreen(); // so we apply fullscreen on parent..\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":58,"value":"md`### Dependencies`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"Reveal = require(\"reveal.js\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":70,"value":"md`Refer to the official site for documentation: https://revealjs.com/`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}