videofolxtv/client/index.html
sebastjanartic 44a070668e Improve font loading and add fallback for better display
Updates client/index.html and client/src/index.css to improve Oswald font loading with preconnect hints and adds a fallback font stack for desktop users in the .oswald-text class.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/kdQ95gE
2025-08-29 20:22:20 +00:00

49 lines
2.6 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" />
<title>go4.video - Professional Video Streaming Platform</title>
<meta name="description" content="go4.video - Stream and manage your videos with professional quality HLS streaming, adaptive bitrates, and advanced controls." />
<!-- Open Graph meta podatki za družbena omrežja in mobilne aplikacije -->
<meta property="og:title" content="go4.video - Professional Video Streaming Platform" />
<meta property="og:description" content="go4.video - Stream and manage your videos with professional quality HLS streaming, adaptive bitrates, and advanced controls." />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="go4.video" />
<meta property="og:locale" content="en_US" />
<!-- 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 - Professional Video Streaming Platform" />
<meta name="twitter:description" content="go4.video - Stream and manage your videos with professional quality HLS streaming, adaptive bitrates, and advanced controls." />
<!-- 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="#3b82f6" />
<!-- Oswald Google Font z improved loading -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
/* Fallback font za desktop če se Oswald ne naloži */
@font-face {
font-family: 'Oswald-fallback';
src: local('Arial Black'), local('Helvetica');
font-weight: 600;
}
</style>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
<!-- This is a replit script which adds a banner on the top of the page when opened in development mode outside the replit environment -->
<script type="text/javascript" src="https://replit.com/public/js/replit-dev-banner.js"></script>
</body>
</html>