50 lines
5.8 KiB
HTML
50 lines
5.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Soil Profile | Sacramento Soil Archive</title>
|
||
<style>
|
||
:root{--clay:#c94c32;--river:#2d5a4a;--loam:#8b7355;--sky:#e8f4f8;--ink:#1a1a1a}
|
||
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Inter:wght@300;400;600;800&display=swap');
|
||
*{margin:0;padding:0;box-sizing:border-box}
|
||
html,body{height:100%;font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--sky);color:var(--ink);scroll-behavior:smooth}
|
||
header{padding:1.5rem 3rem;background:linear-gradient(180deg,var(--river) 0%,#1a3a2e 100%);border-bottom:3px solid var(--clay);display:flex;justify-content:space-between;align-items:center}
|
||
header .back{text-decoration:none;color:#d8e8e0;font-weight:600;letter-spacing:1px}
|
||
main{max-width:1400px;margin:0 auto;padding:4rem 3rem}
|
||
.page-title{font-size:4rem;line-height:1.05;margin-bottom:2rem;color:var(--clay);letter-spacing:-2px}
|
||
.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:4rem}
|
||
.data-panel{background:#fff;border:2px solid var(--loam);border-radius:16px;padding:2.5rem;box-shadow:0 8px 24px rgba(201,76,50,0.15)}
|
||
.data-panel h2{font-size:2rem;margin-bottom:1.5rem;color:var(--river);border-bottom:3px solid var(--clay);padding-bottom:1rem}
|
||
.spec-item{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px dashed var(--loam);font-family:'JetBrains Mono',monospace;font-size:0.95rem}
|
||
.spec-label{opacity:0.7}
|
||
.spec-value{font-weight:700;color:var(--clay)}
|
||
.visual-section{margin-top:4rem;display:grid;grid-template-columns:2fr 1fr;gap:2rem}
|
||
.soil-stack{background:linear-gradient(180deg,#d4a574 0%,#c94c32 35%,#8b7355 70%,#3d2817 100%);border-radius:16px;height:400px;position:relative;overflow-hidden}
|
||
.stratum{position:absolute;left:0;right:0;background:rgba(255,255,255,0.15);border-left:4px solid #fff;display:flex;align-items:center;padding:0.8rem;font-family:'JetBrains Mono',monospace;font-weight:700;color:#fff}
|
||
.stratum:nth-child(1){top:0;height:35%}@media(max-width:1024px){.data-grid,.visual-section{grid-template-columns:1fr}}
|
||
.stratum:nth-child(2){top:35%;height:35%}@media(max-width:1024px){.stratum:nth-child(2){top:35%;height:35%}}
|
||
.stratum:nth-child(3){top:70%;height:30%}@media(max-width:1024px){.stratum:nth-child(3){top:70%;height:30%}}
|
||
.legend{background:var(--ink);color:#fff;padding:2rem;border-radius:16px}
|
||
.legend h3{color:var(--clay);margin-bottom:1.5rem;font-size:1.4rem}
|
||
.legend-item{display:flex;align-items:center;gap:1rem;padding:0.8rem 0;border-bottom:1px solid rgba(255,255,255,0.1)}
|
||
.swatch{width:24px;height:24px;border-radius:4px}</style>
|
||
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
</head>
|
||
<body>
|
||
<header><a href="index.html" class="back">← SACRAMENTO SOIL ARCHIVE</a><span style="color:#d8e8e0;font-family:'JetBrains Mono';font-size:0.9rem">COORDINATES: 37°N / 120.3°W</span></header>
|
||
<main>
|
||
<h1 class="page-title">CALIFORNIA CENTRAL VALLEY GRASSLANDS</h1>
|
||
<p style="font-size:1.4rem;line-height:1.6;max-width:60ch;opacity:0.9">WWF Ecoregion NA0801. The strata beneath the American River Parkway, the red clay that holds our gardens, the silt deposited by millennia of river migration.</p>
|
||
<section class="data-grid">
|
||
<article class="data-panel"><h2>PRIMARY ENTITY</h2><div class="spec-item"><span class="spec-label">wikidata:</span><span class="spec-value">Q104715382</span></div><div class="spec-item"><span class="spec-label">instance of:</span><span class="spec-value">ecoregion</span></div><div class="spec-item"><span class="spec-label">realm:</span><span class="spec-value">Nearctic</span></div><div class="spec-item"><span class="spec-label">country:</span><span class="spec-value">United States</span></div><div class="spec-item"><span class="spec-label">administrative entity:</span><span class="spec-value">California</span></div><div class="spec-item"><span class="spec-label">physical feature:</span><span class="spec-value">Central Valley</span></div><div class="spec-item"><span class="spec-label">one_earth_id:</span><span class="spec-value">california-central-valley-grasslands</span></div></article>
|
||
<article class="data-panel"><h2>CLASSIFICATION SYSTEM</h2><div class="spec-item"><span class="spec-label">wikidata:</span><span class="spec-value">Q905795</span></div><div class="spec-item"><span class="spec-label">standards_body:</span><span class="spec-value">ASTM International</span></div><div class="spec-item"><span class="spec-label">bartoc_id:</span><span class="spec-value">1082</span></div><div class="spec-item"><span class="spec-label">kbpedia_id:</span><span class="spec-value">UnifiedSoilClassificationSystem</span></div><div class="spec-item"><span class="spec-label">has_use:</span><span class="spec-value">soil classification</span></div><div class="spec-item"><span class="spec-label">items_classified:</span><span class="spec-value">soil</span></div></article>
|
||
</section>
|
||
<section class="visual-section">
|
||
<div class="soil-stack"><div class="stratum">0–35cm: Surface Loam (organic-rich)</div><div class="stratum">35–70cm: Red Clay Matrix (iron oxide saturation)</div><div class="stratum">70–100cm: Alluvial Silt (river deposition)</div></div>
|
||
<article class="legend"><h3>STRATUM LEGEND</h3><div class="legend-item"><div class="swatch" style="background:#d4a574"></div><span style="font-family:'JetBrains Mono'">Surface Loam — organic matter, seed banks</span></div><div class="legend-item"><div class="swatch" style="background:#c94c32"></div><span style="font-family:'JetBrains Mono'">Red Clay — iron oxides, water retention</span></div><div class="legend-item"><div class="swatch" style="background:#8b7355"></div><span style="font-family:'JetBrains Mono'">Alluvial Silt — river-borne minerals</span></div></article>
|
||
</section>
|
||
</main>
|
||
</body>
|
||
</html>
|