31:Te019,notRobot = html`

` 32:T3322,game = html`

Select all squares with textIf there are none, click skip

`33:Td8de,captchaGameStyle = html` `34:T6c7,diagram = html`

`35:[{"id":"40966088d7cc9204b3e55e59cd55eae8ed59b2912413f871a7da40da97673659489aafdcb89bf2d77f169af55b3f0f4047d2b4e0d538a633a5a076a737524e8c","href":"https://static.observableusercontent.com/files/40966088d7cc9204b3e55e59cd55eae8ed59b2912413f871a7da40da97673659489aafdcb89bf2d77f169af55b3f0f4047d2b4e0d538a633a5a076a737524e8c","name":"Collage-V39.png","type":"image/png","lastModified":1620920753492.819,"size":803121}] 2f:{"title":"Components","cells":[{"id":0,"value":"md`# Components`","pinned":true,"hidden":false,"mode":"ojs"},{"id":44,"value":"html`\n

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":188,"value":"form = html`\n

\nEnter your eye color

\nWhat's your ip address?

\nOn a scale of 1-10, how do you feel today?
\n

\n\n

\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":57,"value":"renderElement = async(id, obHTML) => {\n let element = document.querySelector(id);\n element.innerHTML = obHTML.innerHTML;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":18,"value":"\nonClick = $(\"#recaptcha-anchor\").click(function(){\n $(this).addClass(\"recaptcha-checkbox-checked\")\n .removeClass(\"recaptcha-checkbox-unchecked\");\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"{\n renderElement(\"#formHolder\", form);\n renderElement(\"#captchaHolder\", notRobot);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":90,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":237,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":240,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":87,"value":"renderPage(\"page1\", notRobot, \"I agree\"); //renderPage test","pinned":true,"hidden":false,"mode":"ojs"},{"id":72,"value":"renderPage = async(id, cellData, buttonText) => {\n // TODO\n let wrapper = document.querySelector(\"#pages\");\n let page = document.querySelector(\"#\"+ id);\n if (page == null) {\n page = document.createElement(\"div\");\n let button = document.createElement(\"div\");\n button.classList.add('button');\n button.innerHTML = buttonText;\n \n page.classList.add('page');\n page.classList.add('component');\n page.id = id;\n page.append(cellData);\n page.append(button);\n \n wrapper.append(page);\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":74,"value":"\nrenderPages = async() => {\n for (let i = 0; i <10; i++) { \n let data = modules[i];\n renderPage(\"page\"+(i+1), data.cell, data.button);\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":227,"value":"$34","pinned":true,"hidden":false,"mode":"ojs"},{"id":26,"value":"md`---\n\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"import { jQuery as $ } from \"@ddspog/useful-libs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":129,"value":"import {modules} from \"@backandforth/modules\"; ","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W35","stdlib":"1","titling":"auto"}