Ultimate Valentine's Experience 💖

\n\n

\n setUserName(e.target.value)}\n style={{\n padding: \"15px 20px\",\n fontSize: \"18px\",\n borderRadius: \"50px\",\n border: \"3px solid white\",\n background: \"rgba(255,255,255,0.9)\",\n width: \"80%\",\n maxWidth: \"400px\",\n outline: \"none\",\n textAlign: \"center\",\n }}\n />\n

\n\n setStage(\"question\")}\n disabled={!userName.trim()}\n style={{\n padding: \"18px 40px\",\n fontSize: \"24px\",\n borderRadius: \"50px\",\n border: \"none\",\n background: !userName.trim()\n ? \"#ccc\"\n : \"linear-gradient(45deg, #ff4081, #ff79b0)\",\n color: \"white\",\n cursor: userName.trim() ? \"pointer\" : \"not-allowed\",\n fontWeight: \"bold\",\n boxShadow: \"0 8px 20px rgba(255,64,129,0.4)\",\n transition: \"all 0.3s\",\n }}\n onMouseEnter={(e) => {\n if (userName.trim()) {\n e.target.style.transform = \"translateY(-5px)\";\n e.target.style.boxShadow = \"0 15px 30px rgba(255,64,129,0.6)\";\n }\n }}\n onMouseLeave={(e) => {\n if (userName.trim()) {\n e.target.style.transform = \"translateY(0)\";\n e.target.style.boxShadow = \"0 8px 20px rgba(255,64,129,0.4)\";\n }\n }}\n >\n {userName.trim()\n ? `Continue, ${userName} 💕`\n : \"Enter Your Name First\"}\n \n \n\n \n Made with 💖 for Valentine's Day 2024\n \n\n \n \n );\n }\n\n // Render Question Screen\n if (stage === \"question\") {\n return (\n \n \n\n \n {/* Header */}\n \n

\n \n Dear {userName || \"My Love\"}...\n \n \n {CONFIG\n .VALENTINE_NAMES[noClicks % CONFIG.VALENTINE_NAMES.length]}\n

\n\n \n Attempt: {noClicks + 1}\n \n \n\n {/* Main Content */}\n \n {/* Animated Bear */}\n \n\n {/* Question */}\n

\n \n Will you be my Valentine? 💘\n \n\n \n \"{typingText}\"\n \n |\n \n

\n \n\n {/* Buttons */}\n \n 3 ? \"pulse 1s infinite\" : \"none\",\n zIndex: 2,\n }}\n onMouseEnter={(e) => {\n e.target.style.transform = \"scale(1.1) rotate(-5deg)\";\n e.target.style.boxShadow =\n \"0 15px 40px rgba(76, 175, 80, 0.6)\";\n }}\n onMouseLeave={(e) => {\n e.target.style.transform = \"scale(1) rotate(0deg)\";\n e.target.style.boxShadow =\n \"0 10px 30px rgba(76, 175, 80, 0.4)\";\n }}\n >\n YES! I'D LOVE TO! 💖\n \n\n \n {noClicks === 0\n ? \"NO\"\n : CONFIG\n .NO_PHRASES[\n Math.min(noClicks - 1, CONFIG.NO_PHRASES.length - 1)\n ]}\n \n \n\n {/* Stats & Info */}\n \n \n

\n {noClicks}\n

\n Times Asked\n

\n \n\n \n

\n {yesSize}\n

\n Yes Button Size\n

\n \n \n\n {/* Memories Section */}\n {memories.length > 0 && (\n \n \n Memories So Far 📝\n \n \n {memories.map((memory) => (\n \n {memory.emoji}\n {memory.text}\n {memory.timestamp && (\n \n {memory.timestamp}\n \n )}\n \n ))}\n \n \n )}\n\n {/* Action Buttons */}\n \n \n + Add Memory\n \n\n \n Plan Date Idea\n \n\n setMusicPlaying(!musicPlaying)}\n style={{\n padding: \"10px 20px\",\n background: \"linear-gradient(45deg, #9C27B0, #BA68C8)\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"25px\",\n cursor: \"pointer\",\n fontSize: \"14px\",\n }}\n >\n {musicPlaying ? \"🔊 Music On\" : \"🔈 Music Off\"}\n \n \n \n \n\n {/* Side Panels */}\n 2 ? \"block\" : \"none\",\n }}\n >\n

Love Quotes 💬

\n \"{CONFIG.LOVE_QUOTES[currentQuote]}\"\n

\n \n\n \n

Stats 📊

No Clicks: {noClicks}

Button Size: {yesSize}px

Memories: {memories.length}

Time: {new Date().toLocaleTimeString()}

\n \n\n setMusicPlaying(!musicPlaying)}\n />\n\n \n \n );\n }\n\n // Render Celebration Screen\n return (\n \n \n \n \n\n \n {/* Header */}\n \n \n 🎉 CONGRATULATIONS! 🎉\n \n \n You've just made the best decision of your life, {userName}! 💖\n

\n \n\n {/* Main Content Grid */}\n \n {/* Love Meter */}\n \n

Love Meter 💝

\n \n \n {loveMeter}%\n \n \n

\n Our love is filling up!{\" \"}\n {loveMeter >= 100 ? \"FULLY CHARGED! ⚡\" : \"Keep going!\"}\n

\n \n\n {/* Date Planner */}\n \n

Date Planner 📅

Our first Valentine's date:

\n \n {selectedDate || \"Click to plan a date!\"}\n \n \n Plan Another Date 🎯\n \n \n\n {/* Memories */}\n \n \n Our Journey Together 📖\n \n + Add Memory\n \n \n \n {memories.map((memory, index) => (\n \n

{memory.emoji}

{memory.text}

\n {memory.timestamp && (\n \n {memory.timestamp}\n \n )}\n \n ))}\n \n \n \n\n {/* Animated Canvas */}\n \n

Our Love in Motion 💫

\n \n \n\n {/* Gift Section */}\n \n

Your Valentine's Gift 🎁

\n \n {[\"💐\", \"🍫\", \"💍\", \"💌\", \"🎀\", \"🎂\", \"🍷\", \"🎵\"].map((\n gift,\n index,\n ) => (\n e.target.style.transform = \"scale(1.3)\"}\n onMouseLeave={(e) => e.target.style.transform = \"scale(1)\"}\n onClick={() => alert(`You unlocked: ${gift} gift!`)}\n >\n {gift}\n \n ))}\n \n

Click on gifts to unlock surprises!

\n \n\n {/* Control Panel */}\n \n setStage(\"question\")}\n style={{\n padding: \"12px 24px\",\n background: \"linear-gradient(45deg, #2196F3, #64B5F6)\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"25px\",\n cursor: \"pointer\",\n fontWeight: \"bold\",\n boxShadow: \"0 5px 15px rgba(33, 150, 243, 0.4)\",\n }}\n >\n Ask Again 🔄\n \n\n setShowFireworks(!showFireworks)}\n style={{\n padding: \"12px 24px\",\n background: \"linear-gradient(45deg, #FF9800, #FFB74D)\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"25px\",\n cursor: \"pointer\",\n fontWeight: \"bold\",\n boxShadow: \"0 5px 15px rgba(255, 152, 0, 0.4)\",\n }}\n >\n {showFireworks ? \"Stop Fireworks\" : \"Start Fireworks\"} 🎆\n \n\n setShowConfetti(true)}\n style={{\n padding: \"12px 24px\",\n background: \"linear-gradient(45deg, #9C27B0, #BA68C8)\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"25px\",\n cursor: \"pointer\",\n fontWeight: \"bold\",\n boxShadow: \"0 5px 15px rgba(156, 39, 176, 0.4)\",\n }}\n >\n More Confetti 🎊\n \n \n\n setMusicPlaying(!musicPlaying)}\n />\n \n\n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n \n Ultimate Valentine's Experience 💖\n \n \n \n \n \n \n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html; charset=utf-8\",\n \"Cache-Control\": \"no-cache, no-store, must-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\",\n },\n },\n );\n}","deleted","label","nitfa",[100],"permalink","https://www.val.town/x/Kaslinu/Azka/code/main.ts","extension","actionData","errors"]