[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_179":180,"_181":182},"routes/_app.x.$handle.$name",{"_99":98,"_32":45,"_107":85,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":120,"_121":122,"_123":25,"_124":125,"_126":57,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",4,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","019d7d9a-cacb-7699-ad86-26c497b683b7","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, {\n useEffect,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\n\n// --- Configuration & Personalization ---\nconst GOOGLE_FONT_URL =\n \"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Montserrat:ital,wght@0,300;0,400;1,300&display=swap\";\nconst TITLE_FONT = \"'Cinzel', serif\";\nconst BODY_FONT = \"'Montserrat', sans-serif\";\n\n// 1. Ημερομηνία που της ζήτησες να είστε μαζί (Για το ρολόι)\nconst OFFICIAL_DATE = new Date(\"2026-03-13T00:00:00\").getTime();\n\n// 2. Ημερομηνία της Επετείου (13 Απριλίου 2026, 00:00) - ΤΟΤΕ ΘΑ ΒΓΕΙ Η ΕΚΠΛΗΞΗ\nconst ANNIVERSARY_TRIGGER = new Date(\"2026-04-13T00:00:00\").getTime();\n\n// Τα 4 Αστέρια/Μηνύματα\nconst FOUR_MONTHS_MEMORIES = [\n {\n month: \"Μήνας 1ος\",\n text: \"Η αρχή. Τα πρώτα βλέμματα, η αμηχανία, το πρώτο καρδιοχτύπι.\",\n },\n {\n month: \"Μήνας 2ος\",\n text: \"Τα πρώτα μας γέλια, τα μηνύματα μέχρι το πρωί, η ανακάλυψη.\",\n },\n {\n month: \"Μήνας 3ος\",\n text: \"Η σιγουριά. Όταν κατάλαβα ότι δεν θέλω να είμαι πουθενά αλλού.\",\n },\n {\n month: \"Μήνας 4ος\",\n text: \"Το 'Εμείς'. Επίσημα, ξεκάθαρα, και με όλη μου την καρδιά.\",\n },\n];\n\nconst FINAL_LETTER = {\n title: \"Για το κορίτσι μου,\",\n body:\n \"Τέσσερις μήνες από τότε που μπήκες στη ζωή μου, ένας μήνας από τότε που κράτησα το χέρι σου και σου ζήτησα να είμαστε μαζί. Κάθε δευτερόλεπτο από αυτόν τον χρόνο που βλέπεις να κυλάει, είναι μια στιγμή που νιώθω ο πιο τυχερός άνθρωπος στον κόσμο. Σε λατρεύω. Χρόνια μας πολλά! ❤️\",\n};\n\n// Το κρυφό μήνυμα που θα βγει στις 13/4\nconst SURPRISE_MESSAGE = {\n title: \"Είναι επίσημα η μέρα μας! ✨\",\n body:\n \"Κοίτα την ώρα... Μόλις μπήκε η 13η Απριλίου! Χαρούμενη επέτειο κορίτσι μου. Αυτός ο ένας μήνας επίσημα μαζί (και οι 4 της γνωριμίας μας) είναι ό,τι πιο όμορφο μου έχει συμβεί. Σ' αγαπώ! ❤️\",\n};\n\nfunction App() {\n const [timeLeft, setTimeLeft] = useState({\n days: 0,\n hours: 0,\n minutes: 0,\n seconds: 0,\n });\n const [activeMemory, setActiveMemory] = useState(null);\n const [showSurprise, setShowSurprise] = useState(false);\n const [surpriseDismissed, setSurpriseDismissed] = useState(false);\n const containerRef = useRef(null);\n\n // Υπολογισμός Ζωντανού Χρόνου και Έλεγχος για την Έκπληξη\n useEffect(() => {\n const calculateTime = () => {\n const now = new Date().getTime();\n const difference = now - OFFICIAL_DATE;\n\n if (difference > 0) {\n setTimeLeft({\n days: Math.floor(difference / (1000 * 60 * 60 * 24)),\n hours: Math.floor(\n (difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60),\n ),\n minutes: Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60)),\n seconds: Math.floor((difference % (1000 * 60)) / 1000),\n });\n }\n\n // ΕΛΕΓΧΟΣ ΕΚΠΛΗΞΗΣ: Αν η ώρα πέρασε τις 00:00 της 13ης Απριλίου και δεν το έχει κλείσει\n if (now >= ANNIVERSARY_TRIGGER && !surpriseDismissed) {\n setShowSurprise(true);\n }\n };\n\n const timer = setInterval(calculateTime, 1000);\n calculateTime();\n return () => clearInterval(timer);\n }, [surpriseDismissed]);\n\n // Διαδραστικό Background\n const handleMouseMove = (e: React.MouseEvent | React.TouchEvent) => {\n if (!containerRef.current) return;\n let clientX, clientY;\n if (\"touches\" in e) {\n clientX = e.touches[0].clientX;\n clientY = e.touches[0].clientY;\n } else {\n clientX = e.clientX;\n clientY = e.clientY;\n }\n\n const x = (clientX / window.innerWidth - 0.5) * 20;\n const y = (clientY / window.innerHeight - 0.5) * 20;\n\n containerRef.current.style.transform = `translate(${x}px, ${y}px)`;\n };\n\n const closeSurprise = () => {\n setShowSurprise(false);\n setSurpriseDismissed(true); // Για να μην ξαναβγεί αν κάνει refresh\n };\n\n return (\n \n {/* Background Layer */}\n

\n {[...Array(50)].map((_, i) => (\n \n ))}\n

\n\n \n {/* Title */}\n

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}","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, {\n useEffect,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\n\n// --- Configuration & Personalization ---\nconst GOOGLE_FONT_URL =\n \"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Montserrat:ital,wght@0,300;0,400;1,300&display=swap\";\nconst TITLE_FONT = \"'Cinzel', serif\";\nconst BODY_FONT = \"'Montserrat', sans-serif\";\n\n// 1. Ημερομηνία που της ζήτησες να είστε μαζί (Για το ρολόι)\nconst OFFICIAL_DATE = new Date(\"2026-03-13T00:00:00\").getTime();\n\n// 2. Ημερομηνία Ενεργοποίησης - ΑΛΛΑΓΜΕΝΗ ΣΕ ΠΑΡΕΛΘΟΝΤΙΚΗ ΜΟΝΟ ΓΙΑ ΤΟ ΤΕΣΤ!\nconst ANNIVERSARY_TRIGGER = new Date(\"2026-04-10T00:00:00\").getTime();\n\n// Τα 4 Αστέρια/Μηνύματα\nconst FOUR_MONTHS_MEMORIES = [\n {\n month: \"Μήνας 1ος\",\n text: \"Η αρχή. Τα πρώτα βλέμματα, η αμηχανία, το πρώτο καρδιοχτύπι.\",\n },\n {\n month: \"Μήνας 2ος\",\n text: \"Τα πρώτα μας γέλια, τα μηνύματα μέχρι το πρωί, η ανακάλυψη.\",\n },\n {\n month: \"Μήνας 3ος\",\n text: \"Η σιγουριά. Όταν κατάλαβα ότι δεν θέλω να είμαι πουθενά αλλού.\",\n },\n {\n month: \"Μήνας 4ος\",\n text: \"Το 'Εμείς'. Επίσημα, ξεκάθαρα, και με όλη μου την καρδιά.\",\n },\n];\n\nconst FINAL_LETTER = {\n title: \"Για το κορίτσι μου,\",\n body:\n \"Τέσσερις μήνες από τότε που μπήκες στη ζωή μου, ένας μήνας από τότε που κράτησα το χέρι σου και σου ζήτησα να είμαστε μαζί. Κάθε δευτερόλεπτο από αυτόν τον χρόνο που βλέπεις να κυλάει, είναι μια στιγμή που νιώθω ο πιο τυχερός άνθρωπος στον κόσμο. Σε λατρεύω. Χρόνια μας πολλά! ❤️\",\n};\n\n// Το κρυφό μήνυμα που θα βγει\nconst SURPRISE_MESSAGE = {\n title: \"Είναι επίσημα η μέρα μας! ✨\",\n body:\n \"Κοίτα την ώρα... Μόλις μπήκε η 13η Απριλίου! Χαρούμενη επέτειο κορίτσι μου. Αυτός ο ένας μήνας επίσημα μαζί (και οι 4 της γνωριμίας μας) είναι ό,τι πιο όμορφο μου έχει συμβεί. Σ' αγαπώ! ❤️\",\n};\n\nfunction App() {\n const [timeLeft, setTimeLeft] = useState({\n days: 0,\n hours: 0,\n minutes: 0,\n seconds: 0,\n });\n const [activeMemory, setActiveMemory] = useState(null);\n const [showSurprise, setShowSurprise] = useState(false);\n const [surpriseDismissed, setSurpriseDismissed] = useState(false);\n const containerRef = useRef(null);\n\n // Υπολογισμός Ζωντανού Χρόνου και Έλεγχος για την Έκπληξη\n useEffect(() => {\n const calculateTime = () => {\n const now = new Date().getTime();\n const difference = now - OFFICIAL_DATE;\n\n if (difference > 0) {\n setTimeLeft({\n days: Math.floor(difference / (1000 * 60 * 60 * 24)),\n hours: Math.floor(\n (difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60),\n ),\n minutes: Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60)),\n seconds: Math.floor((difference % (1000 * 60)) / 1000),\n });\n }\n\n // ΕΛΕΓΧΟΣ ΕΚΠΛΗΞΗΣ\n if (now >= ANNIVERSARY_TRIGGER && !surpriseDismissed) {\n setShowSurprise(true);\n }\n };\n\n const timer = setInterval(calculateTime, 1000);\n calculateTime();\n return () => clearInterval(timer);\n }, [surpriseDismissed]);\n\n // Διαδραστικό Background\n const handleMouseMove = (e: React.MouseEvent | React.TouchEvent) => {\n if (!containerRef.current) return;\n let clientX, clientY;\n if (\"touches\" in e) {\n clientX = e.touches[0].clientX;\n clientY = e.touches[0].clientY;\n } else {\n clientX = e.clientX;\n clientY = e.clientY;\n }\n\n const x = (clientX / window.innerWidth - 0.5) * 20;\n const y = (clientY / window.innerHeight - 0.5) * 20;\n\n containerRef.current.style.transform = `translate(${x}px, ${y}px)`;\n };\n\n const closeSurprise = () => {\n setShowSurprise(false);\n setSurpriseDismissed(true);\n };\n\n return (\n \n {/* Background Layer */}\n

\n {[...Array(50)].map((_, i) => (\n \n ))}\n

\n\n \n {/* Title */}\n

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\",\n border: \"2px solid #fbbf24\",\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}","createdAt",["D",1775929227351],"branchVersion","branchId","8210a794-35cc-11f1-91c3-42b51c65c3df","id","82093ad6-35cc-11f1-91c3-42b51c65c3df","four_months",["D",1775928789549],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c201a-c6d5-73df-9c72-e5a567918c20","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019c201a-c6d5-73df-9c72-eb12f876751d","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":95,"_96":45,"_97":98},"isOwned",5,"main","projectId","forkedBranchId","fdd9b22e-27b0-11f0-aecd-569c3dd06744","forkedBranchVersion",11,"forkedProjectPrivacy","forkedProjectId","fdd966ca-27b0-11f0-aecd-569c3dd06744","forkedProjectOrgId","1ea2ca52-aecd-4993-8c60-cb61483dff1b","projectName","userHandle","alexandrosgalazoulas96","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5ODYyMzhDV3h6QnVKc2dNaFN0akxjMUJSaCJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":175,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":176,"_79":177,"_81":178,"_83":25},"tree",[166,167],"files",[166,167],"counts",{"_156":61,"_157":152,"_158":61,"_159":160,"_161":162},"contents",[140,141],"upstreamProject",{"_43":93,"_32":137,"_52":-5,"_53":-5,"_49":50,"_77":138},"upstreamBranch",{"_43":88,"_38":131,"_132":133,"_32":85,"_86":93,"_13":90,"_87":-5,"_89":-5,"_134":135,"_47":-5,"_83":25,"_49":50,"_97":136,"_62":95,"_96":137},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],"updatedAt",["D",1739338420215],"lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","mewtru","valentine",{"_99":136,"_106":139},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_43":149,"_32":150,"_30":151,"_143":-5,"_41":42,"_40":152,"_144":57,"_38":153,"_13":61,"_33":20,"_35":154,"_24":25,"_147":-5,"_27":155},{"_43":142,"_32":28,"_30":31,"_143":-5,"_41":42,"_40":14,"_144":25,"_38":145,"_13":146,"_33":34,"_35":37,"_24":25,"_147":-5,"_27":148},"86f02284-35cd-11f1-955d-42b51c65c3df","parentId","latest",["D",1775929227351],3,"label",[28],"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.",[150],"pulls","branches","forks","envVars",{"_163":61,"_165":61},"connections",{"_163":61,"_164":61},"count","unfilledCount","emptyCount",{"_43":149,"_32":150,"_30":151,"_143":-5,"_41":42,"_40":152,"_144":57,"_38":172,"_13":61,"_33":20,"_35":154,"_24":25,"_147":-5,"_169":173,"_27":174},{"_43":142,"_32":28,"_30":31,"_143":-5,"_41":42,"_40":14,"_144":25,"_38":168,"_13":146,"_33":34,"_35":37,"_24":25,"_147":-5,"_169":170,"_27":171},["D",1775929227351],"children",[],[28],["D",1775928789549],[],[150],["D",1775928789549],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":95,"_96":45,"_97":98},"ctx",{"_77":-5,"_128":212,"_213":214,"_215":216,"_217":25,"_218":25,"_219":25,"_220":57,"_221":-5,"_222":-7,"_223":-7,"_224":61,"_225":25,"_226":25,"_227":-5,"_228":25,"_229":25,"_230":25,"_231":-5},"ENV",{"_183":184,"_185":186,"_187":85,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211},"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"]

Diff · v4