Implement Progressive Web App (PWA) features for enhanced mobile experience, including service worker registration, manifest.json updates for standalone mode, and CSS adjustments for iOS safe area and touch interactions. Replit-Commit-Author: Agent Replit-Commit-Session-Id: ab9cd02a-d0b2-4288-9ceb-1964d0059648 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/ab9cd02a-d0b2-4288-9ceb-1964d0059648/mbX83Mu
61 lines
3.2 KiB
HTML
61 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no, viewport-fit=cover" />
|
||
<title>go4.video – Top-Inhalte von Folx TV</title>
|
||
<meta name="description" content="go4.video – Top-Inhalte von Folx TV. Volksmusik, Schlager & Shows jederzeit online." />
|
||
|
||
<!-- Open Graph meta podatki za družbena omrežja in mobilne aplikacije -->
|
||
<meta property="og:title" content="go4.video – Top-Inhalte von Folx TV" />
|
||
<meta property="og:description" content="go4.video – Top-Inhalte von Folx TV. Volksmusik, Schlager & Shows jederzeit online." />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:site_name" content="go4.video" />
|
||
<meta property="og:locale" content="en_US" />
|
||
<meta property="og:image" content="/go4-video-social-share.png" />
|
||
<meta property="og:image:width" content="1200" />
|
||
<meta property="og:image:height" content="630" />
|
||
<meta property="og:image:type" content="image/png" />
|
||
|
||
<!-- Twitter Card meta podatki -->
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<meta name="twitter:site" content="@go4video" />
|
||
<meta name="twitter:title" content="go4.video – Top-Inhalte von Folx TV" />
|
||
<meta name="twitter:description" content="go4.video – Top-Inhalte von Folx TV. Volksmusik, Schlager & Shows jederzeit online." />
|
||
<meta name="twitter:image" content="/go4-video-social-share.png" />
|
||
|
||
<!-- Dodatni meta podatki za mobilne naprave -->
|
||
<meta name="application-name" content="go4.video" />
|
||
<meta name="apple-mobile-web-app-title" content="go4.video" />
|
||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
||
<meta name="theme-color" content="#6366f1" />
|
||
<meta name="mobile-web-app-capable" content="yes" />
|
||
|
||
<!-- iOS specifične meta oznake -->
|
||
<meta name="apple-touch-fullscreen" content="yes" />
|
||
<meta name="format-detection" content="telephone=no" />
|
||
|
||
<!-- iOS ikone za različne velikosti -->
|
||
<link rel="apple-touch-icon" sizes="57x57" href="/api/favicon?size=57" />
|
||
<link rel="apple-touch-icon" sizes="60x60" href="/api/favicon?size=60" />
|
||
<link rel="apple-touch-icon" sizes="72x72" href="/api/favicon?size=72" />
|
||
<link rel="apple-touch-icon" sizes="76x76" href="/api/favicon?size=76" />
|
||
<link rel="apple-touch-icon" sizes="114x114" href="/api/favicon?size=114" />
|
||
<link rel="apple-touch-icon" sizes="120x120" href="/api/favicon?size=120" />
|
||
<link rel="apple-touch-icon" sizes="144x144" href="/api/favicon?size=144" />
|
||
<link rel="apple-touch-icon" sizes="152x152" href="/api/favicon?size=152" />
|
||
<link rel="apple-touch-icon" sizes="180x180" href="/api/favicon?size=180" />
|
||
|
||
<!-- Favicon -->
|
||
<link rel="icon" type="image/svg+xml" href="/api/favicon" />
|
||
<link rel="apple-touch-icon" href="/api/favicon?size=180" />
|
||
<link rel="manifest" href="/manifest.json" />
|
||
|
||
</head>
|
||
<body>
|
||
<div id="root"></div>
|
||
<script type="module" src="/src/main.tsx"></script>
|
||
<!-- Replit script removed - caused scrolling issues -->
|
||
</body>
|
||
</html> |