57 lines
1.7 KiB
HTML
57 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
|
|
<title>VibeTorrent</title>
|
|
|
|
<!-- PWA & Mobile Capable -->
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="theme-color" content="#111827" />
|
|
<link rel="manifest" href="manifest.json" />
|
|
<link rel="apple-touch-icon" href="icon-192.png" />
|
|
|
|
<!-- Trunk Assets -->
|
|
<link data-trunk rel="rust" href="Cargo.toml" data-wasm-opt="z" />
|
|
<link data-trunk rel="css" href="public/tailwind.css" />
|
|
<link data-trunk rel="copy-file" href="manifest.json" />
|
|
<link data-trunk rel="copy-file" href="icon-192.png" />
|
|
<script>
|
|
(function () {
|
|
var t = localStorage.getItem("vibetorrent_theme");
|
|
var c = "#0f172a"; // Midnight (default)
|
|
var tc = "#94a3b8"; // Text Color (Slate 400)
|
|
|
|
if (t === "Light") {
|
|
c = "#f9fafb"; // Gray 50
|
|
tc = "#111827"; // Gray 900
|
|
} else if (t === "Amoled") {
|
|
c = "#000000";
|
|
tc = "#e5e7eb"; // Gray 200
|
|
}
|
|
|
|
var s = document.createElement("style");
|
|
s.innerHTML = "body { background-color: " + c + "; color: " + tc + "; }";
|
|
document.head.appendChild(s);
|
|
})();
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app-loading" style="display: flex; justify-content: center; align-items: center; height: 100vh;">
|
|
<div
|
|
style="width: 40px; height: 40px; border: 3px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: spin 0.8s linear infinite; opacity: 0.5;">
|
|
</div>
|
|
</div>
|
|
<style>
|
|
@keyframes spin {
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
</style>
|
|
</body>
|
|
|
|
</html> |