mirror of
git://f0xx.org/android_cast
synced 2026-07-29 06:18:42 +03:00
272c6e5947
Alias-to-file broke nginx static serving; inline hub CSS and relative links. One file to copy. Co-authored-by: Cursor <cursoragent@cursor.com>
125 lines
5.1 KiB
HTML
125 lines
5.1 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">
|
|
<style>
|
|
.hub-page { min-height: 100vh; display: flex; flex-direction: column; }
|
|
.hub-shell { flex: 1; min-height: calc(100vh - 40px); }
|
|
.hub-main {
|
|
display: flex; flex-direction: column; align-items: center; justify-content: center;
|
|
min-height: calc(100vh - 40px); padding: 32px 28px 48px; box-sizing: border-box;
|
|
}
|
|
.hub-header { text-align: center; margin-bottom: 36px; }
|
|
.hub-title { margin: 0 0 8px; font-size: 1.75rem; font-weight: 600; letter-spacing: -0.02em; }
|
|
.hub-subtitle { margin: 0 0 16px; }
|
|
.hub-theme { justify-content: center; }
|
|
.hub-cards {
|
|
display: grid; grid-template-columns: repeat(3, minmax(200px, 1fr));
|
|
gap: 24px; width: 100%; max-width: 1080px; margin: 0;
|
|
}
|
|
.hub-card {
|
|
display: flex; flex-direction: row; align-items: center; gap: 14px;
|
|
padding: 22px 24px; color: var(--text); text-decoration: none; cursor: pointer;
|
|
}
|
|
.hub-card:hover, .hub-card:focus-visible {
|
|
color: var(--text); text-decoration: none; outline: none;
|
|
}
|
|
.hub-cards .hub-card {
|
|
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
|
|
}
|
|
.hub-cards .hub-card:hover, .hub-cards .hub-card:focus-visible {
|
|
transform: translateY(-10px);
|
|
box-shadow: 0 20px 48px rgba(0, 0, 0, 0.44);
|
|
border-color: var(--accent);
|
|
}
|
|
[data-theme="light"] .hub-cards .hub-card:hover,
|
|
[data-theme="light"] .hub-cards .hub-card:focus-visible {
|
|
box-shadow: 0 20px 44px rgba(26, 35, 50, 0.28);
|
|
}
|
|
.hub-card-icon {
|
|
display: flex; align-items: center; justify-content: center;
|
|
flex-shrink: 0; width: 40px; height: 40px; color: var(--accent);
|
|
}
|
|
.hub-card-icon .nav-icon { position: relative; }
|
|
.hub-card-label { font-size: 14px; font-weight: 500; line-height: 1.25; text-align: left; }
|
|
.nav-icon--git { width: 18px; height: 18px; }
|
|
.nav-icon--git::before {
|
|
content: ""; position: absolute; left: 2px; top: 2px;
|
|
width: 7px; height: 7px; border: 2px solid currentColor; border-radius: 50%; box-sizing: border-box;
|
|
}
|
|
.nav-icon--git::after {
|
|
content: ""; position: absolute; left: 8px; top: 5px;
|
|
width: 10px; height: 10px; border: 2px solid currentColor;
|
|
border-left: none; border-bottom: none; border-radius: 0 6px 0 0; box-sizing: border-box;
|
|
}
|
|
@media (max-width: 860px) {
|
|
.hub-cards { grid-template-columns: 1fr; max-width: 420px; }
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.hub-cards .hub-card { transition: border-color .15s ease, box-shadow .15s ease; }
|
|
.hub-cards .hub-card:hover, .hub-cards .hub-card:focus-visible { transform: none; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="hub-page">
|
|
<div class="shell hub-shell">
|
|
<main class="main-pane hub-main">
|
|
<header class="hub-header">
|
|
<h1 class="hub-title">Android Cast</h1>
|
|
<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) return;
|
|
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) {}
|
|
});
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|