purestream/frontend/index.html

48 lines
1.7 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<!-- Mobile Optimization -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
<meta name="mobile-web-app-capable" content="yes" />
<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="PureStream" />
<meta name="theme-color" content="#000000" />
<!-- SEO -->
<meta name="description" content="PureStream - Distraction-free TikTok viewing experience" />
<meta name="keywords" content="tiktok, video, streaming, purestream, dance" />
<!-- PWA -->
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/icon-192.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png" />
<link rel="icon" type="image/png" sizes="512x512" href="/icon-512.png" />
<title>PureStream</title>
<style>
/* Prevent overscroll/bounce on iOS */
html, body {
overscroll-behavior: none;
overflow: hidden;
touch-action: pan-y;
-webkit-overflow-scrolling: touch;
}
/* Safe area padding for notched devices */
body {
padding-top: env(safe-area-inset-top);
padding-bottom: env(safe-area-inset-bottom);
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
}
</style>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>