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

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:
2026-06-17 18:40:20 -04:00
parent 13ebcd82a8
commit c220ec3efd
2 changed files with 25 additions and 5 deletions
+6 -5
View File
@@ -182,6 +182,12 @@
<div class="dl-card">
<span class="build-chip"><span class="dot"></span> latest release</span>
<div class="dl-rows">
<a href="/dl/android" class="featured">
<svg viewBox="0 0 24 24"><path d="M7 8.5C7 6 9.2 4 12 4s5 2 5 4.5M7 8.5h10M7 8.5v7a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-7M9 4 8 2.5M15 4l1-1.5M9.5 19.5V22M14.5 19.5V22"/></svg>
<span class="name">Android <span class="file">arm · apk</span></span>
<span class="badge">Recommended</span>
<span class="arrow"></span>
</a>
<a href="/dl/linux">
<svg viewBox="0 0 24 24"><path d="M12 3c-2 0-3.5 1.6-3.5 3.8 0 1.5-.6 2.7-1.5 4-1 1.4-2 3-2 5C5 19 7 21 9.5 20.4c.8-.2 1.6-.2 2.5-.2s1.7 0 2.5.2C17 21 19 19 19 15.8c0-2-1-3.6-2-5-.9-1.3-1.5-2.5-1.5-4C15.5 4.6 14 3 12 3z"/><path d="M9.5 9.8h.01M14.5 9.8h.01"/></svg>
<span class="name">Linux <span class="file">x86_64 · tar.gz</span></span>
@@ -202,11 +208,6 @@
<span class="name">macOS <span class="file">universal · zip</span></span>
<span class="arrow"></span>
</a>
<a href="/dl/android">
<svg viewBox="0 0 24 24"><path d="M7 8.5C7 6 9.2 4 12 4s5 2 5 4.5M7 8.5h10M7 8.5v7a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-7M9 4 8 2.5M15 4l1-1.5M9.5 19.5V22M14.5 19.5V22"/></svg>
<span class="name">Android <span class="file">arm · apk</span></span>
<span class="arrow"></span>
</a>
<a href="https://github.com/2ro/goblin/releases">
<svg viewBox="0 0 24 24"><path d="M12 4v9M12 13l-3.5-3.5M12 13l3.5-3.5M5 17h14M5 20h14"/></svg>
<span class="name">All builds &amp; checksums <span class="file">sha256sums.txt</span></span>
+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); }