index.html 1.6 KB

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