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:
1 parent
c8a6c77a8e
commit
362228f985
5 files changed
+41
-19
No files matched your search
@@ -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>
|
||||
|
||||
Reference in new issue
Block a user