[{"_1":2,"_172":-5,"_173":-5},"loaderData",{"_3":4,"_91":92},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","cb8a548cff96feeeeb30b528c9619e76cb377f13","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","API_URL","https://api.val.town","clerkState",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":20,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":20,"_90":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":20,"_19":20,"_82":72,"_83":84,"_85":72,"_86":45,"_87":20,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_93":94,"_95":96,"_97":98,"_99":100,"_150":151,"_169":170,"_171":-5},"handle","hhhhh","name","Ii","path","main.tsx","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":20,"_107":108,"_109":-5,"_110":-5,"_12":111,"_112":-5,"_113":20,"_114":-5,"_115":32,"_14":116,"_117":118,"_119":118,"_120":121,"_122":121,"_123":121,"_124":118,"_125":118,"_23":126,"_129":130,"_132":133,"_149":20},"id","6a4b58ac-67e1-11f0-82bb-0224a6c84d84","createdAt",["D",1753287829679],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","019836f4-4d85-7340-8674-1b7fc589cb7c","pinnedFileId","pinPreview","screenshotVersion","likeCount","019836f4-4d85-7340-8674-1f7d80a15b9d","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_127":128},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zMEd6RnI3NHJVa2pUZ0VLVzVMdHRwQml5eVEifQ","org",{"_93":94,"_131":128},"avatar","branch",{"_134":135,"_95":43,"_101":136,"_137":102,"_138":139,"_140":141,"_142":108,"_143":144,"_145":146,"_147":96,"_148":94},"version",4,"6a4dc9fc-67e1-11f0-82bb-0224a6c84d84","projectId","forkedBranchId","fdd9b22e-27b0-11f0-aecd-569c3dd06744","forkedBranchVersion",11,"forkedProjectPrivacy","forkedProjectId","fdd966ca-27b0-11f0-aecd-569c3dd06744","forkedProjectOrgId","1ea2ca52-aecd-4993-8c60-cb61483dff1b","projectName","userHandle","isOwned","file",{"_101":152,"_95":98,"_153":154,"_155":-5,"_156":136,"_157":135,"_158":159,"_103":160,"_134":161,"_162":163,"_164":165,"_166":20,"_167":-5,"_97":168},"a53fcb64-67e1-11f0-81ee-0224a6c84d84","fileId","01983819-28f8-70e7-aed2-e02e9170d187","parentId","branchId","branchVersion","latest",true,["D",1753287928610],3,"fileType","http","content","\n\n\n \n \n Memory Card Game\n \n\n\n

Memory Card Game

\n \n

\n \n \n \n \n\n \n\n\n const cards = [\n '🐶', '🐶',\n '🐱', '🐱',\n '🐭', '🐭',\n '🐹', '🐹',\n '🐰', '🐰',\n '🦊', '🦊',\n '🐻', '🐻',\n '🐼', '🐼'\n];\n\nlet firstCard = null;\nlet secondCard = null;\nlet lockBoard = false;\n\nfunction shuffle(array) {\n for (let i = array.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [array[i], array[j]] = [array[j], array[i]];\n }\n}\n\nfunction createBoard() {\n const gameBoard = document.querySelector('.game-board');\n gameBoard.innerHTML = ''; // Clear existing cards\n shuffle(cards);\n cards.forEach(card => {\n const cardElement = document.createElement('div');\n cardElement.classList.add('card');\n cardElement.dataset.icon = card;\n cardElement.innerHTML = '

' + card + '

';\n cardElement.addEventListener('click', flipCard);\n gameBoard.appendChild(cardElement);\n });\n}\n\nfunction flipCard() {\n if (lockBoard) return;\n if (this === firstCard) return;\n\n this.classList.add('flipped');\n\n if (!firstCard) {\n firstCard = this;\n return;\n }\n\n secondCard = this;\n checkForMatch();\n}\n\nfunction checkForMatch() {\n let isMatch = firstCard.dataset.icon === secondCard.dataset.icon;\n\n isMatch ? disableCards() : unflipCards();\n}\n\nfunction disableCards() {\n firstCard.removeEventListener('click', flipCard);\n secondCard.removeEventListener('click', flipCard);\n resetBoard();\n}\n\nfunction unflipCards() {\n lockBoard = true;\n setTimeout(() => {\n firstCard.classList.remove('flipped');\n secondCard.classList.remove('flipped');\n resetBoard();\n }, 1500);\n}\n\nfunction resetBoard() {\n [firstCard, secondCard, lockBoard] = [null, null, false];\n}\n\ndocument.getElementById('reset-button').addEventListener('click', createBoard);\n\n// Initialize the game board when the script loads\ncreateBoard();\n body {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n margin: 0;\n background-color: #2c3e50;\n color: white;\n font-family: Arial, sans-serif;\n}\n\nh1 {\n margin-bottom: 20px;\n}\n\n.game-board {\n display: grid;\n grid-template-columns: repeat(4, 100px);\n grid-gap: 10px;\n margin-bottom: 20px;\n}\n\n.card {\n width: 100px;\n height: 100px;\n perspective: 1000px;\n cursor: pointer;\n}\n\n.card-inner {\n width: 100%;\n height: 100%;\n transition: transform 0.6s;\n transform-style: preserve-3d;\n position: relative;\n}\n\n.card.flipped .card-inner {\n transform: rotateY(180deg);\n}\n\n.card-front, .card-back {\n width: 100%;\n height: 100%;\n position: absolute;\n backface-visibility: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n border-radius: 8px;\n}\n\n.card-front {\n background-color: #3498db;\n}\n\n.card-back {\n background-color: #ecf0f1;\n transform: rotateY(180deg);\n}\n\n#reset-button {\n padding: 10px 20px;\n font-size: 16px;\n cursor: pointer;\n border: none;\n border-radius: 5px;\n background-color: #e74c3c;\n color: white;\n}\n\nfooter {\n margin-top: 20px;\n font-size: 14px;\n }","deleted","label",[98],"permalink","https://www.val.town/x/hhhhh/Ii/code/main.tsx","extension","actionData","errors"]