\n {/* --- ΤΟ ΚΡΥΜΜΕΝΟ ΓΡΑΜΜΑ (Πίσω από το Canvas) --- */}\n \n

{HIDDEN_MESSAGE.title}

{HIDDEN_MESSAGE.body}

\n\n {/* --- TO CANVAS ΤΟΥ ΠΑΙΧΝΙΔΙΟΥ --- */}\n \n\n {/* --- ΟΘΟΝΕΣ OVERLAY --- */}\n {gameState === \"START\" && (\n

Break the Ice 🧊

\n Σύρε το δάχτυλό σου για να κουνήσεις την πλατφόρμα.
\n Χτύπα την μπάλα, σπάσε όλα τα εμπόδια και δες τι κρύβεται από\n πίσω!\n

\n \n

\n )}\n\n {gameState === \"LOST\" && (\n

Ουπς! 🥺

\n Η μπάλα έπεσε... Αλλά στην αγάπη δεν τα παρατάμε ποτέ!\n

\n \n

\n )}\n\n {gameState === \"WON\" && (\n

🎉✨💖✨🎉

\n )}\n

\n \n );\n}\n\n// --- CSS Styles (In JavaScript) ---\nconst styles: { [key: string]: React.CSSProperties } = {\n page: {\n fontFamily: FONT_FAMILY,\n backgroundColor: \"#ffe4e6\", // Rose 100\n minHeight: \"100vh\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n margin: 0,\n overflow: \"hidden\", // Απαραίτητο για κινητά\n touchAction: \"none\",\n },\n gameContainer: {\n position: \"relative\",\n width: \"95%\",\n maxWidth: \"400px\",\n height: \"60vh\",\n minHeight: \"450px\",\n maxHeight: \"600px\",\n backgroundColor: \"white\",\n borderRadius: \"20px\",\n boxShadow: \"0 20px 40px rgba(225, 29, 72, 0.2)\",\n overflow: \"hidden\", // Κρατάει τα πάντα μέσα στο κουτί\n },\n\n // Το Γράμμα πίσω από το Canvas\n hiddenLetter: {\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n padding: \"30px 20px\",\n boxSizing: \"border-box\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n textAlign: \"center\",\n backgroundColor: \"#fff\",\n transition: \"opacity 1s ease-in-out\",\n zIndex: 1,\n },\n letterTitle: { fontSize: \"26px\", color: BASE_COLOR, marginBottom: \"20px\" },\n letterBody: {\n fontSize: \"16px\",\n lineHeight: \"1.8\",\n color: \"#4a4a4a\",\n fontStyle: \"italic\",\n },\n\n // Το Canvas που \"σκεπάζει\" το γράμμα\n canvas: {\n position: \"absolute\",\n top: 0,\n left: 0,\n zIndex: 5,\n transition: \"opacity 1s ease\",\n touchAction: \"none\", // Σημαντικό για να μην κάνει scroll το κινητό\n },\n\n // Overlays (Start / Lost)\n overlay: {\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n backgroundColor: \"rgba(255,255,255,0.95)\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n zIndex: 10,\n padding: \"20px\",\n boxSizing: \"border-box\",\n textAlign: \"center\",\n },\n wonOverlay: {\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"flex-start\",\n paddingTop: \"20px\",\n zIndex: 10,\n pointerEvents: \"none\",\n },\n\n // UI Elements\n title: { fontSize: \"32px\", color: BASE_COLOR, marginBottom: \"15px\" },\n instructions: {\n fontSize: \"16px\",\n color: \"#555\",\n lineHeight: \"1.6\",\n marginBottom: \"30px\",\n },\n button: {\n padding: \"15px 30px\",\n fontSize: \"18px\",\n backgroundColor: BASE_COLOR,\n color: \"white\",\n border: \"none\",\n borderRadius: \"50px\",\n cursor: \"pointer\",\n fontWeight: \"bold\",\n fontFamily: FONT_FAMILY,\n boxShadow: \"0 5px 15px rgba(225, 29, 72, 0.3)\",\n transition: \"transform 0.2s\",\n },\n confetti: { fontSize: \"40px\", animation: \"bounce 2s infinite\" },\n};\n\n// --- Client / Server Setup ---\nfunction client() {\n const styleSheet = document.createElement(\"style\");\n styleSheet.type = \"text/css\";\n styleSheet.innerText = `\n @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&display=swap');\n body { margin: 0; }\n button:hover { transform: scale(1.05); }\n button:active { transform: scale(0.95); }\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n `;\n document.head.appendChild(styleSheet);\n createRoot(document.getElementById(\"root\")!).render();\n}\n\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n \n Break the Ice ❤️\n \n \n \n \n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html; charset=UTF-8\" } },\n );\n}","deleted","label",[103],"permalink","https://www.val.town/x/alexandrosgalazoulas96/ice/code/main.tsx","extension","actionData","errors"]