29:null 2a:["$","title",null,{"children":"Untitled | Ryan Carpenter | Observable"}] 2f:[] 2d:{"id":"2c2d639457902f50","slug":null,"title":"","thumbnail":"04c60a8d4f7c71187e95fbc9ba0563366bac83182763cc7f670a076ca4c63833","access_level":"public","create_time":"$D2023-12-11T06:40:59.640Z","update_time":"$D2023-12-11T07:00:58.560Z","view_time":null,"first_public_time":"$D2023-12-11T06:40:59.640Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"2dcf635f2ad2abcd","login":"carpiediem","name":"Ryan Carpenter","avatar_url":"https://avatars-next.observableusercontent.com/099062c9e32d4fc8c95f9700cd2719a63eb06d59922f278c2fdaaf7770c8a89a","tier":"starter_2024"},"version":38,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"8acf04ce124329c4","login":"carpiediem","name":"Ryan Carpenter","avatar_url":"https://avatars-next.observableusercontent.com/099062c9e32d4fc8c95f9700cd2719a63eb06d59922f278c2fdaaf7770c8a89a","tier":null}],"members":[{"type":"individual","id":"8acf04ce124329c4","login":"carpiediem","name":"Ryan Carpenter","avatar_url":"https://avatars-next.observableusercontent.com/099062c9e32d4fc8c95f9700cd2719a63eb06d59922f278c2fdaaf7770c8a89a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"","cells":[{"id":37,"value":"https://docs.google.com/spreadsheets/d/1_ukjEBn-o8EWzkSQeYLOUusu2aKPw4O486FPwpNs808/","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":29,"value":"viewof map = {\n let container = html`

`;\n let app = html`

${container}

footer

`;\n\n // Give the container dimensions.\n yield app;\n\n\n let map = new mapboxgl.Map({\n container,\n center: [4.352731704711914, 50.846272321172954],\n zoom: 4,\n style: \"mapbox://styles/mapbox/light-v9\"\n });\n\n // Wait until the map loads.\n map.on(\"load\", () => {\n container.value = map;\n container.dispatchEvent(new CustomEvent(\"input\"));\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":7,"value":"{\n const elem = html`

`;\n ReactDOM.render(htm`<${App} page=\"All\" />`, elem);\n return elem;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":17,"value":"class App extends React.Component {\n constructor(props) {\n super(props);\n this.state = { todos: [] };\n }\n addTodo() {\n const { todos = [] } = this.state;\n this.setState({ todos: todos.concat(`Item ${todos.length}`) });\n }\n render() {\n const { todos } = this.state;\n const { page } = this.props;\n return htm`\n

\n <${Header} name=\"ToDo's (${page})\" />\n

${todo}

\n \n <${Footer}>footer content here\n

\n `;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":23,"value":"Header = ({ name }) => htm`

${name} List

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":25,"value":"Footer = props => htm`