Ώρα για Ανεφοδιασμό! 🔋

\n Αύριο έχεις δύσκολη μέρα.
\n Κράτα πατημένο{\" \"}\n το κουμπί για να γεμίσεις ενέργεια!\n

\n\n {/* Η Μπαταρία */}\n

\n \n \n {Math.floor(progress)}%\n \n

\n\n {/* Το Κουμπί Φόρτισης */}\n e.preventDefault()} // Εμποδίζει το μενού στο κινητό\n >\n {isCharging ? \"Φορτίζει... ⚡\" : \"ΚΡΑΤΑ ΠΑΤΗΜΕΝΟ ❤️\"}\n \n

\n )\n : (\n

🎉✨🌸🎁✨🎉

{FINAL_MESSAGE.title}

{FINAL_MESSAGE.body}

\n )}\n

\n );\n}\n\n// --- CSS Styles ---\nconst styles: { [key: string]: React.CSSProperties } = {\n page: {\n fontFamily: FONT_FAMILY,\n backgroundColor: \"#111827\", // Dark slate background\n minHeight: \"100vh\",\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n overflow: \"hidden\",\n margin: 0,\n color: \"#f8fafc\",\n touchAction: \"none\", // Κρίσιμο για να μη κάνει scroll/zoom όταν κρατάει πατημένο\n userSelect: \"none\",\n WebkitUserSelect: \"none\",\n },\n\n // Charging Screen\n chargingContainer: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n zIndex: 10,\n padding: \"20px\",\n textAlign: \"center\",\n },\n title: {\n fontSize: \"28px\",\n color: \"#f87171\",\n marginBottom: \"10px\",\n textShadow: \"0 2px 10px rgba(248, 113, 113, 0.3)\",\n },\n subtitle: {\n fontSize: \"15px\",\n color: \"#94a3b8\",\n lineHeight: \"1.6\",\n marginBottom: \"40px\",\n },\n\n // Battery Design\n batteryWrapper: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n marginBottom: \"50px\",\n },\n batteryCap: {\n width: \"40px\",\n height: \"12px\",\n backgroundColor: \"#cbd5e1\",\n borderRadius: \"5px 5px 0 0\",\n marginBottom: \"-2px\",\n zIndex: 2,\n },\n batteryBody: {\n width: \"120px\",\n height: \"220px\",\n border: \"4px solid #cbd5e1\",\n borderRadius: \"15px\",\n position: \"relative\",\n overflow: \"hidden\",\n backgroundColor: \"rgba(255,255,255,0.05)\",\n boxShadow: \"0 0 20px rgba(0,0,0,0.5), inset 0 0 10px rgba(0,0,0,0.5)\",\n },\n batteryFill: {\n position: \"absolute\",\n bottom: 0,\n left: 0,\n right: 0,\n transition: \"height 0.1s linear, background-color 0.3s ease\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n progressText: {\n color: \"white\",\n fontWeight: \"bold\",\n fontSize: \"20px\",\n textShadow: \"0 2px 4px rgba(0,0,0,0.5)\",\n },\n\n // Button\n chargeButton: {\n padding: \"20px 40px\",\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 transition: \"all 0.1s ease\",\n outline: \"none\",\n WebkitTapHighlightColor: \"transparent\",\n },\n\n // Floating Particles\n particle: {\n position: \"absolute\",\n bottom: \"20%\",\n fontSize: \"24px\",\n animation: \"floatUp 2s ease-in forwards\",\n pointerEvents: \"none\",\n zIndex: 5,\n },\n\n // Final Screen\n wonContainer: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n zIndex: 10,\n padding: \"20px\",\n animation: \"fadeIn 1s ease-out\",\n },\n confetti: {\n fontSize: \"40px\",\n marginBottom: \"20px\",\n animation: \"bounce 2s infinite\",\n },\n card: {\n backgroundColor: \"#fff0f6\",\n padding: \"30px 20px\",\n borderRadius: \"20px\",\n boxShadow: \"0 15px 35px rgba(214, 51, 132, 0.4)\",\n border: `3px solid ${BASE_COLOR}`,\n textAlign: \"center\",\n maxWidth: \"90%\",\n width: \"400px\",\n },\n successTitle: {\n fontSize: \"24px\",\n color: \"#e11d48\",\n marginBottom: \"20px\",\n fontWeight: \"bold\",\n },\n loveText: {\n fontSize: \"16px\",\n lineHeight: \"1.7\",\n color: \"#334155\",\n margin: 0,\n fontStyle: \"italic\",\n },\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=Nunito:wght@400;700;800&display=swap');\n body { margin: 0; display: block; min-height: 100vh; background-color: #111827; } \n #root { display: block; width: 100%; min-height: 100vh; }\n \n @keyframes floatUp {\n 0% { transform: translateY(0) scale(0.8); opacity: 1; }\n 100% { transform: translateY(-200px) scale(1.5); opacity: 0; }\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: scale(0.9); }\n to { opacity: 1; transform: scale(1); }\n }\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-15px); }\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 Φόρτιση για Γενέθλια 🔋❤️\n \n \n \n \n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html; charset=UTF-8\" } },\n );\n}","deleted","label",[128],"c784299e-3cbc-11f1-aeff-42b51c65c3df","README.md","019dab13-c35f-7411-b51e-342ec053a77e",1,["D",1776691692237],"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",1776691857214],"children",[],[128],["D",1776691692237],[],[144],["D",1776691692237],{"_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","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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