From c220ec3efd10352cc39afebceb6bbac94f89bb79 Mon Sep 17 00:00:00 2001
From: butler <butler@pka.world>
Date: Wed, 17 Jun 2026 18:40:20 -0400
Subject: [PATCH] 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>
---
 index.html | 11 ++++++-----
 styles.css | 19 +++++++++++++++++++
 2 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 6244e2c..87ce35c 100644
--- a/index.html
+++ b/index.html
@@ -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>
diff --git a/styles.css b/styles.css
index 555b11a..9e35401 100644
--- a/styles.css
+++ b/styles.css
@@ -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); }