Kindergarten Word-Picture Game

Great job!

Your score: {score}

\n \n

\n );\n }\n\n return (\n

Match the word to the picture

Score: {score}

{currentWord}

\n {options.map((option, index) => (\n \n ))}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n Kindergarten Word-Picture Game\n \n \n \n \n

\n \n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n margin: 0;\n background-color: #f0f0f0;\n}\n\n.game-container {\n text-align: center;\n background-color: white;\n padding: 2rem;\n border-radius: 10px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n}\n\n.word {\n font-size: 2rem;\n font-weight: bold;\n margin: 1rem 0;\n}\n\n.options {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.option {\n font-size: 3rem;\n padding: 1rem;\n border: none;\n background-color: #e0e0e0;\n border-radius: 5px;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\n.option:hover {\n background-color: #d0d0d0;\n}\n\nbutton {\n font-size: 1rem;\n padding: 0.5rem 1rem;\n background-color: #4CAF50;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\nbutton:hover {\n background-color: #45a049;\n}\n\nfooter {\n position: fixed;\n bottom: 10px;\n right: 10px;\n}\n\nfooter a {\n color: #666;\n text-decoration: none;\n}\n\nfooter a:hover {\n text-decoration: underline;\n}\n`;","createdAt",["D",1727580931320],"version","currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_131":132,"_133":134},"handle","efoley","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yZkZMdUhJOWVHeHpENTY1TEdWd0JtZFF3UXUifQ","forkedVal","interval","slug","efoley/wordPictureMatch","description","@jsxImportSource https://esm.sh/react","versions",[143,146,150],{"_121":94,"_144":-5,"_119":145,"_116":114},"prId",["D",1727580931320],{"_121":147,"_144":-5,"_119":148,"_116":149},1,["D",1727580858166],"b5396934-7e13-11ef-ad9b-de64eea55b61",{"_121":33,"_144":-5,"_119":151,"_116":152},["D",1727580757656],"7951fa6c-7e13-11ef-ad9b-de64eea55b61","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.fork",{"_97":98,"_99":100,"_98":160,"_154":-5,"_155":170,"_131":132,"_139":140,"_104":105,"_102":103,"_121":-7,"_52":53},{"_102":103,"_99":100,"_104":105,"_106":-5,"_107":-5,"_108":109,"_110":-5,"_111":112,"_113":114,"_115":27,"_116":114,"_117":118,"_119":161,"_121":94,"_122":27,"_123":33,"_124":33,"_125":33,"_126":33,"_127":33,"_128":33,"_129":-5,"_21":162,"_135":-5,"_136":-7,"_137":138,"_139":140,"_141":163},["D",1727580931320],{"_131":132,"_133":134},[164,166,168],{"_121":94,"_144":-5,"_119":165,"_116":114},["D",1727580931320],{"_121":147,"_144":-5,"_119":167,"_116":149},["D",1727580858166],{"_121":33,"_144":-5,"_119":169,"_116":152},["D",1727580757656],[],"routes/_app","actionData","errors"]