Improve accessibility and polish page styling
Some checks failed
Deploy MineGeo to Dokploy / deploy (push) Failing after 11m31s
Some checks failed
Deploy MineGeo to Dokploy / deploy (push) Failing after 11m31s
This commit is contained in:
18
app/page.tsx
18
app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user