126 lines
4.7 KiB
HTML
126 lines
4.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Brandy Meade | Process Control & Neon Lattices</title>
|
||
|
|
<style>
|
||
|
|
:root {
|
||
|
|
--neon-radish: #ff6b9d;
|
||
|
|
--stevens-point-blue: #1a365d;
|
||
|
|
--conveyor-black: #0a0f1a;
|
||
|
|
--sensor-green: #00ff88;
|
||
|
|
--alarm-red: #ff3366;
|
||
|
|
}
|
||
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
|
|
body {
|
||
|
|
font-family: 'SF Mono', 'Menlo', monospace;
|
||
|
|
background: var(--conveyor-black);
|
||
|
|
color: #e8f4fd;
|
||
|
|
line-height: 1.6;
|
||
|
|
}
|
||
|
|
header {
|
||
|
|
background: linear-gradient(135deg, var(--stevens-point-blue) 0%, var(--conveyor-black) 100%);
|
||
|
|
border-bottom: 3px solid var(--neon-radish);
|
||
|
|
padding: 3rem 2rem;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
h1 {
|
||
|
|
font-size: clamp(2rem, 5vw, 4rem);
|
||
|
|
color: var(--neon-radish);
|
||
|
|
text-shadow: 0 0 30px var(--neon-radish);
|
||
|
|
letter-spacing: -2px;
|
||
|
|
}
|
||
|
|
.subtitle {
|
||
|
|
font-size: clamp(0.9rem, 2vw, 1.2rem);
|
||
|
|
color: var(--sensor-green);
|
||
|
|
margin-top: 1rem;
|
||
|
|
max-width: 600px;
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
}
|
||
|
|
nav {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||
|
|
gap: 1rem;
|
||
|
|
padding: 2rem;
|
||
|
|
max-width: 1400px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
nav a {
|
||
|
|
background: rgba(26, 54, 93, 0.3);
|
||
|
|
border: 2px solid var(--sensor-green);
|
||
|
|
color: var(--sensor-green);
|
||
|
|
padding: 1.5rem;
|
||
|
|
text-decoration: none;
|
||
|
|
font-weight: bold;
|
||
|
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
nav a:hover {
|
||
|
|
background: var(--sensor-green);
|
||
|
|
color: var(--conveyor-black);
|
||
|
|
transform: translateY(-3px);
|
||
|
|
box-shadow: 0 10px 40px rgba(0, 255, 136, 0.4);
|
||
|
|
}
|
||
|
|
.hero-img {
|
||
|
|
width: 100%;
|
||
|
|
max-width: 1200px;
|
||
|
|
height: 400px;
|
||
|
|
object-fit: cover;
|
||
|
|
border-radius: 0;
|
||
|
|
filter: contrast(1.2) saturate(1.3);
|
||
|
|
margin: 2rem auto;
|
||
|
|
display: block;
|
||
|
|
border: 1px solid var(--neon-radish);
|
||
|
|
}
|
||
|
|
footer {
|
||
|
|
text-align: center;
|
||
|
|
padding: 3rem 2rem;
|
||
|
|
border-top: 1px solid var(--stevens-point-blue);
|
||
|
|
margin-top: 4rem;
|
||
|
|
color: var(--stevens-point-blue);
|
||
|
|
}
|
||
|
|
.pulse {
|
||
|
|
animation: pulse 2s ease-in-out infinite;
|
||
|
|
}
|
||
|
|
@keyframes pulse {
|
||
|
|
0%, 100% { opacity: 1; }
|
||
|
|
50% { opacity: 0.6; }
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<header>
|
||
|
|
<h1 class="pulse">BRANDY MEADE</h1>
|
||
|
|
<p class="subtitle">Industrial Engineering Student • Stevens Point, WI<br>Calibrating Instruments by Day • Sketching Process Flows in Neon by Night</p>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<img class="hero-img" src="https://images.unsplash.com/photo-1581093450021-4a7360e9a6af?q=80&w=1920&auto=format&fit=crop" alt="Food processing facility interior with stainless steel equipment and conveyor systems">
|
||
|
|
|
||
|
|
<nav>
|
||
|
|
<a href="/radish-calibration.html">
|
||
|
|
🥬 RADISH CALIBRATION PROTOCOL<br><small style="font-size: 0.7em; opacity: 0.8;">pH 6.2 ± 0.1 | Temp 4°C | Slice Thickness 1.2mm</small>
|
||
|
|
</a>
|
||
|
|
<a href="/python-sensor-array.html">
|
||
|
|
💻 PYTHON SENSOR ARRAY<br><small style="font-size: 0.7em; opacity: 0.8;">Real-time Data Collection • Batch Validation</small>
|
||
|
|
</a>
|
||
|
|
<a href="/neon-process-flows.html">
|
||
|
|
⚡ NEON PROCESS FLOWS<br><small style="font-size: 0.7em; opacity: 0.8;">Abstract Art Meets Six Sigma</small>
|
||
|
|
</a>
|
||
|
|
<a href="/error-log-artifact.html">
|
||
|
|
🔴 ERROR LOG ARTIFACT<br><small style="font-size: 0.7em; opacity: 0.8;">When Glitches Become Coordinates</small>
|
||
|
|
</a>
|
||
|
|
<a href="/reactor-control-room.html" style="border-color: var(--alarm-red); color: var(--alarm-red);">
|
||
|
|
⚛️ REACTOR CONTROL ROOM<br><small style="font-size: 0.7em; opacity: 0.8;">Thermal Limits • Coolant Flow • Live Intelligence</small>
|
||
|
|
</a>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<footer>
|
||
|
|
<p>Every measurement is a verse. Every calibration, a stanza.</p>
|
||
|
|
<p style="margin-top: 1rem; opacity: 0.6;">Stevens Point, Wisconsin → Galaxy Uplink</p>
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|