ac/ac-be-hub
1
0
Fork 0
mirror of git://f0xx.org/ac/ac-be-hub synced 2026-07-29 04:59:44 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat(hub): shared nav shell, downloads UI, footer fix

Browse Source 
Signed-off-by: Anton Afanasyeu <a.afanasieff@gmail.com>
This commit is contained in:
Anton Afanasyeu
2026-07-12 13:53:36 +02:00
parent 0042bb9870
commit db8832b417
7 changed files with 179 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
hub-landing.css
View File

@@ -259,12 +259,28 @@
gap: 12px;
margin-top: 20px;
}
.landing-gallery img {
.landing-gallery__tile {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: 10px;
border: 1px solid var(--border);
background: linear-gradient(145deg, rgba(61, 139, 253, 0.22), rgba(12, 24, 48, 0.85));
}
.landing-gallery__tile--network {
background: linear-gradient(145deg, rgba(61, 139, 253, 0.35), rgba(8, 18, 36, 0.9));
}
.landing-gallery__tile--cluster {
background: linear-gradient(145deg, rgba(46, 196, 182, 0.28), rgba(8, 18, 36, 0.9));
}
.landing-gallery__tile--ops {
background: linear-gradient(145deg, rgba(255, 159, 67, 0.25), rgba(8, 18, 36, 0.9));
}
.landing-gallery__tile--team {
background: linear-gradient(145deg, rgba(155, 89, 182, 0.28), rgba(8, 18, 36, 0.9));
}
.landing-gallery__tile--collab {
background: linear-gradient(145deg, rgba(61, 139, 253, 0.22), rgba(46, 196, 182, 0.18));
}
.landing-feature-grid {
@@ -475,14 +491,63 @@
.landing-rail { transition: none; }
}
/* Downloads / documentation big rounded CTAs */
/* Downloads — tall cards: icon on top, resource name below */
.landing-download-grid {
display: flex;
flex-wrap: wrap;
gap: 16px;
gap: 20px;
margin: 20px 0 12px;
}
.landing-download-card {
min-width: 200px;
width: min(220px, 100%);
min-height: 168px;
padding: 24px 20px 20px;
border-radius: 18px;
font-size: 1rem;
font-weight: 600;
text-align: center;
text-decoration: none;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
transition: box-shadow 0.2s ease, transform 0.15s ease;
border: 1px solid rgba(61, 139, 253, 0.35);
}
.landing-download-card__icon {
width: 72px;
height: 72px;
flex-shrink: 0;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.95;
}
.landing-download-card__icon--android {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233DDC84'%3E%3Cpath d='M17.6 9.48l1.84-3.18c.16-.31-.04-.68-.38-.74a.495.495 0 0 0-.55.27l-1.87 3.24a11.43 11.43 0 0 0-8.12 0L6.65 5.83a.495.495 0 0 0-.55-.27c-.34.06-.54.43-.38.74L7.56 9.48C4.01 11.27 1.46 14.79 1 19h22c-.46-4.21-3.01-7.73-6.54-9.52zM7 16.5c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm10 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z'/%3E%3C/svg%3E");
}
.landing-download-card__icon--studio {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F4A460'%3E%3Cpath d='M6 3h12l1 3H5l1-3zm-1 5h14v11c0 1.1-.9 2-2 2H7c-1.1 0-2-.9-2-2V8zm4 2v2h2v-2H9zm4 0v2h2v-2h-2z'/%3E%3Cpath d='M8 19h8v1H8v-1z' fill='%23654321'/%3E%3C/svg%3E");
}
.landing-download-card__label {
line-height: 1.25;
letter-spacing: 0.01em;
}
.landing-download-card:hover,
.landing-download-card:focus-visible {
transform: translateY(-2px);
box-shadow: 0 0 30px rgba(61, 139, 253, 0.45);
}
/* Legacy pill buttons (documentation page, resources) */
.landing-download-btn {
min-width: 200px;
min-height: 56px;