ok is true

\n {[...Array(50)].map((_, i) => (\n

\n ))}\n

\n {'ok is true'.split('').map((char, i) => (\n \n {char === ' ' ? '\\u00A0' : char}\n \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 ok is true\n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\nbody {\n margin: 0;\n background: #000;\n height: 100vh;\n overflow: hidden;\n}\n\n.container {\n height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n background: radial-gradient(circle at center, #1a1a1a 0%, #000 100%);\n animation: backgroundPulse 20s ease-in-out infinite;\n}\n\n.text-wrapper {\n display: flex;\n font-family: \"Helvetica Neue\", sans-serif;\n font-size: 8vw;\n font-weight: 300;\n}\n\n.char {\n opacity: 0;\n display: inline-block;\n color: #fff;\n animation: \n charFadeIn 1s ease-out forwards,\n charFloat 4s ease-in-out infinite,\n charGlow 20s ease-in-out infinite,\n charColorShift 20s ease-in-out infinite;\n animation-delay: calc(var(--index) * 0.2s);\n transform-origin: center;\n}\n\n.particles {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n\n.particle {\n position: absolute;\n width: 3px;\n height: 3px;\n background: rgba(255, 255, 255, 0.5);\n border-radius: 50%;\n left: var(--position);\n top: -10px;\n animation: \n particleFall 20s linear infinite,\n particleFade 20s ease-in-out infinite;\n animation-delay: var(--delay);\n}\n\n@keyframes backgroundPulse {\n 0%, 100% { background: radial-gradient(circle at center, #1a1a1a 0%, #000 100%); }\n 50% { background: radial-gradient(circle at center, #2a2a2a 0%, #000 100%); }\n}\n\n@keyframes charFadeIn {\n 0% { \n opacity: 0;\n transform: scale(0) rotate(-180deg);\n }\n 100% { \n opacity: 1;\n transform: scale(1) rotate(0deg);\n }\n}\n\n@keyframes charFloat {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-20px); }\n}\n\n@keyframes charGlow {\n 0%, 100% { \n text-shadow: \n 0 0 30px rgba(255,255,255,0.3),\n 0 0 60px rgba(255,255,255,0.2),\n 0 0 90px rgba(255,255,255,0.1);\n }\n 50% { \n text-shadow: \n 0 0 60px rgba(255,255,255,0.6),\n 0 0 120px rgba(255,255,255,0.4),\n 0 0 180px rgba(255,255,255,0.2);\n }\n}\n\n@keyframes charColorShift {\n 0%, 100% { color: #fff; }\n 25% { color: #64ffda; }\n 50% { color: #7f7fd5; }\n 75% { color: #86a8e7; }\n}\n\n@keyframes particleFall {\n 0% { transform: translateY(-10px); }\n 100% { transform: translateY(100vh); }\n}\n\n@keyframes particleFade {\n 0%, 100% { opacity: 0; }\n 50% { opacity: 1; }\n}\n`;","deleted","label",[99],"permalink","https://www.val.town/x/all/oktrue/code/main.tsx","extension","actionData","errors"]