41:null 42:["$","title",null,{"children":"Handy Embed Code Generator | Sean Dotson | Observable"}] 48:[{"id":"c3fab254a006f1a3a1f9f63aba8ab1460db4752529036b9962950bde0ec195bab823daa6b278b1c3401e545b3bd640ddfdcad805cf9859af218cb2b9fed4ddf0","href":"https://static.observableusercontent.com/files/c3fab254a006f1a3a1f9f63aba8ab1460db4752529036b9962950bde0ec195bab823daa6b278b1c3401e545b3bd640ddfdcad805cf9859af218cb2b9fed4ddf0","name":"poweredByObservable@2.svg","type":"application/xml","lastModified":1599746075802.083,"size":17203}] 46:{"id":"b1d2f6e900dd499d","slug":"handy-embed-code-generator","title":"Handy Embed Code Generator","thumbnail":"830c5af224387c73c9ea3d3a245ed6bb93347a41f80b839ab3f4b91d199f49bf","access_level":"public","create_time":"$D2020-09-10T13:54:35.802Z","update_time":"$D2020-09-10T16:34:36.200Z","view_time":null,"first_public_time":"$D2020-09-10T14:03:23.910Z","has_unpublished_edits":null,"fork":{"id":"7105991ec342b0dc","slug":"handy-embed-code-generator","title":"Handy Embed Code Generator","owner":{"id":"172cc08ef8a18a4b","login":"jashkenas","name":"Jeremy Ashkenas"}},"stars":0,"starred":false,"owner":{"type":"team","id":"e348977810892d2f","login":"seandotson","name":"Sean Dotson","avatar_url":"https://avatars-next.observableusercontent.com/c61d9da0bd83238722b135d49bce39981bd92661b4ab2d550f05a35eaf94161c","tier":"starter_2024","bio":"","following":false},"version":426,"publish_version":426,"role":null,"authored":false,"authors":[{"type":"individual","id":"a8c2112fc99656c6","login":"seandotson","name":"Sean Dotson","avatar_url":"https://avatars-next.observableusercontent.com/c61d9da0bd83238722b135d49bce39981bd92661b4ab2d550f05a35eaf94161c","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"a8c2112fc99656c6","login":"seandotson","name":"Sean Dotson","avatar_url":"https://avatars-next.observableusercontent.com/c61d9da0bd83238722b135d49bce39981bd92661b4ab2d550f05a35eaf94161c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","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","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"viewof cells = selectOrder(cellNames ? cellNames : [])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":307,"value":"hasCells ? md`You’re done! Here’s your embed code:` : md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"hasCells\n ? md`\n~~~html\n${embedCode}\n~~~\n`\n : md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":291,"value":"hasCells\n ? Object.assign(html`