Whispers in the Dark

{currentScene.text}

\n {currentScene.choices.map((choice, index) => (\n \n ))}\n

\n \n View Source\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n Whispers in the Dark\n \n \n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}\n\nconst css = `\nbody {\n background-color: #121212;\n color: #ccc;\n font-family: 'Courier New', monospace;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n margin: 0;\n overflow: hidden;\n}\n\n.horror-game {\n background-color: rgba(0,0,0,0.8);\n border: 2px solid #333;\n padding: 2rem;\n text-align: center;\n max-width: 500px;\n box-shadow: 0 0 20px rgba(255,0,0,0.2);\n}\n\n.scene-text {\n margin-bottom: 1rem;\n font-size: 1.2rem;\n line-height: 1.6;\n}\n\n.choices {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.choice-btn {\n background-color: #300;\n color: #ccc;\n border: 1px solid #600;\n padding: 0.5rem;\n cursor: pointer;\n transition: all 0.3s ease;\n}\n\n.choice-btn:hover {\n background-color: #600;\n color: #fff;\n}\n\n.source-link {\n position: absolute;\n bottom: 10px;\n right: 10px;\n color: #666;\n text-decoration: none;\n font-size: 0.8rem;\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/Manju/HorrorGame/code/main.tsx","extension","actionData","errors"]