Hello, World! with Reflection

Hello, World!

\n );\n}\n\nfunction client() {\n const root = document.getElementById('root');\n if (root) {\n createRoot(root).render();\n }\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n Hello, World! with Reflection\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 height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n background: linear-gradient(to bottom, #87CEEB, #E0F6FF);\n perspective: 500px;\n overflow: hidden;\n}\n\n.container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.text {\n font-family: Arial, sans-serif;\n font-size: 5rem;\n font-weight: bold;\n color: #333;\n transform: rotateX(20deg);\n transform-origin: center bottom;\n position: relative;\n margin-bottom: 0.1em;\n}\n\n.text::after {\n content: 'Hello, World!';\n position: absolute;\n left: 0;\n top: 100%;\n transform: scaleY(-1);\n background: linear-gradient(to top, rgba(51,51,51,0.8), transparent);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n opacity: 0.7;\n}\n`;",[],[172],"files",[150,170],"counts",{"_183":32,"_184":158,"_185":186,"_187":32},"pulls","branches","forks",2,"envVars","contents",[190,193],{"_102":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":158,"_159":108,"_104":191,"_99":32,"_161":162,"_163":164,"_165":22,"_166":-5,"_98":192},["D",1728205448791],[152],{"_102":171,"_95":172,"_153":115,"_155":-5,"_156":138,"_157":137,"_159":108,"_104":194,"_99":174,"_161":175,"_163":176,"_165":22,"_166":-5,"_98":195},["D",1728205788035],[172],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.remixes",{"_93":94,"_95":96,"_100":204,"_185":209,"_224":-5},{"_102":103,"_95":96,"_104":205,"_106":-5,"_107":108,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":115,"_116":108,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":206,"_132":207,"_135":208,"_147":22},["D",1746135874005],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_99":137,"_95":43,"_102":138,"_139":103,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},[210,217],{"_102":211,"_95":212,"_111":-5,"_112":-5,"_109":110,"_14":113,"_16":119,"_147":22,"_23":213,"_132":214,"_114":215,"_116":108,"_104":216,"_118":32},"777da982-26d5-11f0-a5b3-569c3dd06744","GDI_DigitalClock",{"_93":94,"_130":131},{"_93":94,"_134":131},"778178aa-26d5-11f0-a5b3-569c3dd06744",["D",1746135872307],{"_102":218,"_95":219,"_111":-5,"_112":-5,"_109":110,"_14":113,"_16":119,"_147":22,"_23":220,"_132":221,"_114":222,"_116":108,"_104":223,"_118":32},"77d6f578-26d5-11f0-a5b3-569c3dd06744","GDI_FileUpload",{"_93":94,"_130":131},{"_93":94,"_134":131},"77d9dc70-26d5-11f0-a5b3-569c3dd06744",["D",1746135872892],"upstream","actionData","errors"]