30:T4b0,slide = { function slide() { const container = document.createElement("div"); container.className = "slide"; container.appendChild(md.apply(this, arguments)); 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; }31:[] 2e:{"title":"Slide","cells":[{"id":0,"value":"md`# Slide\n\nTo present, click *Fullscreen* in the notebook menu above.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"slide`Let’s give a presentation using an Observable notebook.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"slide.js`\n// Import the slide function and styles:\nimport {slide, slide_style} from \"@mbostock/slide\"\n\n// Load the styles:\nslide_style\n\n// Create a slide:\nslide\\`Hello, *world*!\\`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":89,"value":"slide`Hello, *world*!`","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"id":137,"value":"slide.js`\n// This is a JavaScript code snippet.\nfunction foo() {\n return 42;\n}\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":219,"value":"slide.img`https://gist.githubusercontent.com/mbostock/9511ae067889eefa5537eedcbbf87dab/raw/944b6e5fe8dd535d6381b93d88bf4a854dac53d4/mona-lisa.jpg`","pinned":true,"hidden":false,"mode":"ojs"},{"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":true,"hidden":false,"mode":"ojs"},{"id":72,"value":"slide`And it’s reactive!\n\n${new Date(now).toLocaleString()}`","pinned":true,"hidden":false,"mode":"ojs"},{"id":26,"value":"md`## Implementation`","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"slide_style = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":140,"value":"hl = require(\"@observablehq/highlight.js@1.0.0/highlight.min.js\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}