diff --git a/landing/public/Goat_JE1_BE1.webp b/landing/public/Goat_JE1_BE1.webp new file mode 100644 index 0000000..0e713c3 Binary files /dev/null and b/landing/public/Goat_JE1_BE1.webp differ diff --git a/landing/src/components/PlayerRoster.astro b/landing/src/components/PlayerRoster.astro index 8708a4d..18d9e53 100644 --- a/landing/src/components/PlayerRoster.astro +++ b/landing/src/components/PlayerRoster.astro @@ -78,7 +78,7 @@ const { status, avatarUrl, rosterAvatarMode } = site; const img = document.createElement("img"); img.loading = "lazy"; img.alt = name; - img.src = `${avatar}/${mode}/${uuid}?size=128`; + img.src = `${avatar}/${mode}/${uuid}?size=256`; const label = document.createElement("span"); label.className = "roster-name"; label.textContent = name; diff --git a/landing/src/i18n/ui.ts b/landing/src/i18n/ui.ts index 76f0708..7429bda 100644 --- a/landing/src/i18n/ui.ts +++ b/landing/src/i18n/ui.ts @@ -183,7 +183,7 @@ export const ui: Record = { en: { htmlLang: "en", copied: "Copied!", - nav: { status: "Status", members: "Members", features: "Features", mods: "Mods", join: "How to Join", play: "Play", register: "Register", login: "Log in" }, + nav: { status: "Status", members: "Members", features: "Features", mods: "Mods", join: "How to Join", play: "Play", register: "Register", login: "Account" }, hero: { eyebrow: "Modded LAN · NeoForge", tagline: "Kitchen-sink survival, built to outlast the weekend.", @@ -365,7 +365,7 @@ export const ui: Record = { es: { htmlLang: "es", copied: "¡Copiado!", - nav: { status: "Estado", members: "Miembros", features: "Características", mods: "Mods", join: "Cómo entrar", play: "Jugar", register: "Registro", login: "Entrar" }, + nav: { status: "Estado", members: "Miembros", features: "Características", mods: "Mods", join: "Cómo entrar", play: "Jugar", register: "Registro", login: "Cuenta" }, hero: { eyebrow: "LAN con mods · NeoForge", tagline: "Supervivencia todo incluido, para durar más que el finde.", @@ -547,7 +547,7 @@ export const ui: Record = { eu: { htmlLang: "eu", copied: "Kopiatuta!", - nav: { status: "Egoera", members: "Kideak", features: "Ezaugarriak", mods: "Mods", join: "Nola sartu", play: "Jolastu", register: "Erregistroa", login: "Sartu" }, + nav: { status: "Egoera", members: "Kideak", features: "Ezaugarriak", mods: "Mods", join: "Nola sartu", play: "Jolastu", register: "Erregistroa", login: "Kontua" }, hero: { eyebrow: "Mod-dun LANa · NeoForge", tagline: "Mod ugariko biziraupena, irauteko egina.", diff --git a/landing/src/pages/[...lang].astro b/landing/src/pages/[...lang].astro index 542f6dd..7d32c26 100644 --- a/landing/src/pages/[...lang].astro +++ b/landing/src/pages/[...lang].astro @@ -75,9 +75,6 @@ const dustBits = Array.from({ length: 16 }, (_, i) => {
@@ -238,16 +235,21 @@ const dustBits = Array.from({ length: 16 }, (_, i) => {

{t.features.title}

{t.features.lead}

-
- {site.features.map((f, i) => ( -
- -
-

{t.features.items[i].h}

-

{t.features.items[i].p}

+
+
+ {site.features.map((f, i) => ( +
+ +
+

{t.features.items[i].h}

+

{t.features.items[i].p}

+
-
- ))} + ))} +
+
+ +
diff --git a/landing/src/styles/main.css b/landing/src/styles/main.css index 3dafe43..3ef3b5e 100644 --- a/landing/src/styles/main.css +++ b/landing/src/styles/main.css @@ -474,7 +474,7 @@ section { position: relative; z-index: 1; } ============================================================ */ .roster { display: grid; - grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); + grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; } .roster-tile { @@ -487,7 +487,7 @@ section { position: relative; z-index: 1; } } .roster-tile img { width: auto; - height: 72px; + height: 230px; object-fit: contain; image-rendering: pixelated; } @@ -505,11 +505,31 @@ section { position: relative; z-index: 1; } /* ============================================================ FEATURES ============================================================ */ +.feat-split { + display: grid; + grid-template-columns: 1.2fr 1fr; + gap: 28px; + align-items: center; +} .feat-grid { display: grid; - grid-template-columns: repeat(2, 1fr); + grid-template-columns: 1fr; gap: 18px; } +.feat-aside { + display: flex; + align-items: center; + justify-content: center; +} +.feat-aside img { + width: 100%; + max-width: 420px; + height: auto; + image-rendering: pixelated; +} +@media (max-width: 760px) { + .feat-split { grid-template-columns: 1fr; } +} .feat { display: flex; gap: 18px;