Love Alchemy 🧪

\n Μπορείς να φτιάξεις την «Απόλυτη Ευτυχία»;\n

\n\n

{status}

\n\n \n handleRemoveSlot(0)}\n >\n {slots[0] && (\n

\n {ELEMENTS[slots[0]].emoji}\n {ELEMENTS[slots[0]].name}\n

\n )}\n

\n\n

\n\n handleRemoveSlot(1)}\n >\n {slots[1] && (\n

\n {ELEMENTS[slots[1]].emoji}\n {ELEMENTS[slots[1]].name}\n

\n )}\n

\n \n \n\n

\n Τα Υλικά σου ({unlocked.length}/{Object.keys(ELEMENTS).length})\n

\n {unlocked.map((id) => {\n const item = ELEMENTS[id];\n const isSelected = slots.includes(id);\n\n return (\n !isSelected && handleSelect(id)}\n >\n

{item.emoji}

{item.name}

\n );\n })}\n

\n \n\n {won && (\n

✨💖✨

{WIN_MESSAGE.title}

{WIN_MESSAGE.body}

\n window.location.reload()}\n >\n ΠΑΙΞΕ ΞΑΝΑ 🔄\n \n

\n )}\n \n );\n}\n\n// --- CSS Styles ---\nconst styles: { [key: string]: React.CSSProperties } = {\n page: {\n fontFamily: \"'Nunito', sans-serif\",\n background: \"linear-gradient(135deg, #1e1b4b 0%, #312e81 100%)\",\n minHeight: \"100vh\",\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n padding: \"20px\",\n boxSizing: \"border-box\",\n color: \"white\",\n userSelect: \"none\",\n },\n header: { textAlign: \"center\", marginBottom: \"20px\" },\n title: {\n fontSize: \"32px\",\n color: \"#fbcfe8\",\n margin: \"10px 0\",\n textShadow: \"0 2px 10px rgba(251, 207, 232, 0.4)\",\n },\n subtitle: { fontSize: \"16px\", color: \"#a5b4fc\", margin: 0 },\n alchemyTable: {\n width: \"100%\",\n maxWidth: \"400px\",\n backgroundColor: \"rgba(255, 255, 255, 0.1)\",\n backdropFilter: \"blur(10px)\",\n borderRadius: \"20px\",\n padding: \"20px\",\n border: \"2px solid rgba(255, 255, 255, 0.2)\",\n marginBottom: \"30px\",\n boxShadow: \"0 10px 30px rgba(0,0,0,0.3)\",\n },\n statusBox: {\n backgroundColor: \"rgba(0,0,0,0.3)\",\n padding: \"10px\",\n borderRadius: \"10px\",\n textAlign: \"center\",\n fontSize: \"15px\",\n color: \"#e0e7ff\",\n marginBottom: \"20px\",\n minHeight: \"65px\", // Έδωσα λίγο παραπάνω ύψος για τα μεγάλα κείμενα\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n slotsContainer: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n gap: \"15px\",\n },\n slot: {\n width: \"100px\",\n height: \"100px\",\n borderRadius: \"50%\",\n border: \"3px dashed rgba(255,255,255,0.3)\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n cursor: \"pointer\",\n transition: \"all 0.3s ease\",\n },\n slotFilled: {\n border: \"3px solid #f472b6\",\n backgroundColor: \"rgba(244, 114, 182, 0.2)\",\n boxShadow: \"0 0 20px rgba(244, 114, 182, 0.4)\",\n },\n slotMixing: { animation: \"pulse 1s infinite alternate\" },\n mathSign: {\n fontSize: \"40px\",\n color: \"rgba(255,255,255,0.5)\",\n fontWeight: \"bold\",\n },\n slotContent: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n animation: \"popIn 0.3s ease-out\",\n },\n slotEmoji: {\n fontSize: \"35px\",\n filter: \"drop-shadow(0 2px 5px rgba(0,0,0,0.3))\",\n },\n slotName: {\n fontSize: \"12px\",\n fontWeight: \"bold\",\n marginTop: \"5px\",\n textAlign: \"center\",\n },\n inventoryArea: { width: \"100%\", maxWidth: \"400px\", flex: 1 },\n inventoryTitle: {\n fontSize: \"18px\",\n color: \"#fbcfe8\",\n marginBottom: \"15px\",\n borderBottom: \"1px solid rgba(255,255,255,0.2)\",\n paddingBottom: \"5px\",\n },\n grid: { display: \"grid\", gridTemplateColumns: \"repeat(3, 1fr)\", gap: \"10px\" },\n inventoryItem: {\n backgroundColor: \"rgba(255,255,255,0.1)\",\n border: \"1px solid rgba(255,255,255,0.2)\",\n borderRadius: \"15px\",\n padding: \"15px 5px\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n cursor: \"pointer\",\n transition: \"all 0.2s ease\",\n boxShadow: \"0 4px 6px rgba(0,0,0,0.1)\",\n },\n itemEmoji: { fontSize: \"30px\", marginBottom: \"5px\" },\n itemName: { fontSize: \"12px\", textAlign: \"center\", fontWeight: \"bold\" },\n overlay: {\n position: \"fixed\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n backgroundColor: \"rgba(0,0,0,0.8)\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n zIndex: 100,\n padding: \"20px\",\n },\n winCard: {\n backgroundColor: \"white\",\n padding: \"30px\",\n borderRadius: \"20px\",\n textAlign: \"center\",\n maxWidth: \"350px\",\n boxShadow: \"0 20px 50px rgba(0,0,0,0.5)\",\n animation: \"popIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275)\",\n },\n confetti: {\n fontSize: \"40px\",\n marginBottom: \"15px\",\n animation: \"pulse 1s infinite\",\n },\n winTitle: {\n color: \"#e11d48\",\n fontSize: \"24px\",\n marginBottom: \"15px\",\n margin: 0,\n },\n winBody: {\n color: \"#334155\",\n fontSize: \"16px\",\n lineHeight: \"1.6\",\n marginBottom: \"25px\",\n },\n button: {\n padding: \"15px 30px\",\n backgroundColor: \"#e11d48\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"30px\",\n fontSize: \"16px\",\n fontWeight: \"bold\",\n cursor: \"pointer\",\n fontFamily: \"'Nunito', sans-serif\",\n boxShadow: \"0 5px 15px rgba(225, 29, 72, 0.4)\",\n },\n};\n\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=Nunito:wght@400;700;900&display=swap');\n body { margin: 0; background-color: #1e1b4b; }\n .inventoryItem:active { transform: scale(0.9); }\n @keyframes popIn { 0% { transform: scale(0.5); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }\n @keyframes pulse { 0% { transform: scale(1); filter: brightness(1); } 100% { transform: scale(1.05); filter: brightness(1.2); } }\n @keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px) rotate(-5deg); } 75% { transform: translateX(5px) rotate(5deg); } }\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 Η Δική μας Αλχημεία ✨\n \n \n \n \n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html; charset=UTF-8\" } },\n );\n}","deleted","label",[128],"d02bb654-4fcf-11f1-9c46-ee650bb23af1","README.md","019e2815-36a9-704d-b239-37f032db85f8",1,["D",1778788939358],"Hello!!! \n\nFeel free to mess around with this val and make it your own :). Just click on \"Fork\" in the top right.\n\nYou can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen!\n\nHave fun with it and hopefully your crush says yes hehe.",[144],"pulls","forks","envVars",{"_156":55,"_158":55},"connections",{"_156":55,"_157":55},"count","unfilledCount","emptyCount",{"_20":143,"_13":144,"_129":145,"_130":-5,"_131":21,"_132":146,"_133":51,"_22":165,"_29":55,"_136":105,"_138":148,"_140":40,"_141":-5,"_162":166,"_93":167},{"_20":127,"_13":128,"_129":49,"_130":-5,"_131":21,"_132":30,"_133":51,"_22":161,"_29":135,"_136":137,"_138":139,"_140":40,"_141":-5,"_162":163,"_93":164},["D",1778789656074],"children",[],[128],["D",1778788939358],[],[144],["D",1778788939358],{"_11":12,"_91":87},{"_11":12,"_85":-5,"_86":87,"_46":47,"_88":89,"_90":40},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":32,"_33":34,"_78":42,"_79":80,"_81":82,"_83":14,"_84":12},"ctx",{"_71":-5,"_115":205,"_206":207,"_208":209,"_210":40,"_211":40,"_212":40,"_213":51,"_214":-5,"_215":-7,"_216":-7,"_217":55,"_218":40,"_219":40,"_220":-5,"_221":40,"_222":40,"_223":40,"_224":-5},"ENV",{"_176":177,"_178":179,"_180":26,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","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","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Branches1

Branches
1