video-query/frontend/public/index.html

51 lines
No EOL
2.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<base id="base-path-tag" href="./">
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Video Query Tool - Process videos with AI"
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<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=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<title>Video Query Tool</title>
<script>
// Early base path detection for static asset loading
(function() {
try {
var pathname = window.location.pathname;
var basePath = './';
if (pathname !== '/') {
var segments = pathname.split('/').filter(function(s) { return s.length > 0; });
if (segments.length > 0) {
// If we're in a subdirectory, use relative paths from that directory
basePath = './';
}
}
document.getElementById('base-path-tag').setAttribute('href', basePath);
console.log('Early base path set to:', basePath, 'for pathname:', pathname);
} catch (e) {
console.warn('Early base path detection failed, using default');
}
})();
</script>
<!-- Load production config first -->
<script src="./config.js"></script>
<!-- For local development, load config.local.js to override production settings -->
<!-- This file is only present in local development, not in production -->
<script src="./config.local.js" onerror="console.log('No local config found, using production config')"></script>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
</body>
</html>