ac/android_cast
1
0
Fork 0
mirror of git://f0xx.org/android_cast synced 2026-07-29 07:58:10 +03:00
Code Issues Packages Projects Releases Wiki Activity

Add hub landing logo SVG and watermark background.

Browse Source 
Globe with mercator grid, rocket arc, and palette aligned to crash console;
hub.css at 3% opacity background; styles split from inline HTML.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Anton Afanasyeu
2026-05-26 16:14:17 +02:00
parent 06e512ce5e
commit d5a30d19d7
4 changed files with 292 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
examples/app_hub/index.html
View File

@@ -11,70 +11,16 @@
})();
</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>
<link rel="stylesheet" href="hub.css">
</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>
<div class="hub-brand">
<img class="hub-logo-mark" src="assets/hub-logo.svg" alt="" width="112" height="84" decoding="async">
<h1 class="hub-title">Android Cast</h1>
</div>
<p class="muted hub-subtitle">Project hub</p>
<label class="toolbar-select hub-theme">
<span>Theme</span>