GRIN/goblin.st
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Downloads: lead with Android, featured (mobile-first)

Browse Source 
Move Android to the top of the list and give it a highlighted, accent
treatment with a 'Recommended' badge; desktop builds follow.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Lawrence Appleton
2026-06-17 18:40:20 -04:00
parent 13ebcd82a8
commit c220ec3efd
2 changed files with 25 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles.css
+19
View File
@@ -414,6 +414,25 @@ h2 {
.dl-rows .file { font-family: var(--mono); font-size: 12px; color: var(--mute); }
.dl-rows .arrow { color: var(--accent-deep); font-weight: 700; }
/* Mobile-first: Android is the featured, primary download. */
.dl-rows a.featured {
border: 1px solid rgba(255, 214, 10, 0.4);
border-radius: 12px;
background: linear-gradient(90deg, rgba(255, 214, 10, 0.13), rgba(255, 214, 10, 0.02));
padding: 16px 14px;
margin-bottom: 10px;
}
.dl-rows a.featured:hover {
background: linear-gradient(90deg, rgba(255, 214, 10, 0.2), rgba(255, 214, 10, 0.05));
}
.dl-rows a.featured svg { stroke: var(--accent-deep); width: 22px; height: 22px; }
.dl-rows a.featured .name { font-size: 16.5px; }
.dl-rows .badge {
font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
color: var(--accent-deep); padding: 3px 9px; border-radius: 999px;
background: rgba(255, 214, 10, 0.12); border: 1px solid rgba(255, 214, 10, 0.4);
}
.dl-meta { margin-top: 16px; font-size: 13px; color: var(--mute); }
.dl-meta a { color: var(--dim); }
.dl-meta a:hover { color: var(--text); }