1 Μήνας Επίσημα Εμείς

Και το ρολόι συνεχίζει να χτυπά...

\n\n {/* Live Counter */}\n

\n {timeLeft.days}\n ΜΕΡΕΣ\n

\n :\n

\n \n {String(timeLeft.hours).padStart(2, \"0\")}\n \n ΩΡΕΣ\n

\n :\n

\n \n {String(timeLeft.minutes).padStart(2, \"0\")}\n \n ΛΕΠΤΑ\n

\n :\n

\n \n {String(timeLeft.seconds).padStart(2, \"0\")}\n \n ΔΕΥΤ.\n

\n\n {/* 4 Months Memories */}\n

\n Άγγιξε τα 4 αστέρια της γνωριμίας μας ✨\n

\n {FOUR_MONTHS_MEMORIES.map((memory, index) => (\n \n setActiveMemory(activeMemory === index ? null : index)}\n >\n \n ⭐\n

\n\n \n {memory.month}\n {memory.text}\n

\n \n ))}\n \n \n\n {/* Final Letter */}\n

{FINAL_LETTER.title}

{FINAL_LETTER.body}

\n \n\n {/* --- Η ΚΡΥΦΗ ΕΚΠΛΗΞΗ ΤΗΣ ΕΠΕΤΕΙΟΥ --- */}\n {showSurprise && (\n

🎉✨🍾✨🎉

{SURPRISE_MESSAGE.title}

{SURPRISE_MESSAGE.body}

\n \n

\n )}\n \n );\n}\n\n// --- CSS Styles ---\nconst styles: { [key: string]: React.CSSProperties } = {\n page: {\n fontFamily: BODY_FONT,\n backgroundColor: \"#080c16\",\n minHeight: \"100vh\",\n width: \"100%\",\n position: \"relative\",\n overflow: \"hidden\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n color: \"#f8fafc\",\n },\n starsBackground: {\n position: \"absolute\",\n top: \"-10%\",\n left: \"-10%\",\n width: \"120%\",\n height: \"120%\",\n zIndex: 0,\n pointerEvents: \"none\",\n transition: \"transform 0.1s ease-out\",\n },\n tinyStar: {\n position: \"absolute\",\n width: \"2px\",\n height: \"2px\",\n backgroundColor: \"white\",\n borderRadius: \"50%\",\n opacity: 0.5,\n boxShadow: \"0 0 4px white\",\n animation: \"twinkle 3s infinite ease-in-out\",\n },\n contentWrapper: {\n position: \"relative\",\n zIndex: 10,\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n width: \"90%\",\n maxWidth: \"600px\",\n padding: \"40px 0\",\n },\n\n mainTitle: {\n fontFamily: TITLE_FONT,\n fontSize: \"32px\",\n color: \"#fbbf24\",\n textAlign: \"center\",\n margin: \"0 0 10px 0\",\n textShadow: \"0 0 15px rgba(251, 191, 36, 0.4)\",\n },\n subtitle: {\n fontSize: \"14px\",\n fontStyle: \"italic\",\n color: \"#cbd5e1\",\n marginBottom: \"40px\",\n textAlign: \"center\",\n },\n\n counterContainer: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n backgroundColor: \"rgba(255, 255, 255, 0.03)\",\n border: \"1px solid rgba(251, 191, 36, 0.2)\",\n borderRadius: \"20px\",\n padding: \"20px 30px\",\n marginBottom: \"50px\",\n boxShadow: \"0 10px 30px rgba(0,0,0,0.5)\",\n backdropFilter: \"blur(5px)\",\n },\n timeBox: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n minWidth: \"60px\",\n },\n timeNumber: {\n fontFamily: TITLE_FONT,\n fontSize: \"36px\",\n color: \"#fff\",\n fontWeight: \"bold\",\n textShadow: \"0 0 10px rgba(255,255,255,0.3)\",\n },\n timeLabel: {\n fontSize: \"10px\",\n color: \"#fbbf24\",\n letterSpacing: \"2px\",\n marginTop: \"5px\",\n },\n timeSeparator: {\n fontSize: \"30px\",\n color: \"rgba(255,255,255,0.2)\",\n margin: \"0 10px\",\n transform: \"translateY(-10px)\",\n },\n\n memoriesSection: {\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n marginBottom: \"50px\",\n },\n memoryInstruction: {\n fontSize: \"12px\",\n color: \"#94a3b8\",\n marginBottom: \"20px\",\n letterSpacing: \"1px\",\n textTransform: \"uppercase\",\n },\n starsContainer: {\n display: \"flex\",\n justifyContent: \"space-around\",\n width: \"100%\",\n position: \"relative\",\n },\n glowingStarWrapper: {\n position: \"relative\",\n cursor: \"pointer\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n WebkitTapHighlightColor: \"transparent\",\n },\n glowingStar: {\n fontSize: \"30px\",\n filter: \"drop-shadow(0 0 10px rgba(251, 191, 36, 0.6))\",\n transition: \"transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)\",\n },\n memoryPopup: {\n position: \"absolute\",\n bottom: \"50px\",\n width: \"180px\",\n backgroundColor: \"rgba(15, 23, 42, 0.95)\",\n border: \"1px solid #fbbf24\",\n borderRadius: \"10px\",\n padding: \"15px\",\n textAlign: \"center\",\n boxShadow: \"0 10px 20px rgba(0,0,0,0.5)\",\n transition: \"all 0.3s ease-in-out\",\n zIndex: 20,\n },\n memoryMonth: {\n display: \"block\",\n fontFamily: TITLE_FONT,\n color: \"#fbbf24\",\n fontSize: \"14px\",\n marginBottom: \"5px\",\n },\n memoryText: {\n fontSize: \"12px\",\n color: \"#f1f5f9\",\n lineHeight: \"1.5\",\n },\n\n letterContainer: {\n width: \"100%\",\n backgroundColor: \"rgba(255, 255, 255, 0.02)\",\n borderTop: \"1px solid rgba(255,255,255,0.1)\",\n borderBottom: \"1px solid rgba(255,255,255,0.1)\",\n padding: \"30px 20px\",\n textAlign: \"center\",\n boxSizing: \"border-box\",\n },\n letterTitle: {\n fontFamily: TITLE_FONT,\n fontSize: \"20px\",\n color: \"#fbbf24\",\n marginBottom: \"15px\",\n },\n letterBody: {\n fontSize: \"15px\",\n lineHeight: \"1.8\",\n color: \"#cbd5e1\",\n margin: 0,\n fontStyle: \"italic\",\n },\n\n // Surprise Overlay Styles\n surpriseOverlay: {\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n backgroundColor: \"rgba(0, 0, 0, 0.8)\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n zIndex: 100,\n animation: \"fadeIn 1s ease-out\",\n },\n confetti: {\n fontSize: \"40px\",\n marginBottom: \"20px\",\n animation: \"bounce 2s infinite\",\n },\n surpriseCard: {\n backgroundColor: \"#1e293b\", // Slate 800\n border: \"2px solid #fbbf24\", // Gold border\n borderRadius: \"20px\",\n padding: \"30px\",\n textAlign: \"center\",\n maxWidth: \"85%\",\n boxShadow: \"0 0 50px rgba(251, 191, 36, 0.3)\",\n animation: \"popIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275)\",\n },\n surpriseTitle: {\n fontFamily: TITLE_FONT,\n fontSize: \"24px\",\n color: \"#fbbf24\",\n marginBottom: \"15px\",\n },\n surpriseBody: {\n fontSize: \"16px\",\n lineHeight: \"1.6\",\n color: \"#f8fafc\",\n marginBottom: \"25px\",\n },\n surpriseButton: {\n padding: \"12px 30px\",\n fontSize: \"16px\",\n backgroundColor: \"#fbbf24\",\n color: \"#0f172a\",\n border: \"none\",\n borderRadius: \"30px\",\n cursor: \"pointer\",\n fontWeight: \"bold\",\n fontFamily: TITLE_FONT,\n boxShadow: \"0 5px 15px rgba(251, 191, 36, 0.4)\",\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('${GOOGLE_FONT_URL}');\n body { margin: 0; background-color: #080c16; } \n * { box-sizing: border-box; }\n \n @keyframes twinkle {\n 0%, 100% { opacity: 0.2; transform: scale(0.8); }\n 50% { opacity: 1; transform: scale(1.2); }\n }\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n @keyframes popIn {\n from { transform: scale(0.8); opacity: 0; }\n to { transform: scale(1); opacity: 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],"82158e62-35cc-11f1-91c3-42b51c65c3df","README.md","019d7d9a-cacb-7699-ad86-2209f63321f3",1,["D",1775928789549],"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",1775929264098],"children",[],[128],["D",1775928789549],[],[144],["D",1775928789549],{"_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