[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_187":188,"_189":190},"routes/_app.x.$handle.$name",{"_97":96,"_32":44,"_105":84,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":118,"_119":120,"_121":48,"_122":123,"_124":25,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":48,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":-5,"_56":48,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":48},"version",5,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":20,"_35":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":33,"_34":20,"_35":36},"deleted",true,"deletedHere","path","static/style.css","latestPath","fileId","019c088c-0099-77e6-9465-7997607e1efd","name","style.css","fileType","content","@import url(\"https://fonts.googleapis.com/css2?family=BBH+Bartle&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=BBH+Bogle&display=swap\");\n\n* {\n box-sizing: border-box;\n}\n\n*:not(input) {\n user-select: none;\n}\n\nhtml, body {\n margin: 0;\n padding: 0;\n}\n\nbody {\n height: 100vh;\n max-height: 100vh;\n overflow: hidden;\n color-scheme: dark;\n color: pink;\n background-image: radial-gradient(\n farthest-corner circle at top left,\n #f41183 0%,\n 26%,\n #cd008a 0%,\n 46%,\n #9800b7 0%,\n 60%,\n #5100b3 0%,\n 82%,\n #2a0073 0%\n );\n font-family: \"BBH Bogle\", sans-serif;\n\n display: grid;\n grid-template-areas:\n \"header\"\n \"toolbar\"\n \"main\";\n grid-template-rows: auto auto 1fr;\n\n header {\n grid-area: header;\n }\n\n aside {\n grid-area: toolbar;\n background-color: #f41183;\n padding: 0.5em;\n display: grid;\n gap: 1em;\n grid-template-columns: repeat(3, max-content);\n justify-content: center;\n\n button {\n font-size: 1.2em;\n padding-inline: 1em;\n }\n }\n\n main {\n grid-area: main;\n }\n}\n\nheader {\n display: grid;\n grid-template-columns: 20vw 1fr 20vw;\n padding: 1em;\n align-items: center;\n background-color: hsl(261.9, 100%, 22.5%);\n\n h1 {\n grid-column: 2 / 3;\n margin: 0;\n }\n\n button {\n grid-column: 3 / 4;\n font-size: 2em;\n justify-self: end;\n align-self: center;\n padding: 0 10px;\n }\n\n #state {\n color: #f41183;\n }\n}\n\nh1 {\n text-align: center;\n}\n\nmain {\n display: grid;\n container-type: size;\n padding: 1em;\n overflow-y: auto;\n}\n\n.scoreboard:not(:empty) {\n grid-template-columns: max-content max-content;\n column-gap: 1em;\n justify-content: center;\n background-color: rgb(42, 0, 115);\n border: 8px solid #9800b7;\n\n list-style: none;\n padding: 0;\n margin-inline: auto;\n width: max-content;\n max-width: min(90vw, 500px);\n\n align-self: start;\n font-size: 1.2em;\n\n & > li {\n display: grid;\n grid-template-columns: subgrid;\n grid-column: 1 / -1;\n font-size: 1.5em;\n padding: 0.5em 0.5em 0.5em 1em;\n\n & + li {\n border-top: 2px solid;\n }\n\n .player-score {\n font-weight: bold;\n background-color: gold;\n color: #2a0073;\n padding-inline: 0.5em;\n text-align: center;\n\n &:has(button) {\n display: inline-flex;\n align-items: center;\n\n gap: 0.2em;\n padding-inline: 0;\n\n & button {\n padding: 0.5em;\n }\n\n & span {\n flex: 1;\n }\n }\n }\n }\n}\n\n#btn-buzz {\n font-size: 15cqmin;\n font-family: \"BBH Bartle\", sans-serif;\n width: 95cqmin;\n aspect-ratio: 1 / 1;\n border-radius: 50%;\n background: radial-gradient(\n farthest-corner circle in oklab,\n #3d00a6 0%,\n #0c0022 100%\n );\n border: 8px solid #f41183;\n box-shadow: 0px 0px 34px 1px rgb(17, 0, 47);\n animation: heartbeat 1s infinite;\n\n &:disabled {\n animation: none;\n filter: saturate(40%);\n color: currentColor;\n }\n}\n\n.my-name:empty + #btn-edit-name {\n display: none;\n}\n\nmain > * {\n display: none;\n}\n\nmain[data-state=\"PENDING\"],\nmain[data-state=\"FOUND\"],\nmain.admin:not([data-state=\"BUZZ\"]) {\n .scoreboard {\n display: grid;\n }\n}\n\nmain[data-state=\"PLAYING\"] {\n grid-template-columns: 1fr;\n align-items: center;\n justify-items: center;\n\n #btn-buzz {\n display: block;\n }\n}\n\nmain[data-state=\"BUZZ\"] {\n #buzzscreen {\n display: grid;\n }\n}\n\n#buzzscreen {\n background-color: #2a0073;\n animation: buzz 0.1s 5;\n text-align: center;\n grid-template-areas:\n \"title title\"\n \"buzzer buzzer\"\n \"reaction reaction\"\n \"points timer\"\n \"artist footer\";\n\n font-family: \"BBH Bogle\", sans-serif;\n font-size: 1.5em;\n align-content: center;\n\n padding: max(5cqmin, 20px);\n grid-template-columns: 50% 50%;\n align-self: center;\n\n &.active {\n background-color: #00b784;\n border: 10px solid #cd008a;\n color: #2a0073;\n }\n\n .title {\n grid-area: title;\n }\n\n .player {\n font-family: \"BBH Bartle\", sans-serif;\n font-size: 2em;\n word-wrap: anywhere;\n color: #f41183;\n margin: 0;\n grid-area: buzzer;\n line-height: 0.8; \n }\n\n .reaction-time {\n grid-area: reaction;\n }\n\n .buzz-points {\n grid-area: points;\n font-family: \"BBH Bartle\", sans-serif;\n font-size: 2em;\n background-color: gold;\n color: #2a0073;\n\n line-height: 1;\n &::before {\n content: \"pour\";\n }\n\n &::after {\n content: \"points\";\n }\n\n &[data-points=\"1\"]::after {\n content: \"point\";\n }\n\n &::before, &::after {\n display: block;\n font-family: \"BBH Bogle\", sans-serif;\n font-size: 0.5em;\n }\n}\n\n .buzz-timer {\n grid-area: timer;\n font-family: \"BBH Bartle\", sans-serif;\n font-size: 2em;\n font-variant-numeric: tabular-nums;\n align-self: center;\n\n &::after {\n content: \"s\";\n font-family: \"BBH Bogle\", sans-serif;\n font-size: 0.5em;\n }\n }\n\n .artist {\n grid-area: artist;\n }\n\n footer {\n grid-area: footer;\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-gap: 2em;\n\n button {\n font-size: 2em;\n }\n }\n}\n\n@keyframes buzz {\n 0% {\n transform: translate(0, 0) rotate(0deg);\n }\n\n 25% {\n transform: translate(5px, 5px) rotate(5deg);\n }\n\n 50% {\n transform: translate(0, 0) rotate(0eg);\n }\n\n 75% {\n transform: translate(-5px, 5px) rotate(-5deg);\n }\n\n 100% {\n transform: translate(0, 0) rotate(0deg);\n }\n}\n\n@keyframes heartbeat {\n 50% {\n transform: scale(0.97);\n }\n}","createdAt",["D",1769670046604],"branchVersion","branchId","f056224a-fcdf-11f0-a636-42dde27851f2","id","f0501ab2-fcdf-11f0-a636-42dde27851f2","reporting-api",["D",1769669918806],"deletedAt","legacyEnvVars",false,"privacy","public","httpPrivacy","description","imageUrl","ea097340-5b29-11f0-b0a0-21ea95346041","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","ea097341-5b29-11f0-b0a0-21ea95346041","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":54,"_101":102,"_103":48},"branch",{"_13":83,"_32":84,"_42":41,"_85":43,"_86":87,"_88":89,"_90":50,"_91":92,"_93":62,"_94":44,"_95":96},"isOwned",36,"main","projectId","forkedBranchId","4f337816-df72-11f0-a0dc-42dde27851f2","forkedBranchVersion",555,"forkedProjectPrivacy","forkedProjectId","4f3336bc-df72-11f0-a0dc-42dde27851f2","forkedProjectOrgId","projectName","userHandle","nchevobbe","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yelh1QWE2ZkhrRVdmVTlrU2NqZklwZ0RJaVcifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":183,"_46":-5,"_47":48,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":-5,"_56":48,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":184,"_78":185,"_80":186,"_82":48},"tree",[165,167],"files",[165,166,167],"counts",{"_155":60,"_156":142,"_157":60,"_158":159,"_160":161},"contents",[136,137],"upstreamProject",{"_42":92,"_32":134,"_52":-5,"_53":-5,"_49":50,"_76":135},"upstreamBranch",{"_42":87,"_37":129,"_130":131,"_32":84,"_85":92,"_13":89,"_86":-5,"_88":-5,"_132":133,"_46":-5,"_82":48,"_49":50,"_95":96,"_61":62,"_94":134},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1766434249647],"updatedAt",["D",1766924159534],"lockfileKey","1766924162908-esm.town_v_nchevobbe_blind-test@555-main","blind-test",{"_97":96,"_104":100},{"_42":149,"_32":150,"_30":151,"_141":-5,"_40":41,"_39":142,"_143":25,"_37":152,"_13":60,"_34":153,"_35":-5,"_24":48,"_147":-5,"_27":154},{"_42":138,"_32":139,"_30":140,"_141":-5,"_40":41,"_39":142,"_143":48,"_37":144,"_13":60,"_34":145,"_35":146,"_24":48,"_147":-5,"_27":148},"f05f1fb2-fcdf-11f0-a636-42dde27851f2","server.js","019c088c-0099-77e6-9465-81840457796c","parentId",1,"latest",["D",1769669918806],"http","/** @jsxImportSource npm:hono@3/jsx */\n\n// Third Party\nimport { Hono } from \"npm:hono@3\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { readFileTranspiled } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst BLOB_KEY_ADMIN_PEER_ID = \"admin-peer-id\";\n\nconst app = new Hono();\napp.get(\"/\", async (c) => {\n const text = await readFileTranspiled(\n \"./static/client.html\",\n import.meta.url,\n );\n return new Response(text, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n});\n\napp.get(\"/admin\", async (c) => {\n const text = await readFileTranspiled(\n \"./static/admin.html\",\n import.meta.url,\n );\n\n const correctSoundDataUrl = await readFileTranspiled(\n \"./static/sounds/correct.txt\",\n import.meta.url,\n );\n const incorrectSoundDataUrl = await readFileTranspiled(\n \"./static/sounds/incorrect.txt\",\n import.meta.url,\n );\n const timeoutSoundDataUrl = await readFileTranspiled(\n \"./static/sounds/timeout.txt\",\n import.meta.url,\n );\n \n return new Response(\n text\n .replace(\"__SOUND_CORRECT__\", correctSoundDataUrl)\n .replace(\"__SOUND_INCORRECT__\", incorrectSoundDataUrl)\n .replace(\"__SOUND_TIMEOUT__\", timeoutSoundDataUrl), \n {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n});\n\napp.get(\"/style.css\", async (c) => {\n const text = await readFileTranspiled(\n \"./static/style.css\",\n import.meta.url,\n );\n return new Response(text, {\n headers: {\n \"Content-Type\": \"text/css\",\n },\n });\n});\n\napp.get(\"/favicon.svg\", () => {\n const text = ``;\n return new Response(text, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n },\n })\n});\n\napp.get(\"/admin-peer\", async (c) => {\n const { id } = c.req.query();\n await blob.setJSON(BLOB_KEY_ADMIN_PEER_ID, id);\n return c.json({ success: true });\n});\n\n\napp.get(\"/peer\", async (c) => {\n const peerId = await blob.getJSON(BLOB_KEY_ADMIN_PEER_ID);\n return c.json({ success: true, peerId });\n});\n\nexport default app.fetch;","label",[139],"f05f1e2c-fcdf-11f0-a636-42dde27851f2","static","019c088c-0099-77e6-9465-7e594a3595b8",["D",1769669918806],"directory",[150],"pulls","branches","forks","envVars",{"_162":60,"_164":60},"connections",{"_162":60,"_163":60},"count","unfilledCount","emptyCount",{"_42":149,"_32":150,"_30":151,"_141":-5,"_40":41,"_39":142,"_143":25,"_37":180,"_13":60,"_34":153,"_35":-5,"_24":48,"_147":-5,"_169":181,"_27":182},{"_42":172,"_32":173,"_30":174,"_141":151,"_40":41,"_39":175,"_143":48,"_37":176,"_13":142,"_34":20,"_35":177,"_24":48,"_147":-5,"_169":178,"_27":179},{"_42":138,"_32":139,"_30":140,"_141":-5,"_40":41,"_39":142,"_143":48,"_37":168,"_13":60,"_34":145,"_35":146,"_24":48,"_147":-5,"_169":170,"_27":171},["D",1769669918806],"children",[],[139],"390d3a6e-fce0-11f0-a07f-42dde27851f2","index.html","019c088c-0099-77e6-9465-753eef29d16d",4,["D",1769670040841],"\n\n \n BlindTest Amis Pour La Vie\n \n \n \n \n \n \n

BlindTest

\n \n

\n Buzz de\n

\n \n \n \n

\n \n \n",[],[150,173],["D",1769669918806],[166],[150],["D",1769669918806],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":54,"_101":102,"_103":48},{"_13":83,"_32":84,"_42":41,"_85":43,"_86":87,"_88":89,"_90":50,"_91":92,"_93":62,"_94":44,"_95":96},"ctx",{"_76":-5,"_126":220,"_221":222,"_223":224,"_225":48,"_226":48,"_227":48,"_228":25,"_229":-5,"_230":-7,"_231":-7,"_232":60,"_233":48,"_234":48,"_235":-5,"_236":48,"_237":48,"_238":48,"_239":-5},"ENV",{"_191":192,"_193":194,"_195":84,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219},"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 · v5