1
0
mirror of git://f0xx.org/android_cast synced 2026-07-29 04:18:09 +03:00
Files
android_cast/examples/app_hub/index.html
Anton Afanasyeu 92fc65e02e be dirty sync
2026-05-27 15:47:15 +02:00

127 lines
4.7 KiB
HTML

<!DOCTYPE html>
<html lang="en" data-theme="dark">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Android Cast — Project hub</title>
<script>
(function () {
var t = localStorage.getItem('crash_console_theme');
if (t === 'light' || t === 'dark') document.documentElement.setAttribute('data-theme', t);
})();
</script>
<link rel="stylesheet" href="/app/androidcast_project/crashes/assets/css/app.css">
<link rel="stylesheet" href="hub.css">
<link rel="stylesheet" href="hub-logo-layers.css">
</head>
<body class="hub-page">
<div id="hub-logo-stage" class="hub-logo-stage" hidden aria-hidden="true"></div>
<div class="shell hub-shell">
<main class="main-pane hub-main">
<header class="hub-header">
<div class="hub-brand">
<img class="hub-logo-mark" src="assets/hub-logo-transparent.svg" alt="" width="112" height="84" decoding="async">
<h1 class="hub-title">Android Cast</h1>
<img class="hub-thunder" src="assets/hub-thunder.svg" alt="Thunder underline" width="312" height="46" decoding="async">
</div>
<p class="muted hub-subtitle">Project hub</p>
<label class="toolbar-select hub-theme">
<span>Theme</span>
<select id="theme-select" aria-label="UI theme">
<option value="dark">Dark</option>
<option value="light">Light</option>
</select>
</label>
</header>
<nav class="hub-cards cards cards--lift" aria-label="Android Cast apps">
<a class="hub-card card card--lift" href="crashes/?view=reports">
<span class="hub-card-icon" aria-hidden="true">
<span class="nav-icon nav-icon--reports"></span>
</span>
<span class="hub-card-label">AndroidCast reports</span>
</a>
<a class="hub-card card card--lift" href="git/">
<span class="hub-card-icon" aria-hidden="true">
<span class="nav-icon nav-icon--git"></span>
</span>
<span class="hub-card-label">AndroidCast git</span>
</a>
<a class="hub-card card card--lift" href="crashes/?view=tickets">
<span class="hub-card-icon" aria-hidden="true">
<span class="nav-icon nav-icon--tickets"></span>
</span>
<span class="hub-card-label">AndroidCast tickets</span>
</a>
</nav>
</main>
</div>
<footer class="bottom-bar">(c) Anton Afanaasyeu</footer>
<script>
(function () {
var sel = document.getElementById('theme-select');
if (sel) {
var cur = document.documentElement.getAttribute('data-theme') || 'dark';
sel.value = cur;
sel.addEventListener('change', function () {
var v = sel.value;
document.documentElement.setAttribute('data-theme', v);
try { localStorage.setItem('crash_console_theme', v); } catch (e) {}
});
}
var stage = document.getElementById('hub-logo-stage');
if (!stage) return;
var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
var supportsSvg = !!(svg && svg.createSVGRect);
var supportsLayout = !!(window.CSS && CSS.supports && CSS.supports('object-fit', 'cover'));
if (!supportsSvg || !supportsLayout) return;
var logoBuild = '20260527j';
var fragments = {
space: 'assets/hub-logo-fragment-space.svg',
globe: 'assets/hub-logo-fragment-globe.svg',
continents: 'assets/hub-logo-continents-mercator-globe.svg',
gridOverlay: 'assets/hub-logo-fragment-globe-grid-overlay.svg'
};
var parts = {
full: ['space', 'globe', 'continents', 'gridOverlay'],
space: ['space'],
globe: ['globe', 'continents', 'gridOverlay']
};
var params = new URLSearchParams(window.location.search);
var part = (params.get('logoPart') || 'full').toLowerCase();
var grid = (params.get('grid') || '3').toLowerCase();
var list = parts[part] || parts.full;
function fragmentSrc(name) {
var base = fragments[name];
if (name === 'globe' && grid === '4') {
base = 'assets/hub-logo-fragment-globe-4x4.svg';
}
return base + '?v=' + logoBuild;
}
list.forEach(function (name) {
var img = document.createElement('img');
img.className = 'hub-logo-layer hub-logo-layer--' + name;
img.src = fragmentSrc(name);
img.alt = '';
img.decoding = 'async';
img.loading = 'lazy';
stage.appendChild(img);
});
var logoOpacity = params.get('logoOpacity');
if (logoOpacity) {
stage.style.opacity = logoOpacity;
}
stage.hidden = false;
stage.setAttribute('aria-hidden', 'true');
})();
</script>
</body>
</html>