💕 A Special Surprise

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_198":199,"_200":201},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_38":-7,"_121":-5,"_19":122,"_123":124,"_125":126,"_127":128,"_129":130,"_21":131,"_132":-5,"_133":-5,"_134":24,"_135":136,"_137":83,"_138":-5,"_139":-5,"_140":141},"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":24,"_30":-5},"handle","Aasikha","name","Birth-day","branchName","main","path","index.html","project",{"_32":70,"_13":14,"_36":71,"_72":-5,"_73":24,"_74":75,"_76":75,"_77":78,"_79":-5,"_30":66,"_80":81,"_82":83,"_84":-5,"_85":-5,"_86":26,"_40":41,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":92,"_93":92,"_94":95,"_96":95,"_97":95,"_98":92,"_99":92,"_52":100,"_101":102,"_103":104,"_105":24},"file",{"_62":63,"_13":18,"_64":21,"_65":24,"_69":-5},"isDirectory",false,"page",0,"history",[31],"hasNext","userId",{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_21":54,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":60},"id","11385110-c385-4fd3-993d-edb34a978c2c","branchId","867cbce0-2056-4d18-a9fd-cdd84505abea","createdAt",["D",1784893232076],"version",5,"orgId","019f93ea-c911-730a-9200-77d80354d647","parentId","1d9b904c-9247-47f0-92c2-dc3d5a8ef887","incomingCommitId","aiChatMessageId","3a511abc-6b94-4b96-a357-b6daf70cc68b","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_32":66,"_40":41,"_11":12,"_67":68},{"_62":63,"_13":18,"_64":21,"_65":24},"pull","merge","revert","multiple","commits",[61],{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_21":54,"_55":-5,"_56":-5,"_57":-5},"fileId","7a37813a-8754-11f1-bfc9-1607ee4eb77e","fileType","deleted","044a2eec-d398-4ddc-9c67-e1903c2df3eb","avatar","https://lh3.googleusercontent.com/a/ACg8ocKzpiK8yFXHEGWjIRUbb6tnv7Cecreb83VgScPP0NJk-hm-AQ=s96-c","deletedAtVersion","c3bad5cd-4e8d-4706-bb77-02ab1201ebb0",["D",1784893115398],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","pinnedFileId","3494725a-8754-11f1-9b84-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_120":68},"org",{"_11":12,"_115":116,"_67":68,"_30":66,"_117":118,"_119":24},"branch",{"_38":106,"_13":16,"_32":35,"_107":70,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":14,"_114":12},"isOwned",9,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","PUBG ESPORT REELS","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":70,"_13":14,"_36":194,"_72":-5,"_73":24,"_74":75,"_76":75,"_77":78,"_79":-5,"_30":66,"_80":81,"_82":83,"_84":-5,"_85":-5,"_86":26,"_40":41,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":92,"_93":92,"_94":95,"_96":95,"_97":95,"_98":92,"_99":92,"_52":195,"_101":196,"_103":197,"_105":24},"tree",[161,162,163,164],"files",[161,162,163,164],"counts",{"_150":26,"_151":152,"_153":26,"_154":155,"_156":157},"contents",[],{"_32":142,"_13":18,"_62":63,"_42":-5,"_34":35,"_143":39,"_144":83,"_36":145,"_38":26,"_64":21,"_146":147,"_65":24,"_148":-5,"_17":149},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},"05adf588-a93e-45c5-ab74-408c82afd089","branchVersion","latest",["D",1784893232076],"content","\n\n\n \n \n 💕 A Special Surprise\n \n \n\n\n \n

\n\n \n \n\n \n

🎂

💕 🎉 💕

