31:[{"id":"c3fab254a006f1a3a1f9f63aba8ab1460db4752529036b9962950bde0ec195bab823daa6b278b1c3401e545b3bd640ddfdcad805cf9859af218cb2b9fed4ddf0","href":"https://static.observableusercontent.com/files/c3fab254a006f1a3a1f9f63aba8ab1460db4752529036b9962950bde0ec195bab823daa6b278b1c3401e545b3bd640ddfdcad805cf9859af218cb2b9fed4ddf0","name":"poweredByObservable@2.svg","type":"application/xml","lastModified":1586623629177.767,"size":17203}] 2f:{"title":"Handy Embed Code Generator","cells":[{"id":0,"value":"md`# Handy Embed Code Generator\n\nObservable’s [built-in embed codes](https://observablehq.com/@observablehq/downloading-and-embedding-notebooks) for each cell are pretty nice! But sometimes you want to embed more than one cell all together. This notebook is here to help.\n\n#### Step One: \nType in the name of the notebook you’d like to embed. For example, try \\`@fil/bonne-glsl\\` or \\`@d3/streamgraph-transitions\\`.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":56,"value":"viewof slug = text({\n value: new URL(location).searchParams.get(\"notebook\") || \"\",\n submit: true,\n getValue: ({ value }) => {\n if (value.startsWith(\"/\")) return value.substr(1);\n if (/^[0-9a-f]{16}$/.test(value)) return `d/${value}`;\n return value;\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":184,"value":"cellNames\n ? md`#### Step two:\nPick the named cells you want to embed. You can drag them to change their order. ${recommendation}`\n : html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"viewof cells = selectOrder(cellNames ? cellNames : [])","pinned":false,"hidden":false,"mode":"ojs"},{"id":205,"value":"hasCells\n ? md`### Step three:\n\nWould you like your embed to stay fresh whenever a new version of the notebook is published on Observable? Or would you like it to be pinned to the version you’re looking at right now?`\n : md``","pinned":false,"hidden":false,"mode":"ojs"},{"id":309,"value":"viewof pinned = hasCells\n ? radio({\n options: [\"Latest published version\", `Pinned to version ${version}`],\n value: \"Latest published version\"\n })\n : Object.assign(md``, { value: null })","pinned":false,"hidden":false,"mode":"ojs"},{"id":307,"value":"hasCells ? md`You’re done! Here’s your embed code:` : md``","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"hasCells\n ? md`\n~~~html\n${embedCode}\n~~~\n`\n : md``","pinned":false,"hidden":false,"mode":"ojs"},{"id":291,"value":"hasCells\n ? Object.assign(html`