2e:null 2f:["$","title",null,{"children":"Handy Embed Code Generator | Jeremy Ashkenas | Observable"}] 34:[{"id":"c3fab254a006f1a3a1f9f63aba8ab1460db4752529036b9962950bde0ec195bab823daa6b278b1c3401e545b3bd640ddfdcad805cf9859af218cb2b9fed4ddf0","href":"https://static.observableusercontent.com/files/c3fab254a006f1a3a1f9f63aba8ab1460db4752529036b9962950bde0ec195bab823daa6b278b1c3401e545b3bd640ddfdcad805cf9859af218cb2b9fed4ddf0","name":"poweredByObservable@2.svg","type":"application/xml","lastModified":1586623629177.767,"size":17203}] 32:{"id":"7105991ec342b0dc","slug":"handy-embed-code-generator","title":"Handy Embed Code Generator","thumbnail":"db0cc2f4f3458da19648f8773fe1cfa38f28964b67405c4420ad21f2ba31fdba","access_level":"public","create_time":"$D2020-04-08T22:24:45.907Z","update_time":"$D2022-04-29T18:25:14.422Z","view_time":null,"first_public_time":"$D2020-04-09T01:26:52.151Z","has_unpublished_edits":null,"fork":false,"stars":163,"starred":false,"owner":{"type":"team","id":"172cc08ef8a18a4b","login":"jashkenas","name":"Jeremy Ashkenas","avatar_url":"https://avatars-next.observableusercontent.com/fa1903f8171d4621ef49de28e0ff1fb965960ec87df175d8b543c4b09508b45b","tier":"starter_2024"},"version":430,"publish_version":430,"role":null,"authored":false,"authors":[{"type":"individual","id":"783616ba9fb55f5d","login":"jashkenas","name":"Jeremy Ashkenas","avatar_url":"https://avatars-next.observableusercontent.com/fa1903f8171d4621ef49de28e0ff1fb965960ec87df175d8b543c4b09508b45b","tier":null}],"members":[{"type":"individual","id":"783616ba9fb55f5d","login":"jashkenas","name":"Jeremy Ashkenas","avatar_url":"https://avatars-next.observableusercontent.com/fa1903f8171d4621ef49de28e0ff1fb965960ec87df175d8b543c4b09508b45b","tier":null,"role":"editor"}],"comments":[{"id":"0f6607a015f3f916","reply_to_id":null,"content":"It would be a nice touch to add the author in the \"powered by @observable\". Something like \"by @mbostock at @observable\"","create_time":"$D2020-08-28T13:41:07.557Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"be0076fec73aa550","login":"john-guerra","name":"John Alexis Guerra Gómez","avatar_url":"https://avatars-next.observableusercontent.com/21638cee44bb0ea70798da725b57111a5d3e2acebcd14524565992f7d1594aed","tier":null}}],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":63,"collection":null,"type":"notebook","body":{"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","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","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","output":"$undefined","database":"$undefined"},{"id":50,"value":"viewof cells = selectOrder(cellNames ? cellNames : [])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$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","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","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","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","output":"$undefined","database":"$undefined"},{"id":291,"value":"hasCells\n ? Object.assign(html`