\n\n \n\n\n","label",[18],"pulls","branches",1,"forks","envVars",{"_158":26,"_160":26},"connections",{"_158":26,"_159":26},"count","unfilledCount","emptyCount",{"_32":186,"_13":187,"_62":188,"_42":-5,"_34":35,"_143":106,"_144":83,"_36":189,"_38":178,"_64":190,"_146":191,"_65":24,"_148":-5,"_171":192,"_17":193},{"_32":142,"_13":18,"_62":63,"_42":-5,"_34":35,"_143":39,"_144":83,"_36":183,"_38":26,"_64":21,"_146":147,"_65":24,"_148":-5,"_171":184,"_17":185},{"_32":174,"_13":175,"_62":81,"_42":-5,"_34":35,"_143":176,"_144":83,"_36":177,"_38":178,"_64":179,"_146":180,"_65":24,"_148":-5,"_171":181,"_17":182},{"_32":165,"_13":166,"_62":167,"_42":-5,"_34":35,"_143":168,"_144":83,"_36":169,"_38":152,"_64":21,"_146":170,"_65":24,"_148":-5,"_171":172,"_17":173},"a1506ce1-5514-4c21-ba78-fb46f4eb66f5","styles.css","7a26e29e-8754-11f1-9990-1607ee4eb77e",8,["D",1784893416944],"/* ═══════════════════════════════════════════\n Romantic Dark / Rose-Gold Theme\n ═══════════════════════════════════════════ */\n\n:root {\n --bg: #0a0608;\n --bg-soft: #160d12;\n --rose: #b76e79;\n --rose-light: #e8b4b8;\n --rose-glow: #f5c8d0;\n --gold: #d4a574;\n --gold-soft: #e8c9a0;\n --text: #f5e6e6;\n --text-dim: #a08888;\n --error: #ff6b8a;\n --card-border: rgba(183, 110, 121, 0.25);\n --card-bg: rgba(22, 13, 18, 0.55);\n}\n\n/* ── Reset ── */\n*, *::before, *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nhtml, body {\n height: 100%;\n overflow: hidden;\n}\n\nbody {\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n background: var(--bg);\n color: var(--text);\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n position: relative;\n}\n\n/* ── Animated background gradient ── */\nbody::before {\n content: '';\n position: fixed;\n inset: 0;\n background:\n radial-gradient(ellipse at 20% 30%, rgba(183, 110, 121, 0.08), transparent 50%),\n radial-gradient(ellipse at 80% 70%, rgba(212, 165, 116, 0.06), transparent 50%),\n radial-gradient(ellipse at 50% 50%, rgba(22, 13, 18, 0.4), transparent 70%);\n z-index: 0;\n animation: bgPulse 8s ease-in-out infinite alternate;\n}\n\n@keyframes bgPulse {\n from { opacity: 0.7; }\n to { opacity: 1; }\n}\n\n/* ═══ Floating Hearts ═══ */\n#hearts-container {\n position: fixed;\n inset: 0;\n overflow: hidden;\n z-index: 1;\n pointer-events: none;\n}\n\n.heart-particle {\n position: absolute;\n bottom: -40px;\n color: var(--rose);\n font-size: 18px;\n opacity: 0;\n user-select: none;\n animation: floatUp linear forwards;\n text-shadow: 0 0 8px rgba(183, 110, 121, 0.3);\n}\n\n@keyframes floatUp {\n 0% {\n transform: translateY(0) translateX(0) rotate(0deg) scale(1);\n opacity: 0;\n }\n 10% { opacity: var(--peak-opacity, 0.6); }\n 90% { opacity: var(--peak-opacity, 0.6); }\n 100% {\n transform: translateY(-105vh) translateX(var(--drift, 30px)) rotate(360deg) scale(0.6);\n opacity: 0;\n }\n}\n\n/* ═══ Card ═══ */\n.card {\n position: relative;\n z-index: 10;\n width: 380px;\n max-width: 90vw;\n border-radius: 24px;\n border: 1px solid var(--card-border);\n background: var(--card-bg);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.5),\n 0 0 40px rgba(183, 110, 121, 0.08),\n inset 0 1px 0 rgba(245, 200, 208, 0.05);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n/* glow ring behind the card */\n.card-glow {\n position: absolute;\n inset: -2px;\n border-radius: 26px;\n background: linear-gradient(135deg, var(--rose), var(--gold), var(--rose));\n opacity: 0.12;\n filter: blur(20px);\n z-index: -1;\n animation: glowPulse 4s ease-in-out infinite alternate;\n}\n\n@keyframes glowPulse {\n from { opacity: 0.08; }\n to { opacity: 0.18; }\n}\n\n.card-inner {\n padding: 40px 32px 32px;\n}\n\n.card-icon {\n font-size: 48px;\n text-align: center;\n margin-bottom: 12px;\n animation: iconBounce 2s ease-in-out infinite;\n}\n\n@keyframes iconBounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-6px); }\n}\n\n.card-title {\n text-align: center;\n font-size: 1.6rem;\n font-weight: 700;\n color: var(--rose-glow);\n letter-spacing: 0.5px;\n margin-bottom: 8px;\n background: linear-gradient(135deg, var(--rose-light), var(--gold-soft));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.card-hint {\n text-align: center;\n font-size: 0.9rem;\n color: var(--text-dim);\n margin-bottom: 28px;\n line-height: 1.5;\n}\n\n/* ── Form ── */\n#password-form {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.input-wrap {\n position: relative;\n}\n\n.password-input {\n width: 100%;\n padding: 14px 18px;\n font-size: 1rem;\n color: var(--text);\n background: rgba(10, 6, 8, 0.6);\n border: 1.5px solid var(--card-border);\n border-radius: 14px;\n outline: none;\n transition: border-color 0.3s, box-shadow 0.3s;\n font-family: inherit;\n}\n\n.password-input::placeholder {\n color: var(--text-dim);\n opacity: 0.6;\n}\n\n.password-input:focus {\n border-color: var(--rose);\n box-shadow: 0 0 0 3px rgba(183, 110, 121, 0.12);\n}\n\n.submit-btn {\n padding: 14px 24px;\n font-size: 1.05rem;\n font-weight: 600;\n color: #1a0d10;\n background: linear-gradient(135deg, var(--rose-light), var(--gold));\n border: none;\n border-radius: 14px;\n cursor: pointer;\n transition: transform 0.2s, box-shadow 0.3s, opacity 0.2s;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n font-family: inherit;\n letter-spacing: 0.5px;\n}\n\n.submit-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(183, 110, 121, 0.3);\n}\n\n.submit-btn:active {\n transform: translateY(0);\n}\n\n.submit-btn:disabled {\n opacity: 0.6;\n cursor: wait;\n}\n\n.btn-heart {\n font-size: 1.1rem;\n}\n\n/* ── Error message ── */\n.error-msg {\n text-align: center;\n font-size: 0.85rem;\n color: var(--error);\n min-height: 1.2em;\n margin-top: 16px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n\n.error-msg.show {\n opacity: 1;\n}\n\n/* ── Error message pop-in ── */\n.error-msg.pop {\n animation: errorPop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n\n@keyframes errorPop {\n 0% { transform: scale(0.7) translateY(4px); opacity: 0; }\n 60% { transform: scale(1.08) translateY(-2px); opacity: 1; }\n 100% { transform: scale(1) translateY(0); opacity: 1; }\n}\n\n/* ── Card icon wrong flash ── */\n.card-icon.wrong {\n animation: iconShake 0.5s ease-in-out;\n}\n\n@keyframes iconShake {\n 0%, 100% { transform: scale(1) rotate(0); }\n 20% { transform: scale(1.3) rotate(-12deg); }\n 40% { transform: scale(1.15) rotate(12deg); }\n 60% { transform: scale(1.25) rotate(-8deg); }\n 80% { transform: scale(1.1) rotate(8deg); }\n}\n\n/* ── Red flash glow on the card ── */\n.card.flash {\n border-color: var(--error);\n box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.5),\n 0 0 60px rgba(255, 107, 138, 0.3),\n inset 0 1px 0 rgba(245, 200, 208, 0.05);\n}\n\n/* ── Enhanced shake (translate + rotate + scale) ── */\n@keyframes shake {\n 0% { transform: translateX(0) rotate(0); }\n 10% { transform: translateX(-10px) rotate(-1.5deg); }\n 20% { transform: translateX(10px) rotate(1.5deg); }\n 30% { transform: translateX(-8px) rotate(-1deg); }\n 40% { transform: translateX(8px) rotate(1deg); }\n 50% { transform: translateX(-6px) rotate(-0.5deg) scale(1.01); }\n 60% { transform: translateX(6px) rotate(0.5deg); }\n 70% { transform: translateX(-4px) rotate(0); }\n 80% { transform: translateX(4px) rotate(0); }\n 90% { transform: translateX(-2px) rotate(0); }\n 100% { transform: translateX(0) rotate(0); }\n}\n\n.shake {\n animation: shake 0.55s cubic-bezier(0.36, 0.07, 0.19, 0.97);\n}\n\n/* ═══ Surprise Section ═══ */\n.surprise {\n position: fixed;\n inset: 0;\n z-index: 20;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n pointer-events: none;\n transition: opacity 1.2s ease;\n}\n\n.surprise.visible {\n opacity: 1;\n pointer-events: auto;\n}\n\n.surprise-glow {\n position: fixed;\n inset: 0;\n background: radial-gradient(circle at center, rgba(183, 110, 121, 0.12), transparent 60%);\n animation: bgPulse 4s ease-in-out infinite alternate;\n}\n\n.surprise-content {\n position: relative;\n z-index: 1;\n text-align: center;\n padding: 40px;\n max-width: 520px;\n}\n\n.surprise-emoji {\n font-size: 72px;\n margin-bottom: 16px;\n animation: iconBounce 2s ease-in-out infinite;\n}\n\n.surprise-title {\n font-size: 2.4rem;\n font-weight: 800;\n background: linear-gradient(135deg, var(--rose-glow), var(--gold), var(--rose-light));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 20px;\n line-height: 1.3;\n}\n\n.surprise-message {\n font-size: 1.15rem;\n color: var(--text);\n line-height: 1.8;\n margin-bottom: 16px;\n white-space: pre-line;\n}\n\n.surprise-signature {\n font-size: 0.95rem;\n color: var(--text-dim);\n font-style: italic;\n margin-bottom: 24px;\n}\n\n.surprise-hearts {\n font-size: 1.8rem;\n letter-spacing: 12px;\n animation: heartBeat 1.5s ease-in-out infinite;\n}\n\n@keyframes heartBeat {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.15); }\n}\n\n/* ═══ Visibility / fade transitions ═══ */\n.card.visible {\n opacity: 1;\n transform: scale(1);\n pointer-events: auto;\n}\n\n.card.hidden-fade {\n opacity: 0;\n transform: scale(0.92);\n pointer-events: none;\n}\n\n/* ── Responsive ── */\n@media (max-width: 420px) {\n .card-inner { padding: 32px 20px 24px; }\n .card-title { font-size: 1.35rem; }\n .surprise-title { font-size: 1.8rem; }\n .surprise-message { font-size: 1rem; }\n .surprise-emoji { font-size: 56px; }\n}\n","children",[],[166],"a47bf386-8c5a-4bc4-b7d9-bceee58e5968","main.ts",6,["D",1784893242061],2,"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport default staticHTTPServer();\n",[],[175],["D",1784893232076],[],[18],"db230468-e101-439e-b4ac-0c0283cdf2f0","app.js","7a2dac3c-8754-11f1-90aa-1607ee4eb77e",["D",1784893416946],"script","// ═══════════════════════════════════════════\n// CONFIG — change everything here 💕\n// ═══════════════════════════════════════════\nconst CONFIG = {\n password: \"love2026\",\n hint: \"It's a four-letter word that means everything… plus a year 💫\",\n title: \"Happy Birthday, Beautiful! 🎂\",\n message:\n \"Every day with you feels like a celebration,\\n\" +\n \"but today the whole world should celebrate you.\\n\" +\n \"You make my heart skip, my days brighter,\\n\" +\n \"and my life infinitely sweeter. 🌹\",\n signature: \"— Forever yours 💕\",\n};\n\n// ═══════════════════════════════════════════\n// Playful error messages — escalate with tries\n// ═══════════════════════════════════════════\nconst ERROR_TIERS = [\n // ── Tier 0: 1st–2nd wrong attempt (gentle teasing) ──\n [\n \"Nope! That's not it 😜\",\n \"Wrong! Try again, love 🥰\",\n \"Hmm, that's not the magic word 💭\",\n \"Not quite! Think rose-colored thoughts 🌹\",\n \"Oops! Close… but no 💗\",\n ],\n // ── Tier 1: 3rd–5th wrong attempt (sassy) ──\n [\n \"Almost! …just kidding, not even close 😏\",\n \"Access denied! But you're still cute 💁\",\n \"Wrong password! Did you forget already? 💔\",\n \"No no no! That's not it 🙈\",\n \"Are you even trying? 💀\",\n \"My heart is locked, darling 🔒💕\",\n \"Wrong! But I admire your confidence 😂\",\n ],\n // ── Tier 2: 6th+ wrong attempt (dramatic desperation) ──\n [\n \"Okay NOW you're just guessing 😩\",\n \"I'm starting to think you don't know it 🥲\",\n \"Please… my patience is thinner than rose petals 🥀\",\n \"Wrong AGAIN?! The audacity 😤💕\",\n \"Even Cupid's aim is better than yours 🏹💫\",\n \"Last warning, love… or I'll cry 😭\",\n \"You're breaking my heart one typo at a time 💔💔\",\n \"I can do this all day. Can you? 😎💕\",\n \"Spoiler: the password is NOT this 😜\",\n ],\n];\n\nlet failedAttempts = 0;\nlet lastMsgIndex = -1;\n\nfunction pickMessage() {\n const tier =\n failedAttempts >= 6\n ? ERROR_TIERS[2]\n : failedAttempts >= 3\n ? ERROR_TIERS[1]\n : ERROR_TIERS[0];\n\n // avoid repeating the same message twice in a row\n let idx;\n do {\n idx = Math.floor(Math.random() * tier.length);\n } while (idx === lastMsgIndex && tier.length > 1);\n lastMsgIndex = idx;\n return tier[idx];\n}\n\n// ═══════════════════════════════════════════\n// Floating Hearts Background\n// ═══════════════════════════════════════════\nconst HEART_SYMBOLS = [\"💕\", \"♥\", \"💖\", \"💗\", \"❤\", \"🩷\"];\nconst heartsContainer = document.getElementById(\"hearts-container\");\n\nfunction spawnHeart() {\n const heart = document.createElement(\"span\");\n heart.className = \"heart-particle\";\n heart.textContent = HEART_SYMBOLS[Math.floor(Math.random() * HEART_SYMBOLS.length)];\n\n const size = 12 + Math.random() * 22; // 12px – 34px\n const duration = 7 + Math.random() * 10; // 7s – 17s\n const drift = (Math.random() - 0.5) * 120; // -60px to +60px\n const peakOpacity = 0.25 + Math.random() * 0.45;// 0.25 – 0.7\n const startX = Math.random() * 100; // 0% – 100%\n\n heart.style.left = startX + \"vw\";\n heart.style.fontSize = size + \"px\";\n heart.style.animationDuration = duration + \"s\";\n heart.style.setProperty(\"--drift\", drift + \"px\");\n heart.style.setProperty(\"--peak-opacity\", peakOpacity);\n\n // random rose-gold tint\n const tints = [\"#b76e79\", \"#e8b4b8\", \"#d4a574\", \"#f5c8d0\"];\n heart.style.color = tints[Math.floor(Math.random() * tints.length)];\n\n heartsContainer.appendChild(heart);\n setTimeout(() => heart.remove(), duration * 1000);\n}\n\n// spawn hearts continuously\nconst HEART_INTERVAL = 350; // ms between spawns\nsetInterval(spawnHeart, HEART_INTERVAL);\n// pre-fill a few so the page isn't empty on load\nfor (let i = 0; i < 8; i++) {\n setTimeout(spawnHeart, i * 200);\n}\n\n// ═══════════════════════════════════════════\n// Password Logic\n// ═══════════════════════════════════════════\nconst form = document.getElementById(\"password-form\");\nconst input = document.getElementById(\"password-input\");\nconst errorMsg = document.getElementById(\"error-msg\");\nconst loginCard = document.getElementById(\"login-card\");\nconst surprise = document.getElementById(\"surprise\");\n\n// Populate customizable text\ndocument.getElementById(\"hint-text\").textContent = CONFIG.hint;\ndocument.getElementById(\"surprise-title\").textContent = CONFIG.title;\ndocument.getElementById(\"surprise-text\").textContent = CONFIG.message;\ndocument.getElementById(\"surprise-signature\").textContent = CONFIG.signature;\n\nconst cardIcon = document.querySelector(\".card-icon\");\nlet errorTimer = null;\nlet iconTimer = null;\nlet flashTimer = null;\n\nfunction showError() {\n failedAttempts++;\n\n // pick a tier-appropriate message\n errorMsg.textContent = pickMessage();\n errorMsg.classList.remove(\"pop\");\n void errorMsg.offsetWidth; // restart pop animation\n errorMsg.classList.add(\"show\", \"pop\");\n\n // ── shake the card ──\n loginCard.classList.remove(\"shake\");\n void loginCard.offsetWidth;\n loginCard.classList.add(\"shake\");\n\n // ── red flash glow on the card border ──\n loginCard.classList.remove(\"flash\");\n void loginCard.offsetWidth;\n loginCard.classList.add(\"flash\");\n if (flashTimer) clearTimeout(flashTimer);\n flashTimer = setTimeout(() => loginCard.classList.remove(\"flash\"), 500);\n\n // ── swap 🔒 → ❌ briefly, then restore ──\n cardIcon.textContent = \"❌\";\n cardIcon.classList.add(\"wrong\");\n if (iconTimer) clearTimeout(iconTimer);\n iconTimer = setTimeout(() => {\n cardIcon.textContent = \"🔒\";\n cardIcon.classList.remove(\"wrong\");\n }, 600);\n\n // hide the error message after a while\n if (errorTimer) clearTimeout(errorTimer);\n errorTimer = setTimeout(() => {\n errorMsg.classList.remove(\"show\", \"pop\");\n }, 3500);\n}\n\nfunction onSuccess() {\n // fade out login card\n loginCard.classList.remove(\"visible\");\n loginCard.classList.add(\"hidden-fade\");\n\n // after the fade, hide it completely and show surprise\n setTimeout(() => {\n loginCard.style.display = \"none\";\n surprise.classList.add(\"visible\");\n }, 600);\n}\n\nform.addEventListener(\"submit\", (e) => {\n e.preventDefault();\n const value = input.value.trim();\n\n if (value === \"\") return;\n\n if (value === CONFIG.password) {\n onSuccess();\n } else {\n // clear input on wrong password\n input.value = \"\";\n input.focus();\n showError();\n }\n});\n\n// auto-focus the input on load\ninput.focus();\n",[],[187],["D",1784893115398],{"_11":12,"_120":68},{"_11":12,"_115":116,"_67":68,"_30":66,"_117":118,"_119":24},{"_38":106,"_13":16,"_32":35,"_107":70,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":14,"_114":12},"ctx",{"_52":-5,"_139":231,"_232":233,"_234":235,"_236":24,"_237":24,"_238":24,"_239":83,"_240":-5,"_241":-7,"_242":-7,"_243":26,"_244":24,"_245":24,"_246":-5,"_247":24,"_248":24,"_249":24,"_250":-5},"ENV",{"_202":203,"_204":205,"_206":16,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230},"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"]

A Little Secret

History · index.html