[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_240":241,"_242":243},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_183":-5,"_20":184,"_22":185,"_186":187,"_188":189,"_26":190,"_24":191,"_192":-5,"_193":-5,"_194":51,"_195":196,"_197":43,"_198":-5,"_199":-5,"_200":201},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","dani1","name","happy-birthday-site","branchName","main","version","path","home.html","project",{"_33":128,"_13":14,"_44":129,"_130":-5,"_131":51,"_132":133,"_134":133,"_135":136,"_137":-5,"_138":139,"_140":72,"_141":43,"_142":-5,"_143":-5,"_144":106,"_145":146,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":152,"_153":152,"_154":155,"_156":155,"_157":155,"_158":152,"_159":152,"_160":161,"_162":163,"_164":165,"_166":51},"tree",[54,55,56,57,58,59],"file",{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_18":53},"contents",[],"upstream","pull","ahead","behind","envVars","id","b8f8757c-678a-402d-8e30-6490988d2b7b","fileId","7625dbac-b146-11f1-a9e9-1607ee4eb77e","parentId","branchId","9efcce83-0aea-4ff4-a4e9-c9a64c94e569","branchVersion",79,"latest",true,"createdAt",["D",1789531183833],26,"fileType","content","\n\n \n \n \n Happy Birthday, My Love 💚\n \n \n \n

\n 💚🌿🤍💛💚🍃\n

\n\n \n

🎉 💚 ✨ 🎂 ✨ 💚 🎉

\n\n

Happy Birthday

\n\n

— to my favourite person in the whole world —

\n\n \n

\n Happy birthday to my baby boy. Today is your day, and while everyone else\n celebrates you. I'll be celebrating you twenty times louder. You're\n everything and more to me. The most warm, funny, and comforting person\n I could have ever met. I'm so grateful and lucky to call you my other half.\n Everyday you give me more and more reasons to be proud of you. I admire you\n so deeply. Have a special day my love! Let's have another great year. 💚\n

\n\n

💚 🌿 🤍 🍃 💚

↓

\n\n \n

A little letter for you

\n I wanted to give you something that could be sort of impressive but also\n a letter to help you recognize just how special you are to me. So here it\n is: a tiny website in a vast sea of other websites that only exists\n because I got the blessing to have you in my life.\n

\n Thank you for your wonderful deep and fulfilling laugh. The complete and\n utter patience you give me when I have hard days. Thank you for giving me\n those lessons to help me learn a bit of patience myself. You're a beaming \n light of amazingness, that has only changed my heart and soul positively.\n You make the most normal boring days become something worth writing down.\n Our babygirl who is so totally in love with you, because she knows how \n much you keep her safe. Our baby that wants to lick the pillows because\n she loves her dad. If that doesn't say anything about how great you are\n then I dont know what will! I love you. I love you so much. I love how\n you calm me down, your giggles, your snores. I love all of it and I wish\n I could hear more of it all the time. \n\n I am so grateful that I get to have you in my life, Zieke. I am so thrilled\n that I get to learn more about you everyday. To go through life together,\n experience a plentiful of different things, relax together, watch youtube,\n and laugh. You are the book that I just cannot stop reading about because\n of how special you truly are to me. As cringey and lovey dovey as it is,\n it's the truth. The two years we've been together have been nothing short\n of spectacular. Your love has made my heart open up, made me more in touch\n with my emotions and overall made me hungry for your love. It's inspired\n me to be the best girlfriend I can be, but also the best person I can be.\n Having someone like you in my life has helped me navigate some of my \n darkest and hardest moments. You simply just radiate the dark spaces that\n I've struggled through for years, and led me through it. You make me feel\n a sense of comfort, trust, and relief that I had never felt before in this way.\n I love you so much my old grumpy man.\n\n So happy birthday, baby. I hope this year brings everything you could ever want.\n I can't wait to experience it all by your side. 💚\n

All my love, Danielle.
me

\n\n \n

Ten things I love about you

The way you say my name.
How you get excited about random silly things.
Your terrible, yet very silly jokes.
How safe the world feels when I'm with you.
Your kindness.
That one face you make when you're concentrating or finding something funny.
How you finish my drinks for me.
Your hugs.
How you make me want to be better.
Honestly, everything.

\n\n \n

Finally,

\n Naoki and I love you and are so excited to celebrate your birthday!\n I wish nothing but love and happiness for you.\n If you're too excited to wait for your birthday gifts.\n You can select below to see what I got you. :)\n

Happy birthday. 🎂

\n\n \n

Click to spoil your surprises 🎁

\n For your birthday I got you three items from Comfrt.\n However what I got for you will continue to be a secret.\n The question is do I tell you what the big surprise is? :D\n

\n\n \n \n","deleted",false,"label",[19],{"_33":101,"_13":102,"_35":103,"_37":-5,"_38":39,"_40":104,"_42":43,"_44":105,"_17":106,"_47":107,"_48":-5,"_50":51,"_52":-5,"_67":108,"_18":109},{"_33":92,"_13":93,"_35":94,"_37":-5,"_38":39,"_40":95,"_42":43,"_44":96,"_17":97,"_47":24,"_48":98,"_50":51,"_52":-5,"_67":99,"_18":100},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":89,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_67":90,"_18":91},{"_33":81,"_13":82,"_35":83,"_37":-5,"_38":39,"_40":84,"_42":43,"_44":85,"_17":75,"_47":24,"_48":86,"_50":51,"_52":-5,"_67":87,"_18":88},{"_33":70,"_13":71,"_35":72,"_37":-5,"_38":39,"_40":73,"_42":43,"_44":74,"_17":75,"_47":76,"_48":77,"_50":51,"_52":78,"_67":79,"_18":80},{"_33":60,"_13":61,"_35":62,"_37":-5,"_38":39,"_40":63,"_42":43,"_44":64,"_17":65,"_47":24,"_48":66,"_50":51,"_52":-5,"_67":68,"_18":69},"dc299a70-b0bb-4d37-a49e-a055003e5264","style.css","762ba47e-b146-11f1-a9e9-1607ee4eb77e",74,["D",1789522637452],12,"@import url(\"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Inter:wght@300;400;500&display=swap\");\n\n:root {\n --green-deep: #4a7038;\n --green: #6b9b4a;\n --green-soft: #c9dbaa;\n --avocado: #f0f6e6;\n --avocado-deep: #d7e8ba;\n --glow: #e0eed0;\n --ink: #2c3a24;\n --muted: #71835f;\n}\n\n* {\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n font-family: \"Inter\", system-ui, sans-serif;\n color: var(--ink);\n background: linear-gradient(180deg, #e2eecd 0%, #eef5e0 45%, #d9e9bf 100%);\n background-attachment: fixed;\n line-height: 1.7;\n overflow-x: hidden;\n}\n\nh1,\nh2,\nem {\n font-family: \"Cormorant Garamond\", Georgia, serif;\n font-weight: 600;\n line-height: 1.15;\n}\n\n/* ---------- floating hearts ---------- */\n.hearts {\n position: fixed;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n overflow: hidden;\n}\n.hearts span {\n position: absolute;\n bottom: -60px;\n font-size: 22px;\n opacity: 0.5;\n animation: float 14s linear infinite;\n}\n.hearts span:nth-child(1) {\n left: 6%;\n animation-delay: 0s;\n font-size: 18px;\n}\n.hearts span:nth-child(2) {\n left: 24%;\n animation-delay: 3s;\n font-size: 26px;\n}\n.hearts span:nth-child(3) {\n left: 42%;\n animation-delay: 7s;\n font-size: 16px;\n}\n.hearts span:nth-child(4) {\n left: 61%;\n animation-delay: 1.5s;\n font-size: 24px;\n}\n.hearts span:nth-child(5) {\n left: 78%;\n animation-delay: 5s;\n font-size: 20px;\n}\n.hearts span:nth-child(6) {\n left: 91%;\n animation-delay: 9s;\n font-size: 28px;\n}\n\n@keyframes float {\n 0% {\n transform: translateY(0) rotate(0deg);\n opacity: 0;\n }\n 10% {\n opacity: 0.6;\n }\n 100% {\n transform: translateY(-105vh) rotate(25deg);\n opacity: 0;\n }\n}\n\n/* ---------- gate page ---------- */\n.gate {\n display: grid;\n place-items: center;\n min-height: 100vh;\n padding: 24px;\n background:\n radial-gradient(1100px 700px at 50% -15%, var(--avocado-deep) 0%, rgba(215,\n 232, 186, 0) 72%),\n linear-gradient(170deg, #e6f0d3 0%, #f4f9ec 50%, #dfecc9 100%);\n background-attachment: fixed;\n}\n\n.gate-card {\n position: relative;\n z-index: 1;\n width: 100%;\n max-width: 460px;\n padding: 44px 34px;\n text-align: center;\n background: #fff;\n border-radius: 24px;\n box-shadow: 0 30px 70px -30px rgba(74, 112, 56, 0.35);\n}\n\n.eyebrow {\n margin: 0 0 10px;\n font-size: 12px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: var(--green-deep);\n}\n\n.gate-card h1 {\n font-size: clamp(30px, 6vw, 40px);\n margin: 0 0 12px;\n}\n\n.sub {\n color: var(--muted);\n margin: 0 0 28px;\n font-size: 15px;\n}\n\n.code-form {\n display: grid;\n gap: 12px;\n}\n\n.code-form input {\n padding: 15px 18px;\n font-size: 16px;\n font-family: inherit;\n text-align: center;\n letter-spacing: 0.08em;\n border: 1.5px solid var(--green-soft);\n border-radius: 14px;\n background: var(--avocado);\n outline: none;\n}\n.code-form input:focus {\n border-color: var(--green);\n background: #fff;\n}\n\n.code-form button {\n padding: 15px 18px;\n font-family: inherit;\n font-size: 16px;\n font-weight: 500;\n color: #fff;\n background: linear-gradient(135deg, #8bbf63, var(--green-deep));\n border: 0;\n border-radius: 14px;\n cursor: pointer;\n transition: transform 0.15s ease, box-shadow 0.15s ease;\n}\n.code-form button:hover {\n transform: translateY(-2px);\n box-shadow: 0 14px 26px -12px rgba(74, 112, 56, 0.7);\n}\n\n.error {\n color: var(--green-deep);\n font-size: 14px;\n margin: 16px 0 0;\n}\n\n.hint {\n margin: 26px 0 0;\n padding-top: 18px;\n border-top: 1px dashed var(--green-soft);\n font-size: 13px;\n color: var(--muted);\n}\n.hint code {\n background: var(--avocado);\n padding: 2px 6px;\n border-radius: 6px;\n}\n\n/* ---------- birthday page ---------- */\n.home {\n position: relative;\n}\n\n.home .hero,\n.home section,\n.home footer {\n position: relative;\n z-index: 1;\n}\n\n.hero {\n min-height: 92vh;\n display: grid;\n align-content: center;\n justify-items: center;\n text-align: center;\n padding: 80px 24px;\n /* no extra glow here — the page wash shows through unchanged */\n background: transparent;\n}\n.hero h1 {\n font-size: clamp(38px, 9vw, 78px);\n margin: 0 0 18px;\n}\n.hero h1 em {\n color: var(--green-deep);\n}\n.hero .sub {\n max-width: 460px;\n font-size: 17px;\n}\n\n.scroll-cue {\n margin-top: 34px;\n font-size: 22px;\n color: var(--green-deep);\n animation: bob 2s ease-in-out infinite;\n}\n@keyframes bob {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(9px);\n }\n}\n\n.card {\n max-width: 680px;\n margin: 0 auto 46px;\n padding: 40px 34px;\n background: #fff;\n border-radius: 22px;\n box-shadow: 0 24px 60px -34px rgba(74, 112, 56, 0.35);\n}\n.card h2 {\n font-size: clamp(24px, 4vw, 32px);\n margin: 0 0 18px;\n color: var(--green-deep);\n}\n.card p {\n margin: 0 0 16px;\n}\n\n.signature {\n font-size: 18px;\n color: var(--muted);\n}\n\n.memories ol {\n padding-left: 22px;\n margin: 0;\n}\n.memories li {\n margin-bottom: 8px;\n}\n\n.wish {\n text-align: center;\n}\n.wish .big {\n font-family: \"Cormorant Garamond\", Georgia, serif;\n font-size: clamp(28px, 5vw, 40px);\n color: var(--green-deep);\n margin-top: 22px;\n}\n\n/* ---------- gallery ---------- */\n.gallery {\n max-width: 1040px;\n margin: 0 auto 56px;\n padding: 0 24px;\n text-align: center;\n}\n.gallery h2 {\n font-size: clamp(26px, 4vw, 36px);\n color: var(--green-deep);\n margin: 0 0 8px;\n}\n.section-sub {\n color: var(--muted);\n margin: 0 0 30px;\n font-size: 15px;\n}\n\n.grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 22px;\n}\n.grid figure {\n margin: 0;\n background: #fff;\n padding: 12px 12px 16px;\n border-radius: 18px;\n box-shadow: 0 22px 50px -30px rgba(74, 112, 56, 0.4);\n transform: rotate(-1deg);\n transition: transform 0.25s ease;\n}\n.grid figure:nth-child(even) {\n transform: rotate(1.2deg);\n}\n.grid figure:hover {\n transform: rotate(0deg) translateY(-6px);\n}\n.grid img {\n width: 100%;\n aspect-ratio: 4 / 5;\n object-fit: cover;\n border-radius: 12px;\n display: block;\n}\n.grid figcaption {\n margin-top: 12px;\n font-family: \"Cormorant Garamond\", Georgia, serif;\n font-size: 18px;\n color: var(--muted);\n}\n\nfooter {\n text-align: center;\n padding: 40px 24px 70px;\n color: var(--muted);\n font-size: 14px;\n} /* ---------- unlock transition overlay ---------- */\n.unlock-overlay {\n position: fixed;\n inset: 0;\n z-index: 50;\n display: grid;\n place-content: center;\n justify-items: center;\n gap: 12px;\n text-align: center;\n font-family: \"Cormorant Garamond\", Georgia, serif;\n font-size: clamp(20px, 4vw, 28px);\n color: var(--green-deep);\n background:\n radial-gradient(900px 600px at 50% 40%, var(--avocado-deep) 0%, rgba(215,\n 232, 186, 0) 70%),\n linear-gradient(170deg, #e6f0d3 0%, #f4f9ec 50%, #dfecc9 100%);\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.45s ease;\n}\n.unlock-overlay.show {\n opacity: 1;\n pointer-events: auto;\n}\n.unlock-overlay .overlay-emoji {\n font-size: clamp(40px, 9vw, 64px);\n margin: 0;\n animation: pulse 1.1s ease-in-out infinite;\n}\n.unlock-overlay p {\n margin: 0;\n}\n\n@keyframes pulse {\n 0%,\n 100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.18);\n }\n}\n\n.code-form button:disabled {\n opacity: 0.7;\n cursor: progress;\n}\n\n/* ---------- big birthday hero ---------- */\n.emoticons {\n margin: 0 0 4px;\n font-size: clamp(20px, 4vw, 30px);\n letter-spacing: 0.26em;\n}\n.emoticons.small {\n margin: 26px 0 0;\n font-size: clamp(16px, 3vw, 22px);\n opacity: 0.85;\n}\n\n.mega {\n font-family: \"Cormorant Garamond\", Georgia, serif;\n font-weight: 600;\n font-size: clamp(52px, 15vw, 150px);\n line-height: 0.95;\n letter-spacing: -0.02em;\n color: var(--green-deep);\n margin: 6px 0 14px;\n text-shadow: 0 20px 45px rgba(74, 112, 56, 0.18);\n}\n\n.name-line {\n font-family: \"Cormorant Garamond\", Georgia, serif;\n font-style: italic;\n font-size: clamp(18px, 3.4vw, 26px);\n color: var(--muted);\n margin: 0 0 24px;\n}\n\n.lead {\n max-width: 620px;\n margin: 0 auto;\n font-size: clamp(16px, 2.2vw, 18px);\n line-height: 1.85;\n}\n\n/* ---------- page entrance ---------- */\nbody.home {\n animation: fadeIn 0.9s ease both;\n /* exactly the same pale-green wash as the password page */\n background:\n radial-gradient(1100px 700px at 50% -15%, var(--avocado-deep) 0%, rgba(215,\n 232, 186, 0) 72%),\n linear-gradient(170deg, #e6f0d3 0%, #f4f9ec 50%, #dfecc9 100%);\n background-attachment: fixed;\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n.hero > * {\n animation: rise 0.85s cubic-bezier(0.22, 1, 0.36, 1) both;\n}\n.hero > *:nth-child(1) {\n animation-delay: 0.05s;\n}\n.hero > *:nth-child(2) {\n animation-delay: 0.15s;\n}\n.hero > *:nth-child(3) {\n animation-delay: 0.28s;\n}\n.hero > *:nth-child(4) {\n animation-delay: 0.42s;\n}\n.hero > *:nth-child(5) {\n animation-delay: 0.55s;\n}\n.hero > *:nth-child(6) {\n animation-delay: 0.68s;\n}\n\n@keyframes rise {\n from {\n opacity: 0;\n transform: translateY(18px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.gate-card {\n animation: rise 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;\n}/* ---------- click to reveal surprises ---------- */\n.spoiler {\n margin: 30px auto 0;\n max-width: 520px;\n text-align: left;\n}\n\n.spoiler summary {\n cursor: pointer;\n list-style: none;\n display: inline-block;\n padding: 12px 22px;\n border: 1.5px dashed var(--green-soft);\n border-radius: 999px;\n font-family: \"Cormorant Garamond\", Georgia, serif;\n font-size: clamp(17px, 2.6vw, 21px);\n color: var(--green-deep);\n transition: background 0.2s ease, transform 0.15s ease, border-color 0.2s ease;\n}\n/* hide the default triangle in every browser */\n.spoiler summary::-webkit-details-marker {\n display: none;\n}\n.spoiler summary::marker {\n content: \"\";\n}\n.spoiler summary:hover {\n background: var(--avocado);\n transform: translateY(-2px);\n}\n\n.spoiler[open] summary {\n background: var(--avocado);\n border-style: solid;\n border-color: var(--green);\n}\n\n.spoiler-body {\n margin-top: 18px;\n padding: 22px 24px;\n background: var(--avocado);\n border-radius: 18px;\n animation: rise 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;\n}\n.spoiler-body p {\n margin: 0;\n}\n.spoiler-body p + p {\n margin-top: 14px;\n}","children",[],[61],"6bf4d173-bd55-4a4b-99d5-c1e7a0c275b5","main.ts","761c9e5c-b146-11f1-a9e9-1607ee4eb77e",70,["D",1789508516982],15,"http","import { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\n// 🔐 CHANGE THIS to your own secret code (any word or phrase you like)\nconst SECRET_CODE = \"NAOKI\";\n// Any extra secret string. It just salts the unlock token — change it if you like.\nconst SALT = \"happy-birthday-2026\";\nconst COOKIE_NAME = \"bday_pass\";\n\n// 🚪 The site only exists at this path. Everything else — including the bare\n// domain — is a 404, so a stranger who finds the domain sees nothing at all.\n// Change it to whatever you like; it's just a URL path.\nconst SECRET_PATH = \"/awppys-biscuit\";\n\nasync function sha256Hex(input: string): Promise {\n const digest = await crypto.subtle.digest(\n \"SHA-256\",\n new TextEncoder().encode(input),\n );\n return [...new Uint8Array(digest)]\n .map((b) => b.toString(16).padStart(2, \"0\"))\n .join(\"\");\n}\n\n// The token that appears in the URL once the right code is entered.\n// It can't be guessed without knowing SECRET_CODE.\nconst TOKEN = await sha256Hex(`${SECRET_CODE}:${SALT}`);\n\nfunction json(body: unknown, headers: Record = {}): Response {\n return new Response(JSON.stringify(body), {\n headers: { \"content-type\": \"application/json\", ...headers },\n });\n}\n\nfunction cookieUnlocked(req: Request): boolean {\n return (req.headers.get(\"cookie\") ?? \"\").includes(`${COOKIE_NAME}=${TOKEN}`);\n}\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n // Stylesheet — served with no-store so browsers never show a stale palette.\n if (url.pathname === \"/style.css\") {\n const css = await readFile(\"style.css\", import.meta.url);\n return new Response(css, {\n headers: {\n \"content-type\": \"text/css; charset=utf-8\",\n \"cache-control\": \"no-store, no-cache, must-revalidate\",\n },\n });\n }\n\n // The gate: check the code they typed. Returns JSON so the page can\n // navigate itself — a plain form POST + redirect gets swallowed inside\n // preview iframes, which made it look like nothing happened.\n if (url.pathname === \"/unlock\" && req.method === \"POST\") {\n const raw = await req.text();\n let typed = \"\";\n try {\n typed = String(JSON.parse(raw)?.code ?? \"\");\n } catch {\n typed = new URLSearchParams(raw).get(\"code\") ?? \"\";\n }\n typed = typed.trim().toUpperCase();\n\n if (typed !== SECRET_CODE.toUpperCase()) {\n return json({ ok: false });\n }\n\n return json({\n ok: true,\n token: TOKEN,\n // Where the page should send them next. Keeps the secret path in one place.\n next: `${SECRET_PATH}?k=${TOKEN}`,\n }, {\n // Also set a cookie, so coming back stays unlocked where cookies are\n // allowed. The URL token is what actually does the work.\n \"set-cookie\":\n `${COOKIE_NAME}=${TOKEN}; Path=/; HttpOnly; SameSite=Lax; Max-Age=2592000`,\n });\n }\n\n // Only the secret path serves the site. Anything else is a 404.\n if (url.pathname !== SECRET_PATH) {\n return new Response(\"Not found\", { status: 404 });\n }\n\n const unlocked = url.searchParams.get(\"k\") === TOKEN || cookieUnlocked(req);\n return await serveFile(unlocked ? \"home.html\" : \"index.html\", import.meta.url);\n}","dani-x7k2m9",[],[71],"24a2066a-5cf3-4524-ab7f-18ab78909bdd","index.html","7621ae60-b146-11f1-a9e9-1607ee4eb77e",76,["D",1789522637549],"\n\n \n \n \n 🔒 A Secret Just For You\n \n \n \n

\n 💚🌿🤍💛💚🍃\n

\n\n

Top secret

This site is locked.
Figure out the password!

\n For my baby.

\n\n

\n\n \n

💚

Here we go!

\n\n \n \n",[],[82],["D",1789531183833],[],[19],"cd6c36d7-4333-468d-8c21-8c460ed333ba","README.md","77f0657e-b146-11f1-a247-1607ee4eb77e",29,["D",1789505650290],1,"# 💚 Happy Birthday — Secret Code Site\n\nA romantic birthday website that stays locked until someone types the secret code.\nOnce they're in, they land on a page with a huge **Happy Birthday** heading, a\nparagraph written just for them, a photo gallery, and a list of reasons you love them.\n\n[Open the site](url:main.ts) · the code is **`ILOVEYOU`** (the hint on the page has\nbeen removed, so keep this somewhere safe)\n\n## How it works\n\n```mermaid\nflowchart LR\n A[Visitor] --> B{Code correct?}\n B -- no --> C[index.html
the locked gate]\n B -- yes --> D[\"/?k=TOKEN
the birthday page\"]\n D --> E[Cookie remembers them
for 30 days]\n```\n\n1. They type the code into the gate and hit **Unlock my surprise**.\n2. The page `fetch`es `/unlock`. The server compares the code and, if it matches,\n replies with a secret token (`sha256` of the code + salt — not guessable).\n3. The page shows an *\"Unlocking your surprise…\"* overlay, then navigates to\n `/?k=TOKEN`, which serves the birthday page.\n4. A cookie is also set, so returning to `/` stays unlocked where cookies work.\n\nThe token-in-the-URL step is deliberate: a plain form POST + redirect gets\nswallowed inside preview iframes, which made it look like nothing happened.\n\n## Files\n\n- `main.ts` — the HTTP handler: checks the code, issues the token, serves the right page.\n- `index.html` — the locked gate, with the unlock animation overlay.\n- `home.html` — the birthday site: big heading, paragraph, letter, gallery, wishes.\n- `style.css` — the pale avocado palette, floating hearts, polaroid grid, entrance animations.\n\n## Make it yours\n\n**1. Change the secret code** — edit `SECRET_CODE` at the top of `main.ts`.\n\n**2. Add your photos** — in `home.html`, swap the `picsum.photos` URLs for your own.\nEasiest way: drag your photos into the val as files (e.g. `photos/us1.jpg`), then use\n`

`. Add or remove `

` blocks freely.\n\n**3. Rewrite the words** — the four `` sections in `home.html`\nare the paragraph under the big heading, the letter, the reasons list, and the closing wish.\n\n**4. Share it** — send them the link and the code. They only need to type it once.\n\n## Tweaking the look\n\nEvery colour lives in one place — the `:root` block at the top of `style.css`:\n\n| Token | Value | Used for |\n|---|---|---|\n| `--green-deep` | `#4a7038` | headings, the big \"Happy Birthday\", button |\n| `--green` | `#6b9b4a` | input focus |\n| `--green-soft` | `#c9dbaa` | borders, dashed rule |\n| `--avocado-deep` | `#d7e8ba` | the glow at the top of each page |\n| `--avocado` | `#f0f6e6` | input backgrounds |\n| `--ink` / `--muted` | `#2c3a24` / `#71835f` | body text / secondary text |\n\nThe page washes themselves are the `background:` rules on `body`, `.gate`, and\n`body.home`. If you change the palette, bump `?v=` on the `` in both HTML\nfiles so browsers fetch the new stylesheet instead of a cached copy.",[],[93],"cd6dbc95-8b3c-4b47-8d40-dfd5f37b614b","photos","db458e68-b148-11f1-9e1f-1607ee4eb77e",41,["D",1789506189965],0,"directory",[110,111],[102],{"_33":121,"_13":122,"_35":123,"_37":103,"_38":39,"_40":124,"_42":43,"_44":125,"_17":106,"_47":117,"_48":118,"_50":51,"_52":-5,"_67":126,"_18":127},{"_33":112,"_13":113,"_35":114,"_37":103,"_38":39,"_40":115,"_42":43,"_44":116,"_17":106,"_47":117,"_48":118,"_50":51,"_52":-5,"_67":119,"_18":120},"6835f96a-90be-412c-aace-051f55c3419b","new-file-2969.ts","46e524c6-b149-11f1-a4d0-1607ee4eb77e",45,["D",1789506370526],"script","",[],[102,113],"7c02043f-ee39-403d-9fb0-ca5b172f8336","new-file-2334.ts","4d1d16a0-b149-11f1-a971-1607ee4eb77e",46,["D",1789506380951],[],[102,122],"8337cd41-7585-469c-902b-f7896ad7e217",["D",1789505153101],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Romantic happy birthday website behind a secret code","imageUrl","userId","e97d13ed-66f7-4457-9363-c717054e7c66","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","01a0a6d0-be49-75a8-9cca-08169ba42227","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_182":178},"org",{"_11":12,"_175":176,"_177":178,"_138":139,"_179":180,"_181":51},"branch",{"_17":41,"_13":16,"_33":39,"_167":128,"_168":-5,"_169":-5,"_170":-5,"_171":-5,"_172":-5,"_173":14,"_174":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Dani","avatar","https://lh3.googleusercontent.com/a/ACg8ocL4g59K5Qny8WfaDY1mIuDmki183i-0Fs6Ov-F1bzy6RIt1sLsQ=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":128,"_13":14,"_44":236,"_130":-5,"_131":51,"_132":133,"_134":133,"_135":136,"_137":-5,"_138":139,"_140":72,"_141":43,"_142":-5,"_143":-5,"_144":106,"_145":146,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":152,"_153":152,"_154":155,"_156":155,"_157":155,"_158":152,"_159":152,"_160":237,"_162":238,"_164":239,"_166":51},[212,215,216,217,218,219],"files",[212,213,214,215,216,217,218,219],"counts",{"_203":106,"_204":97,"_205":106,"_32":206,"_207":208},[],{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_18":202},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],"pulls","branches","forks",{"_209":106,"_211":106},"connections",{"_209":106,"_210":106},"count","unfilledCount","emptyCount",{"_33":101,"_13":102,"_35":103,"_37":-5,"_38":39,"_40":104,"_42":43,"_44":105,"_17":106,"_47":107,"_48":-5,"_50":51,"_52":-5,"_67":234,"_18":235},{"_33":121,"_13":122,"_35":123,"_37":103,"_38":39,"_40":124,"_42":43,"_44":125,"_17":106,"_47":117,"_48":118,"_50":51,"_52":-5,"_67":232,"_18":233},{"_33":112,"_13":113,"_35":114,"_37":103,"_38":39,"_40":115,"_42":43,"_44":116,"_17":106,"_47":117,"_48":118,"_50":51,"_52":-5,"_67":230,"_18":231},{"_33":92,"_13":93,"_35":94,"_37":-5,"_38":39,"_40":95,"_42":43,"_44":96,"_17":97,"_47":24,"_48":98,"_50":51,"_52":-5,"_67":228,"_18":229},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":89,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_67":226,"_18":227},{"_33":81,"_13":82,"_35":83,"_37":-5,"_38":39,"_40":84,"_42":43,"_44":85,"_17":75,"_47":24,"_48":86,"_50":51,"_52":-5,"_67":224,"_18":225},{"_33":70,"_13":71,"_35":72,"_37":-5,"_38":39,"_40":73,"_42":43,"_44":74,"_17":75,"_47":76,"_48":77,"_50":51,"_52":78,"_67":222,"_18":223},{"_33":60,"_13":61,"_35":62,"_37":-5,"_38":39,"_40":63,"_42":43,"_44":64,"_17":65,"_47":24,"_48":66,"_50":51,"_52":-5,"_67":220,"_18":221},[],[61],[],[71],[],[82],[],[19],[],[93],[],[102,113],[],[102,122],[213,214],[102],["D",1789505153101],{"_11":12,"_182":178},{"_11":12,"_175":176,"_177":178,"_138":139,"_179":180,"_181":51},{"_17":41,"_13":16,"_33":39,"_167":128,"_168":-5,"_169":-5,"_170":-5,"_171":-5,"_172":-5,"_173":14,"_174":12},"ctx",{"_160":-5,"_199":273,"_274":275,"_276":277,"_278":51,"_279":51,"_280":51,"_281":43,"_282":-5,"_283":-7,"_284":-7,"_285":106,"_286":51,"_287":51,"_288":-5,"_289":51,"_290":51,"_291":51,"_292":-5},"ENV",{"_244":245,"_246":247,"_248":16,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272},"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 letter for you

Ten things I love about you

Finally,

This site is locked.Figure out the password!

This site is locked.
Figure out the password!