`out/index.html`

1 lines
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/><link rel="preload" href="/_next/static/media/e4af272ccee01ff0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/dbecb8d230e421c8.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-9bb46ca1fa3f9a7b.js"/><script src="/_next/static/chunks/fd9d1056-9f91b5e418130764.js" async=""></script><script src="/_next/static/chunks/117-ea0db1a6324509e4.js" async=""></script><script src="/_next/static/chunks/main-app-db613fed919dc4ab.js" async=""></script><script src="/_next/static/chunks/app/page-1dfce1602fdbe058.js" async=""></script><script src="/_next/static/chunks/app/layout-f61ae32ec34132b3.js" async=""></script><link rel="apple-touch-icon" href="/icon-192.png"/><meta name="theme-color" content="#9333ea"/><title>Boomer Calc - Easy Calculator</title><meta name="description" content="Simple, easy-to-read calculator with big numbers. Perfect for everyone!"/><meta name="application-name" content="Boomer Calc"/><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-title" content="Boomer Calc"/><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/><link rel="icon" href="/icon-192.png"/><link rel="apple-touch-icon" href="/icon-192.png"/><meta name="next-size-adjust"/><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body class="__className_f367f3"><main class="min-h-screen bg-gradient-to-br from-purple-500 via-pink-500 to-red-500 p-2 sm:p-3 pt-safe pb-safe"><div class="max-w-4xl mx-auto pt-4"><div class="text-center mb-3 sm:mb-4"><h1 class="text-3xl sm:text-4xl md:text-5xl font-bold text-white mb-2">🧮 Boomer Calc</h1><p class="text-base sm:text-lg md:text-xl text-white/90 font-semibold">Simple. Easy. Clear.</p></div><div class="flex flex-wrap justify-center gap-2 sm:gap-3 mb-3 sm:mb-4"><button class="px-4 sm:px-6 py-2 sm:py-3 rounded-lg font-bold select-none cursor-pointer text-base sm:text-lg md:text-xl shadow-lg bg-white text-purple-600 scale-105" style="-webkit-tap-highlight-color:transparent">🔬 Calculator</button><button class="px-4 sm:px-6 py-2 sm:py-3 rounded-lg font-bold select-none cursor-pointer text-base sm:text-lg md:text-xl shadow-lg bg-white/20 text-white" style="-webkit-tap-highlight-color:transparent">🏠 Mortgage</button><button class="px-4 sm:px-6 py-2 sm:py-3 rounded-lg font-bold select-none cursor-pointer text-base sm:text-lg md:text-xl shadow-lg bg-white/20 text-white" style="-webkit-tap-highlight-color:transparent">💪 BMI</button><button class="px-4 sm:px-6 py-2 sm:py-3 rounded-lg font-bold select-none cursor-pointer text-base sm:text-lg md:text-xl shadow-lg bg-white/20 text-white" style="-webkit-tap-highlight-color:transparent">💵 Tip</button></div><div class="mb-3 sm:mb-4"><div class="bg-white rounded-xl shadow-2xl p-3 sm:p-4 max-w-2xl mx-auto"><div class="mb-3 sm:mb-4"><div class="bg-gray-900 text-white p-4 sm:p-5 rounded-lg"><div role="status" aria-label="Calculator display" class="text-3xl sm:text-4xl md:text-5xl font-bold font-mono px-2 text-center break-words">0</div></div></div><div class="grid grid-cols-4 gap-2 sm:gap-3"><button class="p-4 sm:p-5 md:p-6 rounded-lg font-bold text-xl sm:text-2xl md:text-3xl select-none cursor-pointer shadow-lg bg-red-500 text-white" style="-webkit-tap-highlight-color:transparent">C</button><button class="p-4 sm:p-5 md:p-6 rounded-lg font-bold text-xl sm:text-2xl md:text-3xl select-none cursor-pointer shadow-lg bg-gray-200" style="-webkit-tap-highlight-color:transparent">(</button><button class="p-4 sm:p-5 md:p-6 rounded-lg font-bold text-xl sm:text-2xl md:text-3xl select-none cursor-pointer shadow-lg bg-gray-200" style="-webkit-tap-highlight-color:transparent">)</button><button class="p-4 sm:p-5 md:p-6 rounded-lg font-bold text-xl sm:text-2xl md:text-3xl select-none cursor-pointer shadow-lg bg-blue-500 text-white" style="-webkit-tap-highlight-color:transparent">/</button><button class="p-4 sm:p-5 md:p-6 rounded-lg font-bold text-xl sm:text-2xl md:text-3xl select-none cursor-pointer shadow-lg bg-gray-200" style="-webkit-tap-highlight-color:transparent">7</button><button class="p-4 sm:p-5 md:p-6 rounded-lg font-bold text-xl sm:text-2xl md:text-3xl select-none cursor-pointer shadow-lg bg-gray-200" style="-webkit-tap-highlight-color:transparent">8</button><button class="p-4 sm:p-5 md:p-6 rounded-lg font-bold text-xl sm:text-2xl md:text-3xl select-none cursor-pointer shadow-lg bg-gray-200" style="-webkit-tap-highlight-color:transparent">9</button><button class="p-4 sm:p-5 md:p-6 rounded-lg font-bold text-xl sm:text-2xl md:text-3xl select-none cursor-pointer shadow-lg bg-blue-500 text-white" style="-webkit-tap-highlight-color:transparent">*</button><button class="p-4 sm:p-5 md:p-6 rounded-lg font-bold text-xl sm:text-2xl md:text-3xl select-none cursor-pointer shadow-lg bg-gray-200" style="-webkit-tap-highlight-color:transparent">4</button><button class="p-4 sm:p-5 md:p-6 rounded-lg font-bold text-xl sm:text-2xl md:text-3xl select-none cursor-pointer shadow-lg bg-gray-200" style="-webkit-tap-highlight-color:transparent">5</button><button class="p-4 sm:p-5 md:p-6 rounded-lg font-bold text-xl sm:text-2xl md:text-3xl select-none cursor-pointer shadow-lg bg-gray-200" style="-webkit-tap-highlight-color:transparent">6</button><button class="p-4 sm:p-5 md:p-6 rounded-lg font-bold text-xl sm:text-2xl md:text-3xl select-none cursor-pointer shadow-lg bg-blue-500 text-white" style="-webkit-tap-highlight-color:transparent">-</button><button class="p-4 sm:p-5 md:p-6 rounded-lg font-bold text-xl sm:text-2xl md:text-3xl select-none cursor-pointer shadow-lg bg-gray-200" style="-webkit-tap-highlight-color:transparent">1</button><button class="p-4 sm:p-5 md:p-6 rounded-lg font-bold text-xl sm:text-2xl md:text-3xl select-none cursor-pointer shadow-lg bg-gray-200" style="-webkit-tap-highlight-color:transparent">2</button><button class="p-4 sm:p-5 md:p-6 rounded-lg font-bold text-xl sm:text-2xl md:text-3xl select-none cursor-pointer shadow-lg bg-gray-200" style="-webkit-tap-highlight-color:transparent">3</button><button class="p-4 sm:p-5 md:p-6 rounded-lg font-bold text-xl sm:text-2xl md:text-3xl select-none cursor-pointer shadow-lg bg-blue-500 text-white" style="-webkit-tap-highlight-color:transparent">+</button><button class="p-4 sm:p-5 md:p-6 rounded-lg font-bold text-xl sm:text-2xl md:text-3xl select-none cursor-pointer shadow-lg bg-gray-200" style="-webkit-tap-highlight-color:transparent">0</button><button class="p-4 sm:p-5 md:p-6 rounded-lg font-bold text-xl sm:text-2xl md:text-3xl select-none cursor-pointer shadow-lg bg-gray-200" style="-webkit-tap-highlight-color:transparent">.</button><button class="p-4 sm:p-5 md:p-6 rounded-lg font-bold text-xl sm:text-2xl md:text-3xl select-none cursor-pointer shadow-lg bg-gray-200" style="-webkit-tap-highlight-color:transparent">sin</button><button class="p-4 sm:p-5 md:p-6 rounded-lg font-bold text-xl sm:text-2xl md:text-3xl select-none cursor-pointer shadow-lg bg-gradient-to-r from-purple-500 to-pink-500 text-white col-span-1" style="-webkit-tap-highlight-color:transparent">=</button></div><div class="mt-3 text-center text-sm sm:text-base text-gray-600 font-semibold"><p>Arithmetic and sine · sin uses degrees</p></div></div></div><div class="text-center text-white/60 text-sm sm:text-base"><p class="mb-1">😊 Easy to use. Easy to read.</p><p>Made with ❤️ for everyone</p></div></div></main><script src="/_next/static/chunks/webpack-9bb46ca1fa3f9a7b.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/css/dbecb8d230e421c8.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"3:I[2846,[],\"\"]\n5:I[9107,[],\"ClientPageRoot\"]\n6:I[9982,[\"931\",\"static/chunks/app/page-1dfce1602fdbe058.js\"],\"default\",1]\n7:I[4707,[],\"\"]\n8:I[6423,[],\"\"]\n9:I[1999,[\"185\",\"static/chunks/app/layout-f61ae32ec34132b3.js\"],\"default\"]\nb:I[1060,[],\"\"]\nc:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$L3\",null,{\"buildId\":\"_2SGBk7EQqSWs9NeyvHFM\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"\"],\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"__PAGE__\",{},[[\"$L4\",[\"$\",\"$L5\",null,{\"props\":{\"params\":{},\"searchParams\":{}},\"Component\":\"$6\"}],null],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/dbecb8d230e421c8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"href\":\"/icon-192.png\"}]}],[\"$\",\"body\",null,{\"className\":\"__className_f367f3\",\"children\":[[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",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.\"}]}]]}]}]],\"notFoundStyles\":[]}],[\"$\",\"$L9\",null,{}]]}]]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$La\"],\"globalErrorComponent\":\"$b\",\"missingSlots\":\"$Wc\"}]\n"])</script><script>self.__next_f.push([1,"a:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, viewport-fit=cover\"}],[\"$\",\"meta\",\"1\",{\"name\":\"theme-color\",\"content\":\"#9333ea\"}],[\"$\",\"meta\",\"2\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"3\",{\"children\":\"Boomer Calc - Easy Calculator\"}],[\"$\",\"meta\",\"4\",{\"name\":\"description\",\"content\":\"Simple, easy-to-read calculator with big numbers. Perfect for everyone!\"}],[\"$\",\"meta\",\"5\",{\"name\":\"application-name\",\"content\":\"Boomer Calc\"}],[\"$\",\"link\",\"6\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"use-credentials\"}],[\"$\",\"meta\",\"7\",{\"name\":\"apple-mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"8\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Boomer Calc\"}],[\"$\",\"meta\",\"9\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"black-translucent\"}],[\"$\",\"link\",\"10\",{\"rel\":\"icon\",\"href\":\"/icon-192.png\"}],[\"$\",\"link\",\"11\",{\"rel\":\"apple-touch-icon\",\"href\":\"/icon-192.png\"}],[\"$\",\"meta\",\"12\",{\"name\":\"next-size-adjust\"}]]\n4:null\n"])</script></body></html>