2b:null 2c:["$","title",null,{"children":"Slide Template | Class Demo | Observable"}] 31:T5ab,slide = { if (!slide_style.parentNode) document.head.append(slide_style); function slide() { const content = md.apply(this, arguments); if (content.firstChild?.tagName === "P" && content.firstChild.textContent === "%note") { content.firstChild.remove(); return content; } const container = document.createElement("div"); container.className = "slide"; container.appendChild(content); return container; } function code(strings) { const container = document.createElement("div"); const pre = container.appendChild(document.createElement("pre")); const code = pre.appendChild(document.createElement("code")); let string = strings[0] + "", i = 0, n = arguments.length; while (++i < n) string += arguments[i] + "" + strings[i]; code.textContent = string.trim(); container.className = "slide slide--code"; return container; } slide.code = code; slide.js = function() { const container = code.apply(this, arguments); const content = container.firstChild.firstChild; content.className = "js hljs javascript"; hl.highlightBlock(content); return container; }; slide.img = function(strings) { const img = new Image; let string = strings[0] + "", i = 0, n = arguments.length; while (++i < n) string += arguments[i] + "" + strings[i]; img.src = string.trim(); img.className = "slide slide--img"; return img; }; return slide; }32:[] 2f:{"id":"75ca5b78e7d2bd1d","slug":"slide-template","title":"Slide Template","thumbnail":"246606f79860a18e0809ebce3940c3c5b8de6f534879a0daf310d387250dd744","access_level":"public","create_time":"$D2023-06-05T18:57:26.359Z","update_time":"$D2023-08-02T17:54:33.356Z","view_time":null,"first_public_time":"$D2023-06-21T21:26:04.415Z","fork":{"id":"e6e3f7f78308b284","slug":"slide","title":"Slide","owner":{"id":"8c2e47252fd4995c","login":"mbostock","name":"Mike Bostock"}},"stars":1,"starred":false,"owner":{"type":"team","id":"a49e93d839518fea","login":"edu-demo","name":"Class Demo","avatar_url":"https://avatars-next.observableusercontent.com/241b82f365f88c3ebf99eb1266af41757bfe454b481ea55b5927dc38e849a2e7","tier":"enterprise_2024"},"version":321,"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":"team","id":"a49e93d839518fea","login":"edu-demo","name":"Class Demo","avatar_url":"https://avatars-next.observableusercontent.com/241b82f365f88c3ebf99eb1266af41757bfe454b481ea55b5927dc38e849a2e7","tier":"enterprise_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":2,"collection":{"id":"121f5bdce5910a2f","slug":"instruction","title":"6: Instructional materials","owner":{"id":"a49e93d839518fea","login":"edu-demo","name":"Class Demo"}},"type":"notebook","body":{"title":"Slide Template","cells":[{"id":0,"value":"# Slide Template\n\n_This notebook is a fork of Mike Bostock's [Slide](https://observablehq.com/@mbostock/slide) notebook. For it yourself to get started._ \n\nTo present, hit **F**, or click **View > View in Fullscreen** in the notebook menu above.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":10,"value":"slide`Let’s give a presentation using an Observable notebook.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":18,"value":"slide.js`\n// Import the slide function:\nimport {slide} from \"@mbostock/slide\"\n\n// Create a slide:\nslide\\`Hello, *world*!\\`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":89,"value":"slide`Hello, *world*!`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28,"value":"slide`Use \\`slide\\` for Markdown, \\`slide.js\\` or \\`slide.code\\` for code, and \\`slide.img\\` for an image.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":137,"value":"slide.js`\n// This is a JavaScript code snippet.\nfunction foo() {\n return 42;\n}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":219,"value":"slide.img`https://gist.githubusercontent.com/mbostock/9511ae067889eefa5537eedcbbf87dab/raw/944b6e5fe8dd535d6381b93d88bf4a854dac53d4/mona-lisa.jpg`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":52,"value":"slide`You can use LaTeX, too: ${tex.block`\nf(\\textcolor{hotpink}{x}) = \\int_{-\\infty}^\\infty\n \\hat f(\\xi)\\,e^{2 \\pi i \\xi \\textcolor{hotpink}{x}}\n \\,d\\xi\n`}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":72,"value":"slide`And it’s reactive!\n\n${new Date(now).toLocaleString()}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":310,"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"},{"id":26,"value":"---\n\n## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":3,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":7,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":140,"value":"hl = require(\"@observablehq/highlight.js@1.0.0/highlight.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"