Veux-tu aller voir le feu d'artifice et aller au bowling avec moi demain ? 🎆🎳

\n \n \n

\n \n",["D",1787340337495],"branchVersion","label",[18],"pulls","branches","forks","envVars",{"_167":26,"_169":26},"connections",{"_167":26,"_168":26},"count","unfilledCount","emptyCount",{"_33":211,"_13":212,"_66":213,"_43":-5,"_35":36,"_157":40,"_180":94,"_37":214,"_39":26,"_68":21,"_154":215,"_69":24,"_158":-5,"_183":216,"_17":217},{"_33":204,"_13":205,"_66":206,"_43":-5,"_35":36,"_157":40,"_180":94,"_37":207,"_39":26,"_68":21,"_154":208,"_69":24,"_158":-5,"_183":209,"_17":210},{"_33":153,"_13":18,"_66":67,"_43":-5,"_35":36,"_157":75,"_180":94,"_37":201,"_39":40,"_68":21,"_154":155,"_69":24,"_158":-5,"_183":202,"_17":203},{"_33":194,"_13":195,"_66":92,"_43":-5,"_35":36,"_157":40,"_180":94,"_37":196,"_39":26,"_68":197,"_154":198,"_69":24,"_158":14,"_183":199,"_17":200},{"_33":186,"_13":187,"_66":188,"_43":-5,"_35":36,"_157":117,"_180":94,"_37":189,"_39":40,"_68":190,"_154":191,"_69":24,"_158":-5,"_183":192,"_17":193},{"_33":176,"_13":177,"_66":178,"_43":-5,"_35":36,"_157":179,"_180":94,"_37":181,"_39":40,"_68":21,"_154":182,"_69":24,"_158":-5,"_183":184,"_17":185},"338f8a43-8918-43e6-b20a-22fe1a129477","style.css","01a025c9-1916-7619-a5a7-5eb8f1732061",3,"latest",["D",1787340350388],"/* CSS files add styling rules to your content */\n\n* {\n box-sizing: border-box;\n}\n\nhtml, body {\n height: 100%;\n margin: 0;\n}\n\nbody {\n font-family: 'Segoe UI', Arial, sans-serif;\n background: radial-gradient(circle at 50% 30%, #1b2a57, #0a0f2c 70%, #05060f);\n color: #fff;\n overflow: hidden;\n}\n\n.sky {\n min-height: 100%;\n padding: 2em;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n position: relative;\n}\n\nh1 {\n font-size: clamp(2rem, 6vw, 4.5rem);\n line-height: 1.2;\n max-width: 20ch;\n margin: 0 0 0.8em;\n color: #ffe9a8;\n text-shadow: 0 0 20px rgba(255, 200, 80, 0.6), 0 4px 12px rgba(0,0,0,0.6);\n animation: fadeIn 1.5s ease;\n}\n\n/* Fireworks animation */\n.sky::before, .sky::after {\n content: '';\n position: absolute;\n border-radius: 50%;\n line-height: 0;\n}\n\n.sky::before {\n width: 8px; height: 8px;\n background: #feda75;\n top: 20%; left: 18%;\n box-shadow:\n 20px 30px #ff6b6b, -25px 15px #6bc5ff, 35px -20px #a7ff83,\n -40px 25px #ff9de2, 10px -35px #fff3b0, -15px -40px #7ce8ff,\n 50px 5px #ffb347, -55px -5px #c3ff6b, 45px -30px #ff8fd8;\n filter: blur(1px);\n animation: pop 2s ease infinite;\n}\n\n.sky::after {\n width: 8px; height: 8px;\n background: #aaffdd;\n top: 62%; right: 20%;\n box-shadow:\n -25px 20px #ffb347, 30px 35px #ff6b9d, 20px -30px #6bc5ff,\n -35px -15px #fff3b0, 40px 5px #7ce8ff, -45px 25px #ff9de2,\n -15px -45px #a7ff83, 15px -50px #fff, -50px -10px #ff6b6b;\n filter: blur(1px);\n animation: pop 2.6s ease 0.5s infinite;\n}\n\n@keyframes pop {\n 0%, 100% { opacity: 0; transform: scale(0.4); }\n 50% { opacity: 1; transform: scale(1); }\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.buttons {\n display: flex;\n gap: 1.5rem;\n flex-wrap: wrap;\n justify-content: center;\n}\n\nbutton {\n font-size: 1.3rem;\n padding: 0.9em 2em;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n font-weight: bold;\n transition: transform 0.15s ease, box-shadow 0.15s ease;\n}\n\nbutton:hover { transform: scale(1.06); }\n\n.yes {\n background: linear-gradient(135deg, #ff5f6d, #ffc371);\n color: #fff;\n box-shadow: 0 6px 20px rgba(255, 95, 109, 0.5);\n}\n\n.no {\n background: rgba(255,255,255,0.12);\n color: #ddd;\n border: 1px solid rgba(255,255,255,0.25);\n}\n\n#message {\n margin-top: 1.5em;\n font-size: 1.6rem;\n min-height: 2.4rem;\n color: #fff3b0;\n text-shadow: 0 0 15px rgba(255, 220, 100, 0.7);\n animation: fadeIn 0.5s ease;\n}","children",[],[177],"aa5a5090-28a9-4c88-b3fd-585e9f4487da","script.js","01a025c9-1916-7619-a5a7-5977b9bf7c56",["D",1787340353137],"script","/* If you're feeling fancy you can add interactivity\n to your site with Javascript.\n Note: TypeScript won't work in this file. */\n\nconst yesBtn = document.getElementById(\"yesBtn\");\nconst noBtn = document.getElementById(\"noBtn\");\nconst message = document.getElementById(\"message\");\n\nyesBtn.addEventListener(\"click\", () => {\n message.textContent = \"Youppi ! 🎉 À demain, c'est un rendez-vous ! 💖\";\n yesBtn.style.transform = \"scale(1.2)\";\n});\n\n// The \"Non\" button runs away when you try to hover or click it\nfunction flee() {\n const x = Math.random() * (window.innerWidth - 120);\n const y = Math.random() * (window.innerHeight - 60);\n noBtn.style.position = \"fixed\";\n noBtn.style.left = x + \"px\";\n noBtn.style.top = y + \"px\";\n}\n\nnoBtn.addEventListener(\"mouseover\", flee);\nnoBtn.addEventListener(\"click\", flee);\nnoBtn.addEventListener(\"touchstart\", flee);",[],[187],"11bf568f-e7de-4267-a383-26324d897127","main.tsx",["D",1787340331191],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();",[],[195],["D",1787340337495],[],[18],"e69d41ae-01b2-46c5-adb8-b2f3e98542f1","favicon.svg","01a025c9-1916-7619-a5a7-4dd34ab8b86c",["D",1787340331191],"",[],[205],"afff35dd-b0c1-4a68-9ba0-e1d66e21f6a5","README.md","01a025c9-1916-7619-a5a7-49fa25fa4ba4",["D",1787340331191],"# Welcome to Val Town\n\nVal Town is the simplest way to get code running in the cloud.\n\nThis is a basic HTML starter template.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| **[`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter)** *(you're here)* | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| [`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter) | Client-side React SPA with a Hono API backend. |\n\n## Getting started\n\n1. Click `Remix` on this val to get a copy of it\n2. Click `main.tsx` to view the website\n3. Saves to any file will instantly deploy\n\n### ← main.tsx\n\nThis HTTP server hosts all of the other files in this val.\n\nTo view your site in a new tab, click on the `...` menu of `main.tsx` to copy\nyour live HTTP endpoint.\n\n### ← README.md\n\nThat's this file, where you can tell people what your cool website does and how\nyou built it.\n\n### ← index.html\n\nWhere you'll write the content of your website.\n\n### ← style.css\n\nCSS files add styling rules to your content.\n\n### ← script.js\n\nIf you're feeling fancy you can add interactivity to your site with JavaScript.\n\n### ← favicon.svg\n\nThe icon that shows up in the brower tab. Tip: AIs are pretty good at writing\nSVG favicons.\n\n---\n\nThis template was inspired by https://glitch.new/blank.\n",[],[212],["D",1787340331191],{"_11":12,"_131":72},{"_11":12,"_126":127,"_71":72,"_30":70,"_128":129,"_130":24},{"_39":117,"_13":16,"_33":36,"_118":82,"_119":-5,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":14,"_125":12},"ctx",{"_52":-5,"_150":255,"_256":257,"_258":259,"_260":24,"_261":24,"_262":24,"_263":94,"_264":-5,"_265":-7,"_266":-7,"_267":26,"_268":24,"_269":24,"_270":-5,"_271":24,"_272":24,"_273":24,"_274":-5},"ENV",{"_226":227,"_228":229,"_230":16,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254},"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"]

History · index.html