31:T810,slides = [ { title: "Introduction", render: (el) => slide`Let’s give a presentation using an Observable notebook.` }, // { // title: // "Text text text text text text text text text text text text text text text text text text text text text", // render: (el) => // slide`Let’s give a presentation using an Observable notebook.` // }, { title: "Mona Lisa - Selfie", render: () => slide.img`https://gist.githubusercontent.com/mbostock/9511ae067889eefa5537eedcbbf87dab/raw/944b6e5fe8dd535d6381b93d88bf4a854dac53d4/mona-lisa.jpg` }, { title: "Mona Lisa - Wikipedia", render: () => slide`${html``}` // }, { title: "JavaScript Code Example", render: () => slide.js` // Import the slide function and styles: import {slide, slide_style} from "@mbostock/slide" // Load the styles: slide_style // Create a slide: slide\`Hello, *world*!\` ` }, { title: "LaTeX Example", render: () => slide`You can use LaTeX, too: ${tex.block` f(\textcolor{hotpink}{x}) = \int_{-\infty}^\infty \hat f(\xi)\,e^{2 \pi i \xi \textcolor{hotpink}{x}} \,d\xi `}` }, { title: "Simple Hello World", render: () => slide`Hello, *world*!` }, { title: "slide.js Usage", render: () => slide`Use \`slide\` for Markdown, \`slide.js\` or \`slide.code\` for code, and \`slide.img\` for an image.` }, { title: "Another JavaScript Example", render: () => slide.js` // This is a JavaScript code snippet. function foo() { return 42; } ` } ]32:T4e1,` // Include CSS styles in the notebook","pinned":true,"hidden":false,"mode":"ojs"},{"id":458,"value":"$32","pinned":false,"hidden":false,"mode":"html"},{"id":104,"value":"## JS Imports / CSS","pinned":false,"hidden":false,"mode":"md"},{"id":496,"value":"import { newSlideDeck, newSlideDeckCss } from \"@kotelnikov/slide-deck\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":445,"value":"import { slide, slide_style } from \"@mbostock/slide\"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}