index.html 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>InfiGate | Stay Connected Everywhere</title>
  7. <script src="https://cdn.tailwindcss.com"></script>
  8. <link rel="preconnect" href="https://fonts.googleapis.com" />
  9. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  10. <link
  11. href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap"
  12. rel="stylesheet"
  13. />
  14. <style>
  15. body {
  16. font-family: "Atkinson Hyperlegible", sans-serif;
  17. background-color: #ffffff;
  18. color: #1e293b;
  19. margin: 0;
  20. padding: 0;
  21. }
  22. /* Custom Scrollbar - Cleaner for Light UI */
  23. ::-webkit-scrollbar {
  24. width: 8px;
  25. }
  26. ::-webkit-scrollbar-track {
  27. background: #f8fafc;
  28. }
  29. ::-webkit-scrollbar-thumb {
  30. background: #cbd5e1;
  31. border-radius: 10px;
  32. }
  33. ::-webkit-scrollbar-thumb:hover {
  34. background: #94a3b8;
  35. }
  36. .infigate-shadow {
  37. box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05),
  38. 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  39. }
  40. </style>
  41. <script type="importmap">
  42. {
  43. "imports": {
  44. "react/": "https://esm.sh/react@^19.2.3/",
  45. "react": "https://esm.sh/react@^19.2.3",
  46. "@google/genai": "https://esm.sh/@google/genai@^1.34.0",
  47. "react-dom/": "https://esm.sh/react-dom@^19.2.3/",
  48. "react-router-dom": "https://esm.sh/react-router-dom@^7.11.0"
  49. }
  50. }
  51. </script>
  52. <link rel="stylesheet" href="./src/index.css" />
  53. </head>
  54. <body>
  55. <div id="root"></div>
  56. <script type="module" src="./src/index.tsx"></script>
  57. </body>
  58. </html>