102 lines
3.5 KiB
HTML
102 lines
3.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Abel Hall • UX Researcher</title>
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
font-family: system-ui, -apple-system, sans-serif;
|
||
|
|
background: #0a0a0a;
|
||
|
|
color: #e0e0e0;
|
||
|
|
margin: 0;
|
||
|
|
padding: 2rem;
|
||
|
|
line-height: 1.6;
|
||
|
|
}
|
||
|
|
h1 { color: #4a9eff; }
|
||
|
|
a { color: #4a9eff; }
|
||
|
|
.grid {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||
|
|
gap: 1.5rem;
|
||
|
|
margin-top: 2rem;
|
||
|
|
}
|
||
|
|
.card {
|
||
|
|
background: #1a1a1a;
|
||
|
|
padding: 1.5rem;
|
||
|
|
border-radius: 8px;
|
||
|
|
}
|
||
|
|
.section { margin: 2rem 0; }
|
||
|
|
.section h2 {
|
||
|
|
color: #4a9eff;
|
||
|
|
border-bottom: 1px solid #4a9eff;
|
||
|
|
padding-bottom: 0.5rem;
|
||
|
|
}
|
||
|
|
footer {
|
||
|
|
margin-top: 3rem;
|
||
|
|
padding-top: 2rem;
|
||
|
|
border-top: 1px solid #4a9eff;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>Abel Hall</h1>
|
||
|
|
<p>UX researcher mapping Earth disciplines to Mars habitats. 14-week iterative cycles. From North Shore trails to dome interfaces.</p>
|
||
|
|
|
||
|
|
<div class="section">
|
||
|
|
<h2>Mars UX Flows</h2>
|
||
|
|
<div class="grid">
|
||
|
|
<div class="card">
|
||
|
|
<h3>Desktop-to-Habitat</h3>
|
||
|
|
<p><a href="https://abel-hall.4ort.net/mars-ux.html">Original interface mapping</a></p>
|
||
|
|
</div>
|
||
|
|
<div class="card">
|
||
|
|
<h3>14-Week Colony UX</h3>
|
||
|
|
<p><a href="https://abel-hall.4ort.net/mars-habitat-flow.html">Full colony workflow</a></p>
|
||
|
|
</div>
|
||
|
|
<div class="card">
|
||
|
|
<h3>Chess Grid Logic</h3>
|
||
|
|
<p><a href="https://abel-hall.4ort.net/colony-chess-grid.html">Interface strategy mapped like a chess game</a></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="section">
|
||
|
|
<h2>Arduino & Sensors</h2>
|
||
|
|
<div class="grid">
|
||
|
|
<div class="card">
|
||
|
|
<h3>Arduino-to-Dome</h3>
|
||
|
|
<p><a href="https://abel-hall.4ort.net/arduino-to-dome.html">Sensor mapping from workshop to habitat</a></p>
|
||
|
|
</div>
|
||
|
|
<div class="card">
|
||
|
|
<h3>Sensor-Habitat Flow</h3>
|
||
|
|
<p><a href="https://abel-hall.4ort.net/sensor-habitat-flow.html">Data flow from Arduino to dome</a></p>
|
||
|
|
</div>
|
||
|
|
<div class="card">
|
||
|
|
<h3>14-Week Calibration</h3>
|
||
|
|
<p><a href="https://abel-hall.4ort.net/colony-arduino-calibration.html">Sensor drift logs mapped to North Shore baselines</a></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="section">
|
||
|
|
<h2>Community & Competition</h2>
|
||
|
|
<div class="grid">
|
||
|
|
<div class="card">
|
||
|
|
<h3>FIFA Sensor Mapping</h3>
|
||
|
|
<p><a href="https://abel-hall.4ort.net/fifa-sensor-mapping.html">World Cup pace meets 14-week dome leagues</a></p>
|
||
|
|
</div>
|
||
|
|
<div class="card">
|
||
|
|
<h3>North Shore Grounding</h3>
|
||
|
|
<p><a href="https://abel-hall.4ort.net/north-shore-to-dome.html">Every trail mapped to every dome check</a></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<footer>
|
||
|
|
<p>Steady data points. Walker Art Center roots. Every move matters.</p>
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|