client/index.html
<!DOCTYPE html>
<html>
<head>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
<meta name="msapplication-TileColor" content="#334155" />
<meta name="theme-color" content="#334155" />
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width,maximum-scale=2.0,initial-scale=1,user-scalable=no"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap"
rel="stylesheet"
/>
<title>w8mngr</title>
</head>
<body
class="bg-slate-50 text-inherit text-lg h-full border-t-8 border-emerald-400 overflow-x-hidden"
>
<div class="relative h-full">
<div id="root" class="min-h-full flex justify-center"></div>
<div
id="modalRoot"
class="fixed left-0 right-0 bottom-0 top-0 overflow-y-scroll hidden"
></div>
</div>
<script type="module" src="/index.tsx"></script>
<link rel="stylesheet" href="/tailwind.css" />
<link rel="stylesheet" href="/styles.css" />
</body>
</html>