2c:null 2d:["$","title",null,{"children":"Slide template: Hello Reveal.js | Class Demo | Observable"}] 32: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; }33:[] 30:{"id":"80f501d77b77bbde","slug":"slide-template-hello-reveal-js","title":"Slide template: Hello Reveal.js","thumbnail":"246606f79860a18e0809ebce3940c3c5b8de6f534879a0daf310d387250dd744","access_level":"public","create_time":"$D2023-06-14T19:58:58.179Z","update_time":"$D2023-07-25T20:15:21.870Z","view_time":null,"first_public_time":"$D2023-06-21T21:26:35.651Z","has_unpublished_edits":null,"fork":{"id":"75a36aa83be73c87","slug":"hello-reveal-js","title":"Hello Reveal.js","owner":{"id":"ebdd8a722ae381e2","login":"a10k","name":"Alok Pepakayala"}},"stars":0,"starred":false,"owner":{"type":"team","id":"a49e93d839518fea","login":"edu-demo","name":"Class Demo","avatar_url":"https://avatars-next.observableusercontent.com/241b82f365f88c3ebf99eb1266af41757bfe454b481ea55b5927dc38e849a2e7","tier":"education_2026"},"version":189,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"c8d250911ad98d25","login":"demo-ta1","name":"TA Kryten","avatar_url":"https://avatars-next.observableusercontent.com/0f242707099e55d6f47ec40b4e5450a18f51e7cd27672597e1b9715ee01bb38c","tier":null}],"members":[{"type":"individual","id":"4530d0072aa49b47","login":"erinn","name":"Erinn Wong","avatar_url":"https://avatars-next.observableusercontent.com/9119ac38e4f1c92d50b28822c47306212f06e085b7d1416e851a1c397194e2d4","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"121f5bdce5910a2f","slug":"instruction","title":"6: Instructional materials","owner":{"id":"a49e93d839518fea","login":"edu-demo","name":"Class Demo"}},"type":"notebook","body":{"titling":"auto","title":"Slide template: Hello Reveal.js","cells":[{"id":0,"value":"md`# Slide template: Hello Reveal.js`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"If you want to embed a simple deck of slides in your notebook, this example is a minimal setup of reveal.js.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":177,"value":"---\nBack to [The Class Demo Collection](https://observablehq.com/collection/@edu-demo/edu-start)\n\n- [Classroom Setup](https://observablehq.com/collection/@edu-demo/classroom-setup)\n- [Instructional Materials](https://observablehq.com/collection/@edu-demo/instruction)\n- [Assignments](https://observablehq.com/collection/@edu-demo/assignments)\n- [Get Students Started](https://observablehq.com/collection/@edu-demo/students)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":58,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":6,"value":"Reveal = require(\"reveal.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"md`Refer to the official site for documentation: https://revealjs.com/`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 31:"$30:body"