feat(landing): 230px fullbody roster, features goat column, trimmed header

- Members roster avatars render 230px tall (full body); NMSR size bumped to 256
  and tiles widened to fit the portrait.
- Features section is now two columns: the 4 feature cards stacked on the left, a
  Minecraft goat image on the right (public/Goat_JE1_BE1.webp). Stacks on narrow
  screens.
- Header nav links trimmed to How to Join + Status; the auth CTA cluster is now
  Register / Account / Play (the old "Log in" button relabeled Account →
  Cuenta/Kontua).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
oierandClaude Opus 4.8 committed 2026-06-10 22:13:58 +02:00
1 parent c8a6c77a8e
commit 362228f985
5 files changed
+41 -19

No files matched your search

+14 -12
View File
@@ -75,9 +75,6 @@ const dustBits = Array.from({ length: 16 }, (_, i) => {
<nav class="nav-links">
<a href="#join">{t.nav.join}</a>
<a href="#status">{t.nav.status}</a>
<a href="#members">{t.nav.members}</a>
<a href="#mods">{t.nav.mods}</a>
<a href="#features">{t.nav.features}</a>
</nav>
<span class="nav-spacer"></span>
<div class="lang-switch" aria-label="Language">
@@ -238,16 +235,21 @@ const dustBits = Array.from({ length: 16 }, (_, i) => {
<h2 class="section-title">{t.features.title}</h2>
<p class="lead">{t.features.lead}</p>
</div>
<div class="feat-grid">
{site.features.map((f, i) => (
<div class="feat reveal" style={`transition-delay:${(i % 2) * 80}ms`}>
<PixelIcon glyph={f.glyph} gold={f.gold} />
<div>
<h3>{t.features.items[i].h}</h3>
<p>{t.features.items[i].p}</p>
<div class="feat-split">
<div class="feat-grid">
{site.features.map((f, i) => (
<div class="feat reveal" style={`transition-delay:${(i % 2) * 80}ms`}>
<PixelIcon glyph={f.glyph} gold={f.gold} />
<div>
<h3>{t.features.items[i].h}</h3>
<p>{t.features.items[i].p}</p>
</div>
</div>
</div>
))}
))}
</div>
<div class="feat-aside reveal">
<img src="/Goat_JE1_BE1.webp" alt="" width="1200" height="1200" loading="lazy" />
</div>
</div>
</div>
</section>