Calculator

{display}

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \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 Calculator\n \n \n \n

\n \n \n \n \n `, {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\nbody {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n margin: 0;\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n\n.calculator {\n background-color: #ffffff;\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n max-width: 300px;\n width: 100%;\n}\n\n.display {\n background-color: #f1f3f5;\n color: #2c3e50;\n text-align: right;\n padding: 15px;\n font-size: 2.5em;\n margin-bottom: 15px;\n border-radius: 10px;\n font-weight: 300;\n}\n\n.keypad {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 12px;\n}\n\nbutton {\n background-color: #e9ecef;\n color: #2c3e50;\n border: none;\n padding: 15px;\n font-size: 1.2em;\n cursor: pointer;\n border-radius: 8px;\n transition: all 0.2s ease;\n font-weight: 500;\n}\n\nbutton:hover {\n background-color: #dee2e6;\n transform: scale(1.05);\n}\n\nbutton:active {\n background-color: #ced4da;\n transform: scale(0.95);\n}\n\n.operator {\n background-color: #a5d8ff;\n color: #1864ab;\n}\n\n.operator:hover {\n background-color: #74c0fc;\n}\n\n.operator:active {\n background-color: #4dabf7;\n}\n\n.clear {\n background-color: #ffa8a8;\n color: #c92a2a;\n}\n\n.clear:hover {\n background-color: #ff6b6b;\n}\n\n.clear:active {\n background-color: #fa5252;\n}\n\n.equals {\n background-color: #69db7c;\n color: #2b8a3e;\n}\n\n.equals:hover {\n background-color: #51cf66;\n}\n\n.equals:active {\n background-color: #40c057;\n}\n\n.wide {\n grid-column: span 2;\n}\n`;","deleted","label","children",[],[152],"files",[150],"counts",{"_173":32,"_174":159,"_175":32,"_176":32},"pulls","branches","forks","envVars","contents",[179],{"_102":151,"_95":152,"_153":114,"_154":-5,"_155":138,"_156":137,"_157":116,"_104":180,"_99":159,"_160":161,"_162":163,"_164":22,"_165":-5,"_98":181},["D",1739723452623],[152],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":191,"_177":196,"_199":-7,"_200":-5,"_201":-5,"_169":202,"_206":207},{"_102":103,"_95":96,"_104":192,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":114,"_115":116,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":193,"_132":194,"_135":195,"_147":22},["D",1746196108987],{"_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},[197],{"_102":151,"_95":152,"_153":114,"_154":-5,"_155":138,"_156":137,"_157":116,"_104":180,"_99":159,"_160":161,"_162":163,"_164":22,"_165":-5,"_98":198},[152],"readme","upstream","pull",[203],{"_102":151,"_95":152,"_153":114,"_154":-5,"_155":138,"_156":137,"_157":116,"_104":158,"_99":159,"_160":161,"_162":163,"_164":22,"_165":-5,"_166":204,"_98":205},[],[152],"previews",[203],"actionData","errors"]

Valtown12

calculatorApp