2e:null 2f:["$","title",null,{"children":"Hello, Embla Carousel! | Andrew Wooldridge | Observable"}] 34:[] 32:{"id":"b3b066bc272defd3","slug":"hello-embla-carousel","title":"Hello, Embla Carousel!","thumbnail":"ebd6caa6198aec22e5d4c62763dbea8efc587cbffe031e2d6a40b3ca019374e4","access_level":"public","create_time":"$D2022-02-17T21:46:18.204Z","update_time":"$D2022-02-17T21:53:52.998Z","view_time":null,"first_public_time":"$D2022-02-17T21:54:20.300Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"2d6b5d0f9034e560","login":"triptych","name":"Andrew Wooldridge","avatar_url":"https://avatars-next.observableusercontent.com/84b4215a79a8f07f1610f6650183c4793985ecf13ed3af2944962bee15c46c2e","tier":"starter_2024"},"version":41,"publish_version":41,"role":null,"authored":false,"authors":[{"type":"individual","id":"b8d79ca293134247","login":"triptych","name":"Andrew Wooldridge","avatar_url":"https://avatars-next.observableusercontent.com/84b4215a79a8f07f1610f6650183c4793985ecf13ed3af2944962bee15c46c2e","tier":null}],"members":[{"type":"individual","id":"b8d79ca293134247","login":"triptych","name":"Andrew Wooldridge","avatar_url":"https://avatars-next.observableusercontent.com/84b4215a79a8f07f1610f6650183c4793985ecf13ed3af2944962bee15c46c2e","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"7a18dfc3e6dc2b02","slug":"working-libraries","title":"Working Libraries","owner":{"id":"2d6b5d0f9034e560","login":"triptych","name":"Andrew Wooldridge"}},"type":"notebook","body":{"title":"Hello, Embla Carousel!","cells":[{"id":0,"value":"# Hello, Embla Carousel!","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":37,"value":"**A lightweight carousel library with fluid motion and great swipe precision**\n\n[Documentation](https://www.embla-carousel.com/get-started/)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":3,"value":"Embla = require(\"embla-carousel\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"## The HTML\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":31,"value":"(Drag the slide 1 to the left and right with your mouse)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":10,"value":"

Slide 1

Slide 2

Slide 3

","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"wrapper","database":"$undefined"},{"id":18,"value":"## The CSS","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":15,"value":"","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":22,"value":"## The JavaScript","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":25,"value":"{\n const embla = Embla(document.querySelector('.embla'), { loop: false })\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 33:"$32:body"