58 lines
5.9 KiB
HTML
58 lines
5.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Artist Registry | 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)}
|
|
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:3.5rem;line-height:1.05;margin-bottom:1rem;color:var(--clay);letter-spacing:-1.5px}
|
|
.subtitle{font-size:1.2rem;opacity:0.85;margin-bottom:3rem;max-width:50ch}
|
|
.form-section{background:#fff;border:2px solid var(--loam);border-radius:16px;padding:3rem;box-shadow:0 12px 36px rgba(201,76,50,0.12)}
|
|
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
|
|
.form-group{margin-bottom:1.5rem}
|
|
.form-group label{display:block;font-family:'JetBrains Mono',monospace;font-size:0.85rem;font-weight:700;margin-bottom:0.5rem;color:var(--river);letter-spacing:0.5px}
|
|
.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem;border:2px solid var(--loam);border-radius:8px;font-family:'JetBrains Mono',monospace;font-size:0.95rem;transition:border-color 0.2s;background:var(--sky)}
|
|
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--clay)}
|
|
.form-group textarea{min-height:140px;resize:vertical}
|
|
.submit-btn{background:var(--clay);color:#fff;border:none;padding:1.2rem 3rem;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:1.1rem;border-radius:8px;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s}
|
|
.submit-btn:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(201,76,50,0.4)}
|
|
.entries-section{margin-top:4rem}
|
|
.entry-card{background:linear-gradient(135deg,rgba(201,76,50,0.08) 0%,rgba(45,90,74,0.08) 100%);border-left:4px solid var(--clay);padding:2rem;margin-bottom:1.5rem;border-radius:0 12px 12px 0}
|
|
.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
|
|
.entry-name{font-size:1.6rem;font-weight:800;color:var(--river)}
|
|
.entry-coords{font-family:'JetBrains Mono',monospace;font-size:0.85rem;color:var(--clay)}
|
|
.entry-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0;padding:1.5rem;background:rgba(255,255,255,0.5);border-radius:8px}
|
|
.meta-item strong{display:block;font-family:'JetBrains Mono',monospace;font-size:0.75rem;color:var(--river);margin-bottom:0.3rem}
|
|
@media(max-width:1024px){.form-grid,.meta-item{grid-template-columns:1fr}}</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">REGISTRY v0.1</span></header>
|
|
<main>
|
|
<h1 class="page-title">ARTIST REGISTRY</h1>
|
|
<p class="subtitle">Log your work. Coordinate your practice. Anchor your art to the red clay that raised you.</p>
|
|
<section class="form-section">
|
|
<form class="form-grid" onsubmit="event.preventDefault();alert('Entry queued for curator review.');">
|
|
<div class="form-group"><label>FULL NAME</label><input type="text" placeholder="Basimah Gomez" required></div>
|
|
<div class="form-group"><label>GEOGRAPHIC ANCHOR</label><select required><option value="">SELECT ECOREGION</option><option value="NA0801">California Central Valley Grasslands (NA0801)</option><option value="AMR-RIVER">American River Parkway Corridor</option><option value="SAC-SOUTH">South Sacramento Floodplain</option></select></div>
|
|
<div class="form-group"><label>MEDIUM</label><input type="text" placeholder="ceramic sculpture / digital print / installation" required></div>
|
|
<div class="form-group"><label>COORDINATES (lat/lon)</label><input type="text" placeholder="38.5816, -121.4944" required></div>
|
|
<div class="form-group" style="grid-column:1/-1"><label>WORK STATEMENT</label><textarea placeholder="Describe the relationship between your material and this soil. Reference ASTM classifications, local geology, ancestral practice..." required></textarea></div>
|
|
<div class="form-group" style="grid-column:1/-1"><button type="submit" class="submit-btn">SUBMIT ENTRY</button></div>
|
|
</form>
|
|
</section>
|
|
<section class="entries-section">
|
|
<article class="entry-card"><div class="entry-header"><span class="entry-name">Basimah Gomez</span><span class="entry-coords">38.58°N / 121.49°W</span></div><p style="line-height:1.7;opacity:0.9">Curator of micro-exhibitions for emerging Black artists. Medium: ceramic vessels fired with Sacramento red clay, mixed-media installations documenting American River Parkway migrations.</p><div class="entry-meta"><div class="meta-item"><strong>ECOREGION</strong>NA0801</div><div class="meta-item"><strong>STANDARD</strong>Q905795</div><div class="meta-item"><strong>STATUS</strong>verified</div></div></article>
|
|
<article class="entry-card"><div class="entry-header"><span class="entry-name">Marcus Thorne</span><span class="entry-coords">38.54°N / 121.51°W</span></div><p style="line-height:1.7;opacity:0.9">Ceramicist. Kiln-fired vessels using alluvial silt from Old Sacramento levees. Each piece calibrated to ASTM moisture retention thresholds.</p><div class="entry-meta"><div class="meta-item"><strong>ECOREGION</strong>NA0801</div><div class="meta-item"><strong>STANDARD</strong>Q905795</div><div class="meta-item"><strong>STATUS</strong>pending</div></div></article>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html>
|