💘 Heart Puzzle 💘

\n Moves: {moves}\n

\n {tiles.map((tile, index) => (\n tile !== 0 && swapTile(index)}\n style={{\n width: '100px', \n height: '100px', \n fontSize: '24px',\n backgroundColor: tile === 0 ? 'transparent' : '#FF69B4',\n color: 'white',\n border: 'none',\n cursor: tile === 0 ? 'default' : 'pointer',\n clipPath: 'path(\"M50,20 C50,20 30,50 50,80 C70,50 50,20 50,20 Z\")', // Heart shape\n transform: 'scale(0.9)', // Slightly smaller to show heart shape\n transition: 'all 0.3s ease',\n boxShadow: tile === 0 ? 'none' : '0 4px 6px rgba(255,105,180,0.3)',\n outline: 'none',\n textShadow: '1px 1px 2px rgba(0,0,0,0.3)'\n }}\n >\n {tile !== 0 ? tile : ''}\n \n ))}\n

\n \n \n View Source\n \n

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

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}","deleted","label",[98],"permalink","https://www.val.town/x/SIR_FESTUS/puzzleGame/code/main.tsx","extension","actionData","errors"]