<!DOCTYPE html>
<html lang="en">
<head>
<style data-vite-theme="" data-inject-first="">:root {
--background: 240 10% 3.9%;
--foreground: 0 0% 98%;
--muted: 240 3.7% 15.9%;
--muted-foreground: 240 5% 64.9%;
--popover: 240 10% 3.9%;
--popover-foreground: 0 0% 98%;
--card: 240 10% 3.9%;
--card-foreground: 0 0% 98%;
--border: 240 3.7% 15.9%;
--input: 240 3.7% 15.9%;
--primary: 214 100% 56%;
--primary-foreground: 216 100% 99%;
--secondary: 240 3.7% 15.9%;
--secondary-foreground: 0 0% 98%;
--accent: 240 3.7% 15.9%;
--accent-foreground: 0 0% 98%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 0 0% 98%;
--ring: 240 4.9% 83.9%;
--radius: 0.5rem;
}
.light {
--background: 0 0% 100%;
--foreground: 20 14.3% 4.1%;
--muted: 60 4.8% 95.9%;
--muted-foreground: 25 5.3% 44.7%;
--popover: 0 0% 100%;
--popover-foreground: 20 14.3% 4.1%;
--card: 0 0% 100%;
--card-foreground: 20 14.3% 4.1%;
--border: 20 5.9% 90%;
--input: 20 5.9% 90%;
--primary: 214 100% 56%;
--primary-foreground: 216 100% 99%;
--secondary: 60 4.8% 95.9%;
--secondary-foreground: 24 9.8% 10%;
--accent: 60 4.8% 95.9%;
--accent-foreground: 24 9.8% 10%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 60 9.1% 97.8%;
--ring: 20 14.3% 4.1%;
--radius: 0.5rem;
}</style>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5" />
<!-- PWA Core Meta Tags -->
<title>ebusiness.space</title>
<meta name="description" content="A social network for business insights and professional discussions" />
<meta name="theme-color" content="#1e40af" />
<meta name="application-name" content="ebusiness.space" />
<link rel="manifest" href="/manifest.json" />
<!-- iOS PWA Requirements -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="ebusiness.space" />
<!-- iOS Touch Icons - SVG Version -->
<link rel="apple-touch-icon" href="/ios-icon.svg" />
<link rel="apple-touch-icon-precomposed" href="/ios-icon.svg" />
<link rel="apple-touch-startup-image" href="/ios-icon.svg" />
<!-- Specific sizes for iOS devices -->
<link rel="apple-touch-icon" sizes="57x57" href="/ios-57.svg" />
<link rel="apple-touch-icon" sizes="60x60" href="/ios-60.svg" />
<link rel="apple-touch-icon" sizes="72x72" href="/ios-72.svg" />
<link rel="apple-touch-icon" sizes="76x76" href="/ios-76.svg" />
<link rel="apple-touch-icon" sizes="114x114" href="/ios-114.svg" />
<link rel="apple-touch-icon" sizes="120x120" href="/ios-120.svg" />
<link rel="apple-touch-icon" sizes="144x144" href="/ios-144.svg" />
<link rel="apple-touch-icon" sizes="152x152" href="/ios-152.svg" />
<link rel="apple-touch-icon" sizes="180x180" href="/ios-180.svg" />
<link rel="mask-icon" href="/ios-icon.svg" color="#1e40af" />
<!-- Various Platform Icons -->
<link rel="icon" type="image/svg+xml" href="/ios-icon.svg" />
<link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png" />
<link rel="icon" type="image/png" sizes="512x512" href="/icon-512.png" />
<link rel="shortcut icon" href="/ios-icon.svg" />
<!-- iOS Splash Screens - Essential for proper iOS PWA Experience -->
<!-- iPhone X (1125px x 2436px) -->
<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" href="/apple-icon.png" />
<!-- iPhone 8, 7, 6s, 6 (750px x 1334px) -->
<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" href="/apple-icon.png" />
<!-- iPhone 8 Plus, 7 Plus, 6s Plus, 6 Plus (1242px x 2208px) -->
<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3)" href="/apple-icon.png" />
<meta name="format-detection" content="telephone=no" />
<meta name="mobile-web-app-capable" content="yes" />
<script type="module" crossorigin src="/assets/index-BYtt1KM3.js"></script>
<link rel="modulepreload" crossorigin href="/assets/vendor-DJRKAz3G.js">
<link rel="modulepreload" crossorigin href="/assets/ui-Bt6XbGrd.js">
<link rel="stylesheet" crossorigin href="/assets/index-CE8i8Vwa.css">
</head>
<body>
<div id="root"></div>
<!-- Service Worker Registration -->
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', () => {
navigator.serviceWorker.register('/sw.js')
.then(registration => {
console.log('Service Worker registered with scope:', registration.scope);
})
.catch(error => {
console.error('Service Worker registration failed:', error);
});
});
}
</script>
</body>
</html>