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:
+6
-5
@@ -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 & checksums <span class="file">sha256sums.txt</span></span>
|
||||
|
||||
+19
@@ -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); }
|
||||
|
||||
Reference in New Issue
Block a user