Improve accessibility and polish page styling
Some checks failed
Deploy MineGeo to Dokploy / deploy (push) Failing after 11m31s

This commit is contained in:
2026-10-24 14:11:17 +05:00
parent 060e8f27ef
commit 927923dc95
34 changed files with 99 additions and 48 deletions

View File

@@ -30,10 +30,10 @@ export default async function Home() {
<>
<FirstVisitIntro />
<Header />
<main className="home-page" id="main-content">
<main className="home-page" id="main-content" tabIndex={-1}>
<section className="hero">
<div className="hero-copy">
<div className="status-label">{t("A MINECRAFT GUESSING GAME")}</div>
<div className="status-label">{t("A Minecraft guessing game")}</div>
<h1>
{t("Guess where you are")}
<br />
@@ -131,8 +131,8 @@ export default async function Home() {
<section className="section catalog-section">
<div className="section-heading">
<div>
<span className="eyebrow">{t("COMMUNITY MAPS")}</span>
<h2>{t("Where will you go today?")}</h2>
<span className="eyebrow">{t("Community maps")}</span>
<h2>{t("Explore community worlds.")}</h2>
</div>
<Link className="text-link" href="/servers">
{t("All maps ({count})", { count: maps.length })}{" "}
@@ -196,7 +196,7 @@ export default async function Home() {
</Suspense>
<section className="section home-panels">
<article className="home-panel">
<span className="eyebrow">{t("HOW TO PLAY")}</span>
<span className="eyebrow">{t("How to play")}</span>
<h2>{t("Know your blocks?")}</h2>
<ol className="play-steps">
<li>
@@ -234,8 +234,8 @@ export default async function Home() {
</Link>
</article>
<article className="home-panel">
<span className="eyebrow">{t("CHOOSE YOUR CHALLENGE")}</span>
<h2>{t("Find your challenge.")}</h2>
<span className="eyebrow">{t("Choose a difficulty")}</span>
<h2>{t("Pick a difficulty.")}</h2>
<div className="mode-list">
{[
{
@@ -287,8 +287,8 @@ export default async function Home() {
<section className="section contribute-banner">
<Blocks size={38} />
<div>
<span className="eyebrow">{t("BUILT BY THE COMMUNITY")}</span>
<h2>{t("Your world deserves to be explored.")}</h2>
<span className="eyebrow">{t("Made by MineGeo players")}</span>
<h2>{t("Put your world on the map.")}</h2>
<p>
{t("Share your builds and your favorite corners of Minecraft.")}
</p>