quest/create.html

<!DOCTYPE html><html lang="en" class="dark"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/quest/_next/static/css/137cbb38f3324142.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/quest/_next/static/chunks/webpack-1f9437ee2ab1b227.js"/><script src="/quest/_next/static/chunks/1dea07e4-276798a60f2b365f.js" async=""></script><script src="/quest/_next/static/chunks/41-a18dab13f0838f50.js" async=""></script><script src="/quest/_next/static/chunks/main-app-068b14f6c48d5b76.js" async=""></script><script src="/quest/_next/static/chunks/491-3a8b0e5e8ce8efe9.js" async=""></script><script src="/quest/_next/static/chunks/app/create/page-2c84f8476614c791.js" async=""></script><meta name="theme-color" content="#000000"/><title>Lux Quest</title><meta name="description" content="Build a scavenger hunt out of real places and send it to a friend. They walk the city to solve it."/><script src="/quest/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body class="bg-black text-white flex flex-col min-h-full"><main class="mx-auto w-full max-w-2xl flex-1 px-6 py-10"><a class="text-sm text-white/40 transition hover:text-white" href="/quest">← Lux Quest</a><h1 class="mt-6 text-3xl font-semibold">Make a quest</h1><div class="mt-8 space-y-4"><label class="block"><span class="mb-1.5 block text-sm text-white/60">Name</span><input class="w-full rounded-lg border border-white/15 bg-white/[0.03] px-3 py-2 text-white placeholder:text-white/30 focus:border-white/40 focus:outline-none" placeholder="Mission murals" value=""/></label><label class="block"><span class="mb-1.5 block text-sm text-white/60">Where</span><input class="w-full rounded-lg border border-white/15 bg-white/[0.03] px-3 py-2 text-white placeholder:text-white/30 focus:border-white/40 focus:outline-none" placeholder="San Francisco" value=""/></label><label class="block"><span class="mb-1.5 block text-sm text-white/60">Prize — what they get, and how to claim it</span><textarea class="w-full rounded-lg border border-white/15 bg-white/[0.03] px-3 py-2 text-white placeholder:text-white/30 focus:border-white/40 focus:outline-none" rows="2" placeholder="Coffee at Ritual, on me. Text me a photo of the last one."></textarea><span class="mt-1.5 block text-xs text-white/40">You award this yourself — Lux Quest never holds money or hands anything out.</span></label></div><section class="mt-10"><div class="flex items-baseline justify-between"><h2 class="text-sm uppercase tracking-widest text-white/40">Stops </h2></div><p class="mt-2 text-sm text-white/50">Tap the map to drop a stop.</p><div class="w-full rounded-xl border border-white/15 bg-white/[0.03] p-4 mt-3" role="region" aria-label="Stops"><p class="text-sm text-white/60">No map key configured — the stops and links below all work.</p><p class="mt-3 text-xs text-white/40">Without a map key you can still add stops by pasting coordinates below.</p></div><div class="mt-3"><div class="flex gap-2"><input class="w-full rounded-lg border border-white/15 bg-white/[0.03] px-3 py-2 text-white placeholder:text-white/30 focus:border-white/40 focus:outline-none font-mono text-sm" placeholder="or paste coordinates: 37.7749, -122.4194" aria-label="Add a stop by coordinates" value=""/><button class="shrink-0 rounded-lg border border-white/20 px-4 py-2 transition hover:border-white/40 disabled:opacity-40">Add</button></div></div><ol class="mt-5 space-y-4"></ol></section><label class="mt-8 flex items-start gap-3"><input type="checkbox" class="mt-1"/><span><span class="font-medium">Hard mode</span><span class="block text-sm text-white/50">No pins on the map until a stop is found — the clue is all they get.</span></span></label><section class="mt-10 border-t border-white/10 pt-8"><h2 class="text-sm uppercase tracking-widest text-white/40">Share it</h2><p class="mt-3 text-sm text-white/50">Add at least one stop.</p></section></main><script src="/quest/_next/static/chunks/webpack-1f9437ee2ab1b227.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[4294,[],\"\"]\n3:I[2988,[],\"\"]\n4:I[615,[],\"ClientPageRoot\"]\n5:I[7826,[\"491\",\"static/chunks/491-3a8b0e5e8ce8efe9.js\",\"323\",\"static/chunks/app/create/page-2c84f8476614c791.js\"],\"default\"]\n8:I[7959,[],\"OutletBoundary\"]\na:I[7959,[],\"MetadataBoundary\"]\nc:I[7959,[],\"ViewportBoundary\"]\ne:I[9249,[],\"\"]\n:HL[\"/quest/_next/static/css/137cbb38f3324142.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"vJGx29eJMI0uoI51fUn9O\",\"p\":\"/quest\",\"c\":[\"\",\"create\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"create\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/quest/_next/static/css/137cbb38f3324142.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"dark\",\"children\":[\"$\",\"body\",null,{\"className\":\"bg-black text-white flex flex-col min-h-full\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[],[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[\"create\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"create\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L4\",null,{\"Component\":\"$5\",\"searchParams\":{},\"params\":{},\"promises\":[\"$@6\",\"$@7\"]}],null,[\"$\",\"$L8\",null,{\"children\":\"$L9\"}]]}],{},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"rN2I5_8a1pJ-XoHC3ukTX\",{\"children\":[[\"$\",\"$La\",null,{\"children\":\"$Lb\"}],[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],null]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$e\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"6:{}\n7:{}\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"name\":\"theme-color\",\"content\":\"#000000\"}]]\nb:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"1\",{\"children\":\"Lux Quest\"}],[\"$\",\"meta\",\"2\",{\"name\":\"description\",\"content\":\"Build a scavenger hunt out of real places and send it to a friend. They walk the city to solve it.\"}]]\n"])</script><script>self.__next_f.push([1,"9:null\n"])</script></body></html>