1
0
mirror of git://f0xx.org/android_cast synced 2026-07-29 07:39:15 +03:00

Add static Android Cast project hub landing page.

Three card links (reports, git, tickets) match crash console styling with stronger hover lift; nginx serves index.html at /app/androidcast_project/ instead of redirecting to crashes.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Anton Afanasyeu
2026-05-25 07:16:31 +02:00
parent 7e6a502103
commit d5ff009192
5 changed files with 269 additions and 4 deletions

155
examples/app_hub/hub.css Normal file
View File

@@ -0,0 +1,155 @@
/* Android Cast project hub — shares crash console tokens via app.css */
.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;
}
/* Stronger lift than detail Device cards (2× shadow, higher rise) */
.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;
}
/* Same caption weight/size as crash console nav labels (Tickets sidebar) */
.hub-card-label {
font-size: 14px;
font-weight: 500;
line-height: 1.25;
text-align: left;
}
/* Git — branch icon (hub only; git app may use its own asset) */
.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;
}
}