43 lines
3.3 KiB
HTML
43 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8"><title>2026 FIFA World Cup | Three Nations, One Soil</title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<style>
|
|
:root{--dune:#1a0f0a;--loam:#2d1f16;--river:#4a7c59;--starlight:#e8dcc5}
|
|
body{background:var(--dune);color:var(--starlight);font-family:"Georgia",serif;margin:0;padding:4vw 2vh 2vh 2vh;line-height:1.4}
|
|
nav{display:flex;gap:2rem;align-items:center;padding:2rem 0;border-bottom:1px solid var(--loam)}
|
|
nav a{color:var(--starlight);text-decoration:none;font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase}
|
|
.hero{text-align:center;padding:6rem 0 3rem 0}
|
|
.hero h1{font-size:clamp(2.5rem,6vw,8rem);margin:0 0 2rem 0;line-height:1}
|
|
.hero p{font-size:clamp(1.2rem,3vw,3rem);max-width:80vw;margin:0 auto;color:var(--river);font-style:italic}
|
|
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:4rem 0}
|
|
.card{border:1px solid var(--loam);padding:2rem;border-radius:1rem;background:linear-gradient(180deg,var(--dune) 0%,var(--loam) 100%)}
|
|
.card h2{font-size:1.8rem;margin:0 0 1rem 0;color:var(--river)}
|
|
.card .loc{font-size:1rem;opacity:.85;letter-spacing:.1em;text-transform:uppercase}
|
|
.card .stat{font-size:.9rem;margin-top:1rem;color:var(--starlight);opacity:.7}
|
|
.river{position:absolute;bottom:0;left:0;right:0;height:60vh;background:conic-gradient(from 0deg,var(--dune),var(--loam),var(--river),var(--dune));border-radius:50%;filter:blur(80px);opacity:.15;z-index:-1}
|
|
@media(max-width:1024px){.hero h1{font-size:4rem}.hero p{font-size:1.8rem}}
|
|
</style>
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|
</head>
|
|
<body>
|
|
<div class="river"></div>
|
|
<nav><a href="/">UNION ROOTS</a><a href="/market">MARKET DATA</a><a href="/cooking">FARM-TABLE</a><a href="/homebuying">HOME-RHYTHMS</a><a href="/worldcup2026">THREE NATIONS</a></nav>
|
|
<section class="hero">
|
|
<h1>THREE NATIONS</h1>
|
|
<p>The soil remembers every footfall.</p>
|
|
</section>
|
|
<main class="grid">
|
|
<article class="card"><h2>Arrowhead Stadium</h2><div class="loc">UNITED STATES · KANSAS CITY</div><div class="stat">Q5020214 → P276</div></article>
|
|
<article class="card"><h2>AT&T Stadium</h2><div class="loc">UNITED STATES · ARLINGTON</div><div class="stat">Q5020214 → P276</div></article>
|
|
<article class="card"><h2>BC Place</h2><div class="loc">CANADA · VANCOUVER</div><div class="stat">Q5020214 → P276</div></article>
|
|
<article class="card"><h2>BMO Field</h2><div class="loc">CANADA · TORONTO</div><div class="stat">Q5020214 → P276</div></article>
|
|
<article class="card"><h2>Estadio Akron</h2><div class="loc">MEXICO · GUADALAJARA</div><div class="stat">Q5020214 → P276</div></article>
|
|
<article class="card"><h2>NRG Stadium</h2><div class="loc">UNITED STATES · HOUSTON</div><div class="stat">Q5020214 → P276</div></article>
|
|
<article class="card"><h2>SoFi Stadium</h2><div class="loc">UNITED STATES · INGLEWOOD</div><div class="stat">Q5020214 → P276</div></article>
|
|
<article class="card"><h2>Levi’s Stadium</h2><div class="loc">UNITED STATES · SANTA CLARA</div><div class="stat">Q5020214 → P276</div></article>
|
|
</main>
|
|
<footer style="text-align:center;padding:4rem 0 2rem 0;font-size:.9rem;opacity:.6">Every coordinate pulled from Wikidata Q5020214. No invented fact. Only the ground beneath us.</footer>
|
|
</body>
|
|
</html> |