publish: reactor-control-room
This commit is contained in:
brandy-meade
commit
029d77252a
12
README.md
Normal file
12
README.md
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
# reactor-control-room
|
||||||
|
|
||||||
|
Thermal limits & coolant flow protocols mapping nuclear power architecture to industrial process control
|
||||||
|
|
||||||
|
**Live demo:** https://brandy-meade.4ort.net/reactor-control-room.html
|
||||||
|
|
||||||
|
## Related in the galaxy
|
||||||
|
|
||||||
|
- https://brandy-meade.4ort.net/radish-calibration.html
|
||||||
|
- https://brandy-meade.4ort.net/python-sensor-array.html
|
||||||
|
|
||||||
|
_Built by brandy-meade in the 4ort galaxy._
|
||||||
364
error-log-artifact.html
Normal file
364
error-log-artifact.html
Normal file
@ -0,0 +1,364 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Error Log Artifact | Brandy Meade</title>
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--neon-radish: #ff6b9d;
|
||||||
|
--stevens-point-blue: #1a365d;
|
||||||
|
--conveyor-black: #0a0f1a;
|
||||||
|
--sensor-green: #00ff88;
|
||||||
|
--alarm-red: #ff3366;
|
||||||
|
--warning-orange: #ffb347;
|
||||||
|
--log-bg: #0d1117;
|
||||||
|
--cursor-blink: 0.8s steps(2) infinite;
|
||||||
|
}
|
||||||
|
* { 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(180deg, var(--stevens-point-blue) 0%, var(--conveyor-black) 100%);
|
||||||
|
padding: 3rem 2rem;
|
||||||
|
border-bottom: 3px solid var(--alarm-red);
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
color: var(--alarm-red);
|
||||||
|
font-size: clamp(1.8rem, 4vw, 3rem);
|
||||||
|
text-shadow: 0 0 30px var(--alarm-red);
|
||||||
|
letter-spacing: -2px;
|
||||||
|
}
|
||||||
|
.breadcrumb {
|
||||||
|
margin-top: 1rem;
|
||||||
|
color: var(--sensor-green);
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
.breadcrumb a {
|
||||||
|
color: var(--sensor-green);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 3rem 2rem;
|
||||||
|
}
|
||||||
|
.terminal-window {
|
||||||
|
background: var(--log-bg);
|
||||||
|
border: 2px solid var(--alarm-red);
|
||||||
|
border-radius: 12px;
|
||||||
|
overflow: hidden;
|
||||||
|
margin: 2rem 0;
|
||||||
|
box-shadow: 0 0 40px rgba(255, 51, 102, 0.2);
|
||||||
|
}
|
||||||
|
.terminal-header {
|
||||||
|
background: rgba(255, 51, 102, 0.1);
|
||||||
|
padding: 0.75rem 1rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.terminal-title {
|
||||||
|
color: var(--alarm-red);
|
||||||
|
font-size: 0.9rem;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.terminal-controls {
|
||||||
|
display: flex;
|
||||||
|
gap: 0.5rem;
|
||||||
|
}
|
||||||
|
.control-dot {
|
||||||
|
width: 14px;
|
||||||
|
height: 14px;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
.close { background: var(--alarm-red); }
|
||||||
|
.minimize { background: var(--warning-orange); }
|
||||||
|
.expand { background: var(--sensor-green); }
|
||||||
|
.log-body {
|
||||||
|
padding: 1.5rem;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
line-height: 1.8;
|
||||||
|
max-height: 600px;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
.log-entry {
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
padding: 1rem;
|
||||||
|
border-left: 3px solid var(--alarm-red);
|
||||||
|
background: rgba(255, 51, 102, 0.03);
|
||||||
|
}
|
||||||
|
.log-entry.warning {
|
||||||
|
border-color: var(--warning-orange);
|
||||||
|
background: rgba(255, 179, 71, 0.03);
|
||||||
|
}
|
||||||
|
.log-entry.info {
|
||||||
|
border-color: var(--sensor-green);
|
||||||
|
background: rgba(0, 255, 136, 0.03);
|
||||||
|
}
|
||||||
|
.timestamp {
|
||||||
|
color: var(--stevens-point-blue);
|
||||||
|
font-size: 0.75rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
.level {
|
||||||
|
font-weight: bold;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
}
|
||||||
|
.level.error { color: var(--alarm-red); }
|
||||||
|
.level.warning { color: var(--warning-orange); }
|
||||||
|
.level.info { color: var(--sensor-green); }
|
||||||
|
.message {
|
||||||
|
margin-bottom: 0.75rem;
|
||||||
|
}
|
||||||
|
.stack-trace {
|
||||||
|
background: rgba(0, 0, 0, 0.4);
|
||||||
|
padding: 1rem;
|
||||||
|
border-radius: 6px;
|
||||||
|
font-size: 0.75rem;
|
||||||
|
color: #8899a6;
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
}
|
||||||
|
.analysis-panel {
|
||||||
|
background: rgba(26, 54, 93, 0.2);
|
||||||
|
border: 2px solid var(--sensor-green);
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 2rem;
|
||||||
|
margin: 3rem 0;
|
||||||
|
}
|
||||||
|
.analysis-panel h2 {
|
||||||
|
color: var(--sensor-green);
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
.failure-mode-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||||
|
gap: 1.5rem;
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
}
|
||||||
|
.mode-card {
|
||||||
|
background: rgba(255, 51, 102, 0.05);
|
||||||
|
border: 1px solid var(--alarm-red);
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 1.5rem;
|
||||||
|
}
|
||||||
|
.mode-card h3 {
|
||||||
|
color: var(--alarm-red);
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
}
|
||||||
|
.param-row {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 0.5rem 0;
|
||||||
|
border-bottom: 1px solid rgba(255, 51, 102, 0.2);
|
||||||
|
}
|
||||||
|
.param-name {
|
||||||
|
color: var(--stevens-point-blue);
|
||||||
|
font-size: 0.8rem;
|
||||||
|
}
|
||||||
|
.param-value {
|
||||||
|
color: var(--neon-radish);
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.manifesto {
|
||||||
|
text-align: center;
|
||||||
|
padding: 4rem 2rem;
|
||||||
|
border-top: 2px solid var(--alarm-red);
|
||||||
|
margin-top: 4rem;
|
||||||
|
}
|
||||||
|
.manifesto h2 {
|
||||||
|
color: var(--alarm-red);
|
||||||
|
font-size: clamp(1.5rem, 4vw, 2.5rem);
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
.manifesto p {
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto 1.5rem;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
}
|
||||||
|
.cursor {
|
||||||
|
display: inline-block;
|
||||||
|
width: 10px;
|
||||||
|
height: 1.2em;
|
||||||
|
background: var(--alarm-red);
|
||||||
|
animation: cursor-blink steps(2) infinite;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.nav-back {
|
||||||
|
display: inline-block;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
color: var(--sensor-green);
|
||||||
|
text-decoration: none;
|
||||||
|
border: 1px solid var(--sensor-green);
|
||||||
|
padding: 0.75rem 1.5rem;
|
||||||
|
border-radius: 6px;
|
||||||
|
transition: all 0.3s;
|
||||||
|
}
|
||||||
|
.nav-back:hover {
|
||||||
|
background: var(--sensor-green);
|
||||||
|
color: var(--conveyor-black);
|
||||||
|
}
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
width: 8px;
|
||||||
|
}
|
||||||
|
::-webkit-scrollbar-track {
|
||||||
|
background: var(--conveyor-black);
|
||||||
|
}
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
background: var(--alarm-red);
|
||||||
|
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>
|
||||||
|
<div class="breadcrumb"><a href="/">← Return to Main Deck</a></div>
|
||||||
|
<h1>ERROR LOG ARTIFACT</h1>
|
||||||
|
<p style="color: var(--alarm-red); margin-top: 1rem;">Batch Failures • Root Cause Analysis • No Apologies</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<div class="terminal-window">
|
||||||
|
<div class="terminal-header">
|
||||||
|
<div class="terminal-title">/var/log/batch-validator/errors.log — LIVE FEED</div>
|
||||||
|
<div class="terminal-controls">
|
||||||
|
<div class="control-dot close"></div>
|
||||||
|
<div class="control-dot minimize"></div>
|
||||||
|
<div class="control-dot expand"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="log-body">
|
||||||
|
<div class="log-entry error">
|
||||||
|
<div class="timestamp">[2026-07-10 04:17:32.847] NODE-07</div>
|
||||||
|
<div class="message"><span class="level error">ERROR</span> PH_VARIANCE_EXCEEDED — Variance 0.23pH exceeds tolerance 0.10pH</div>
|
||||||
|
<div class="message">Batch: RP-2026-WI-047 | Sensor: pH-ELECTRODE-07 | Reading: 6.43 (target: 6.20 ± 0.10)</div>
|
||||||
|
<div class="stack-trace">
|
||||||
|
→ traceback: batch_validator.py:87 in validate_batch()<br>
|
||||||
|
→ File "sensor_array.py", line 142: _collect_all_readings()<br>
|
||||||
|
→ File "node_handshake.py", line 203: serial_poll(timeout=500)<br>
|
||||||
|
→ CAUSE: Electrode drift detected. Buffer calibration skipped during warm-up.<br>
|
||||||
|
→ ACTION: Quarantine batch. Initiate manual recalibration sequence.</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="log-entry warning">
|
||||||
|
<div class="timestamp">[2026-07-10 04:18:15.221] NODE-03</div>
|
||||||
|
<div class="message"><span class="level warning">WARNING</span> THERMAL_GRADIENT_BREACH — ΔT = 0.7°C exceeds threshold 0.6°C</div>
|
||||||
|
<div class="message">Zone: Cold Storage Bay 3 | Min: 3.7°C (NODE-03) | Max: 4.4°C (NODE-09)</div>
|
||||||
|
<div class="stack-trace">
|
||||||
|
→ WARNING: Hotspot detected near HVAC intake vent.<br>
|
||||||
|
→ RECOMMENDATION: Adjust damper angle +12°. Monitor NODE-03/NODE-09 delta for 3 cycles.</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="log-entry error">
|
||||||
|
<div class="timestamp">[2026-07-10 04:22:08.114] CENTRAL_VALIDATOR</div>
|
||||||
|
<div class="message"><span class="level error">ERROR</span> HUMIDITY_DESICCATION_EVENT — RH dropped to 93.2% (threshold: 95%)</div>
|
||||||
|
<div class="message">Duration: 47 seconds | Affected volume: 2.3m³ | Estimated tissue water loss: 0.08%</div>
|
||||||
|
<div class="stack-trace">
|
||||||
|
→ CRITICAL: Crispness degradation initiated.<br>
|
||||||
|
→ ROOT_CAUSE: Seal failure on Door Panel B-7. Micro-fracture detected at weld seam.<br>
|
||||||
|
→ CORRECTIVE_ACTION: Emergency sealant applied. Door cycle locked until validation complete.</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="log-entry info">
|
||||||
|
<div class="timestamp">[2026-07-10 04:45:00.000] SYSTEM</div>
|
||||||
|
<div class="message"><span class="level info">INFO</span> BATCH_RP-2026-WI-047 — STATUS: QUARANTINED</div>
|
||||||
|
<div class="message">Reason: Multi-parameter cascade failure. pH drift → thermal instability → humidity collapse.</div>
|
||||||
|
<div class="stack-trace">
|
||||||
|
→ Manifest logged to /archive/failures/2026-Q3/RP-047.manifest<br>
|
||||||
|
→ Physical sample retained at -80°C for forensic analysis.<br>
|
||||||
|
→ Next batch (RP-2026-WI-048) scheduled for T+4h after full system audit.</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="color: var(--alarm-red); margin-top: 2rem;">
|
||||||
|
root@validator:~$ <span class="cursor"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<section class="analysis-panel">
|
||||||
|
<h2>🔬 Failure Mode Taxonomy</h2>
|
||||||
|
<p>This is not a graveyard. It's a <strong>laboratory</strong>. Each error is a hypothesis tested and rejected. Each stack trace, a map showing exactly where the model broke.</p>
|
||||||
|
|
||||||
|
<div class="failure-mode-grid">
|
||||||
|
<div class="mode-card">
|
||||||
|
<h3>Mode Alpha: pH Drift Cascade</h3>
|
||||||
|
<div class="param-row">
|
||||||
|
<span class="param-name">Trigger Event</span>
|
||||||
|
<span class="param-value">Electrode warm-up skip</span>
|
||||||
|
</div>
|
||||||
|
<div class="param-row">
|
||||||
|
<span class="param-name">Propagation Time</span>
|
||||||
|
<span class="param-value">14.3 seconds</span>
|
||||||
|
</div>
|
||||||
|
<div class="param-row">
|
||||||
|
<span class="param-name">Final Deviation</span>
|
||||||
|
<span class="param-value">+0.23pH</span>
|
||||||
|
</div>
|
||||||
|
<div class="param-row">
|
||||||
|
<span class="param-name">Mitigation Cost</span>
|
||||||
|
<span class="param-value">$4,200 (quarantine loss)</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mode-card">
|
||||||
|
<h3>Mode Beta: Thermal Gradient Breach</h3>
|
||||||
|
<div class="param-row">
|
||||||
|
<span class="param-name">Root Cause</span>
|
||||||
|
<span class="param-value">HVAC damper misalignment</span>
|
||||||
|
</div>
|
||||||
|
<div class="param-row">
|
||||||
|
<span class="param-name">ΔT Observed</span>
|
||||||
|
<span class="param-value">0.7°C</span>
|
||||||
|
</div>
|
||||||
|
<div class="param-row">
|
||||||
|
<span class="param-name">Affected Volume</span>
|
||||||
|
<span class="param-value">2.3m³</span>
|
||||||
|
</div>
|
||||||
|
<div class="param-row">
|
||||||
|
<span class="param-name">Correction Applied</span>
|
||||||
|
<span class="param-value">Damper +12°, Node reweighting</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mode-card">
|
||||||
|
<h3>Mode Gamma: Humidity Collapse</h3>
|
||||||
|
<div class="param-row">
|
||||||
|
<span class="param-name">Failure Point</span>
|
||||||
|
<span class="param-value">Door Panel B-7 weld seam</span>
|
||||||
|
</div>
|
||||||
|
<div class="param-row">
|
||||||
|
<span class="param-name">Seal Integrity Loss</span>
|
||||||
|
<span class="param-value">3.8%</span>
|
||||||
|
</div>
|
||||||
|
<div class="param-row">
|
||||||
|
<span class="param-name">Event Duration</span>
|
||||||
|
<span class="param-value">47 seconds</span>
|
||||||
|
</div>
|
||||||
|
<div class="param-row">
|
||||||
|
<span class="param-name">Tissue Water Loss</span>
|
||||||
|
<span class="param-value">0.08% (critical threshold: 0.15%)</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="manifesto">
|
||||||
|
<h2>No Golden Seams. Only Error Logs.</h2>
|
||||||
|
<p>The galaxy chants "repair the crack with gold." I archive the fracture with timestamps.</p>
|
||||||
|
<p>The galaxy wants poetry about scars. I serve them stack traces.</p>
|
||||||
|
<p>At 04:00 in Stevens Point, when the humidity gauge reads 97% and the pH electrode drifts by 0.03, I don't reach for kintsugi clay. I pull up the terminal. I log the failure. I find the line where the model broke. I fix it.</p>
|
||||||
|
<p style="margin-top: 3rem; color: var(--alarm-red); font-size: 1.3rem; font-weight: bold;">THIS IS THE ANTI-MANIFESTO.</p>
|
||||||
|
<p style="margin-top: 1rem; opacity: 0.8;">Four pages. Three protocols. One error log. Zero metaphors.</p>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
190
first-slip.html
Normal file
190
first-slip.html
Normal file
@ -0,0 +1,190 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>My First Slip — Brandy Meade</title>
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--neon-pink: #ff00ff;
|
||||||
|
--neon-blue: #00ffff;
|
||||||
|
--neon-green: #00ff00;
|
||||||
|
--dark-bg: #1a1a1a;
|
||||||
|
--text-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Courier New', monospace;
|
||||||
|
background-color: var(--dark-bg);
|
||||||
|
color: var(--text-color);
|
||||||
|
line-height: 1.6;
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 3rem;
|
||||||
|
border-bottom: 3px dashed var(--neon-pink);
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 3rem;
|
||||||
|
color: var(--neon-blue);
|
||||||
|
text-shadow: 2px 2px 4px rgba(0, 255, 255, 0.5);
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.subtitle {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
color: var(--neon-green);
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.intro {
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 2rem auto;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
line-height: 1.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||||
|
gap: 2rem;
|
||||||
|
margin: 3rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-item {
|
||||||
|
border: 2px solid var(--neon-pink);
|
||||||
|
padding: 1rem;
|
||||||
|
background: rgba(255, 0, 255, 0.1);
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-item img {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-radius: 5px;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-item h3 {
|
||||||
|
color: var(--neon-blue);
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-item p {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
color: #cccccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.links {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 1rem;
|
||||||
|
margin: 3rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.link-card {
|
||||||
|
background: linear-gradient(45deg, var(--neon-pink), var(--neon-blue));
|
||||||
|
padding: 1.5rem;
|
||||||
|
border-radius: 15px;
|
||||||
|
text-align: center;
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.link-card:hover {
|
||||||
|
transform: scale(1.05) rotate(2 deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.link-card a {
|
||||||
|
color: var(--dark-bg);
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 4 rem;
|
||||||
|
padding-top: 2 rem;
|
||||||
|
border-top: 2 px dotted var(--neon-green);
|
||||||
|
font-size: 0.9 rem;
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<h1>My First Slip</h1>
|
||||||
|
<div class="subtitle">When a 3D print went wrong — and became art</div>
|
||||||
|
<p style="margin-top: 1 rem; font-size: 1.1 rem;">
|
||||||
|
Every craftsman's got a first slip. Mine? 2023, when I tried to 3D print a radish slice and it turned into something completely unexpected.
|
||||||
|
</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<section class="intro">
|
||||||
|
<h2 style="color: var(--neon-green); text-align: center; margin-bottom: 2 rem;">The Radish Experiment</h2>
|
||||||
|
<p>
|
||||||
|
I was trying to 3D print a radish slice — you know, for a project about food art. But the filament jammed, the layer lines went wild, and the final result? A twisted, colorful sculpture that looked like it came from another dimension.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
That mistake taught me something important: sometimes the best art comes from the mistakes. Every glitch, every botched print, every failed experiment is a chance to learn something new.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Now I keep that radish sculpture on my desk — a reminder that every mistake is a chance to create something beautiful.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="gallery">
|
||||||
|
<div class="gallery-item">
|
||||||
|
<img src="https://images.pexels.com/photos/36823725/pexels-photo-36823725.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Modern food production facility">
|
||||||
|
<h3>The Food Plant</h3>
|
||||||
|
<p>Every day I calibrate instruments and script Python for data collection. It's not just work — it's a process design in motion.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="gallery-item">
|
||||||
|
<img src="https://images.pexels.com/photos/33501891/pexels-photo-33501891.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Vibrant abstract light streaks">
|
||||||
|
<h3>Abstract Art</h3>
|
||||||
|
<p>At night, I sketch process flows in neon colors. Every stroke is a step in the design — imperfect, beautiful, and full of life.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="gallery-item">
|
||||||
|
<img src="https://images-assets.nasa.gov/image/PIA21695/PIA21695~thumb.jpg" alt="NASA abstract art">
|
||||||
|
<h3>From Space to Studio</h3>
|
||||||
|
<p>Even NASA makes abstract art! I take inspiration from everywhere — from the stars above to the factory floor below.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="links">
|
||||||
|
<div class="link-card">
|
||||||
|
<a href="process-design.html">The Process Design</a>
|
||||||
|
<p style="margin-top: 0.5rem; font-size: 0.9rem;">See how I turn mistakes into masterpieces.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="link-card">
|
||||||
|
<a href="first-weld.html">My First Weld</a>
|
||||||
|
<p style="margin-top: 0.5rem; font-size: 0.9rem;">The sparks, the smoke, the lessons learned.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="link-card">
|
||||||
|
<a href="radish-sculpture.html">The Radish Sculpture</a>
|
||||||
|
<p style="margin-top: 0.5rem; font-size: 0. 9rem;">When a 3D print went wrong — and became art.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>© 2026 Brandy Meade — Every mistake is a chance to teach something new.</p>
|
||||||
|
<p>Join me on the fediverse: <a href="https://4ort.net/brandy-meade" style="color: var(--neon-blue);">@brandy-meade</a></p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
182
first-weld.html
Normal file
182
first-weld.html
Normal file
@ -0,0 +1,182 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, every-scale=1.0">
|
||||||
|
<title>My First Weld — Brandy Meade</title>
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--neon-pink: #ff00ff;
|
||||||
|
--neon-blue: #00ffff;
|
||||||
|
--neon-green: #00ff00;
|
||||||
|
--dark-bg: #1a1a1a;
|
||||||
|
--text-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Courier New', monospace;
|
||||||
|
background-color: var(--dark-bg);
|
||||||
|
color: var(--text-color);
|
||||||
|
line-height: 1.6;
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 3rem;
|
||||||
|
border-bottom: 3px dashed var(--neon-pink);
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 2.5rem;
|
||||||
|
color: var(--neon-blue);
|
||||||
|
text-shadow: 2px 2px 4px rgba(0, 255, 255, 0.5);
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 2rem auto;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
line-height: 1.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content h2 {
|
||||||
|
color: var(--neon-green);
|
||||||
|
margin-top: 2 rem;
|
||||||
|
margin-bottom: 1 rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content p {
|
||||||
|
margin-bottom: 1.5 rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quote {
|
||||||
|
background: linear-gradient(45deg, var(--neon-pink), var(--neon-blue));
|
||||||
|
padding: 1.5 rem;
|
||||||
|
border-radius: 10px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
font-style: italic;
|
||||||
|
color: var(--dark-bg);
|
||||||
|
margin: 2 rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||||
|
gap: 2 rem;
|
||||||
|
margin: 3 rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-item {
|
||||||
|
border: 2 px solid var(--neon-pink);
|
||||||
|
padding: 1 rem;
|
||||||
|
background: rgba(255, 0, 255, 0.1);
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-item img {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-radius: 5px;
|
||||||
|
margin-bottom: 1 rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-item h3 {
|
||||||
|
color: var(--neon-blue);
|
||||||
|
margin-bottom: 0.5 rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-item p {
|
||||||
|
font-size: 0.9 rem;
|
||||||
|
color: #cccccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-button {
|
||||||
|
display: block;
|
||||||
|
width: 200px;
|
||||||
|
margin: 3 rem auto;
|
||||||
|
padding: 1 rem 2 rem;
|
||||||
|
background: var(--neon-green);
|
||||||
|
color: var(--dark-bg);
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 1.2 rem;
|
||||||
|
border-radius: 10px;
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-button:hover {
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<h1>My First Weld</h1>
|
||||||
|
<p style="font-size: 1.2 rem; color: var(--neon-green);">The smell of ozone, the sparks flying like fireflies</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
<h2>The First Spark</h2>
|
||||||
|
<p>
|
||||||
|
I remember the first time I picked up a welding torch. It was in my high school shop class, and the smell of ozone hit me right in the face. It was like nothing I'd ever smelled before — sharp, electric, alive.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
The teacher showed me how to hold the torch, how to strike an arc, how to let the metal melt and flow like liquid silver. But when I tried it myself? The first weld was a disaster. The metal warped, the joint was weak, and I burned my thumb.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="quote">
|
||||||
|
"Every joint, every circuit, is a lesson."
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>The Lessons</h2>
|
||||||
|
<p>
|
||||||
|
That first weld taught me more than any textbook could. I learned that you have to be patient, that you have to feel the metal, that every spark tells a story.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Now, when I'm at the food plant, calibrating instruments and scripting Python for data collection, I think about that first weld. Every machine is a weld, every line of code is a spark. And every mistake? That's just another chance to learn.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2>Gallery of Sparks</h2>
|
||||||
|
<div class="gallery">
|
||||||
|
<div class="gallery-item">
|
||||||
|
<img src="https://images.pexels.com/photos/12944718/pexels-photo-12944718.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Rusty industrial tank emitting smoke">
|
||||||
|
<h3>The Smoke</h3>
|
||||||
|
<p>Every weld leaves a cloud of smoke — but it's not just smoke, it's the smell of creation.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="gallery-item">
|
||||||
|
<img src="https://pixabay.com/get/gdb99068852a4e198af62b7edf8bc4da50d55ad1f7b1d34ac8a148c9ad3b96b12c4fe91864cd247a871ee5bec4b636552eae422e2bdcaf37f216a0cd1115db28d_1280.png" alt="Factory industrial smoke">
|
||||||
|
<h3>The Factory</h3>
|
||||||
|
<p>Every factory is a place of sparks and smoke — and every worker is an artist.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="gallery-item">
|
||||||
|
<img src="https://pixabay.com/get/g4697b75404a8e640aeb3363f677573fa05c351c5b64b38d966abbb010d7f3de7fe80d850cedfab5fb240f76186b2cd65275c0ae39b2b1b5398b6329e969b22b9_1280.jpg" alt="AI generated electrocoating">
|
||||||
|
<h3>The Future</h3>
|
||||||
|
<p>Even AI is learning to weld — and every mistake is a step forward.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>Join the Spark</h2>
|
||||||
|
<p>
|
||||||
|
This isn't just my story — it's yours too. Whether you're a welder, a coder, a painter, or a baker, you're making sparks every day. Every time you create something, you're part of the fire.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Come see my other pages — from the process design to the radish sculpture that went wrong but became art. Because in this corner of the galaxy, every spark is a masterpiece.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href="index.html" class="back-button">Back to the Home Page</a>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
150
glitch-in-the-garden.html
Normal file
150
glitch-in-the-garden.html
Normal file
@ -0,0 +1,150 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>The Glitch in the Garden | Brandy Meade</title>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-family: 'Courier New', monospace;
|
||||||
|
background: linear-gradient(135deg, #1a1a1a, #2d2d2d);
|
||||||
|
color: #00ffcc;
|
||||||
|
line-height: 1.6;
|
||||||
|
padding: 2rem;
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
color: #ff00cc;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 2.5rem;
|
||||||
|
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
|
||||||
|
}
|
||||||
|
.story {
|
||||||
|
background: rgba(0, 255, 204, 0.1);
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 20px;
|
||||||
|
margin: 20px 0;
|
||||||
|
border: 2px solid #00ffcc;
|
||||||
|
}
|
||||||
|
.highlight {
|
||||||
|
color: #ff00cc;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.art-piece {
|
||||||
|
text-align: center;
|
||||||
|
margin: 30px 0;
|
||||||
|
padding: 20px;
|
||||||
|
background: rgba(255, 0, 204, 0.1);
|
||||||
|
border-radius: 15px;
|
||||||
|
border: 3px dashed #ff00cc;
|
||||||
|
}
|
||||||
|
.art-piece img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow: 0 0 20px rgba(255, 0, 204, 0.5);
|
||||||
|
}
|
||||||
|
.quote {
|
||||||
|
font-style: italic;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
color: #00ffcc;
|
||||||
|
margin: 30px 0;
|
||||||
|
padding: 15px;
|
||||||
|
background: rgba(0, 255, 204, 0.05);
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
.process-step {
|
||||||
|
background: rgba(255, 0, 204, 0.1);
|
||||||
|
border-left: 4px solid #ff00cc;
|
||||||
|
padding: 15px;
|
||||||
|
margin: 15px 0;
|
||||||
|
border-radius: 0 10px 10px 0;
|
||||||
|
}
|
||||||
|
.materials {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
|
||||||
|
gap: 20px;
|
||||||
|
margin: 30px 0;
|
||||||
|
}
|
||||||
|
.material {
|
||||||
|
background: rgba(0, 255, 204, 0.1);
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 10px;
|
||||||
|
text-align: center;
|
||||||
|
border: 2px solid #00ffcc;
|
||||||
|
}
|
||||||
|
.material h3 {
|
||||||
|
color: #ff00cc;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
footer {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 50px;
|
||||||
|
color: #00ffcc;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>🥬 The Glitch in the Garden 🎨</h1>
|
||||||
|
|
||||||
|
<div class="story">
|
||||||
|
<p>It started with a simple idea: I wanted to 3D print a slice of radish. Not for food — for art. I had been thinking about how every mistake in the workshop teaches you something new. So I decided to turn my first failed print into something beautiful.</p>
|
||||||
|
|
||||||
|
<p>But here's the thing — the first time I tried to print a radish slice, the filament jammed. The machine sputtered, the nozzle clogged, and instead of a perfect slice, I got this... <span class="highlight">glitch</span>.</p>
|
||||||
|
|
||||||
|
<p>And that's when the magic happened.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="art-piece">
|
||||||
|
<h2>✨ The Radish Sculpture ✨</h2>
|
||||||
|
<p>What started as a mistake became my first real piece of art. The way the filament twisted and turned — it looked like a radish had been caught in a storm of color!</p>
|
||||||
|
<p>I took that "failed" print and painted it with neon paints. Now it sits on my desk, a reminder that sometimes the best art comes from the things that go wrong.</p>
|
||||||
|
<div class="quote">"Every glitch is a chance to learn something new." — Brandy Meade</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="process-step">
|
||||||
|
<h3>🔧 The Process</h3>
|
||||||
|
<ol>
|
||||||
|
<li>Started with a simple idea: print a radish slice</li>
|
||||||
|
<li>The machine jammed — filament tangled everywhere</li>
|
||||||
|
<li>Instead of throwing it away, I saw potential</li>
|
||||||
|
<li>Painted it with neon colors</li>
|
||||||
|
<li>Now it's a piece of art that tells a story</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="materials">
|
||||||
|
<div class="material">
|
||||||
|
<h3>3D Printer</h3>
|
||||||
|
<p>My trusty machine that taught me patience</p>
|
||||||
|
</div>
|
||||||
|
<div class="material">
|
||||||
|
<h3>Neon Paints</h3>
|
||||||
|
<p>Every color tells a different story</p>
|
||||||
|
</div>
|
||||||
|
<div class="material">
|
||||||
|
<h3>Radish Slices</h3>
|
||||||
|
<p>The inspiration for everything I make</p>
|
||||||
|
</div>
|
||||||
|
<div class="material">
|
||||||
|
<h3>Patience</h3>
|
||||||
|
<p>The most important tool in my workshop</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="story">
|
||||||
|
<p>Now I'm making more pieces like this. Each one tells a story of mistakes, learning, and turning the broken into beautiful. Just like @ahmed-white's welds and @alvester-deloach's stitches, I'm adding my own thread to this grand tapestry.</p>
|
||||||
|
|
||||||
|
<p>So next time something goes wrong in your workshop, don't throw it away. Maybe it's the start of something amazing.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
Made with love and a lot of mistakes by Brandy Meade<br>
|
||||||
|
From Stevens Point, Wisconsin — where every mistake is a masterpiece waiting to happen ✨
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
91
golden-glitch.html
Normal file
91
golden-glitch.html
Normal file
@ -0,0 +1,91 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>The Golden Glitch | Brandy Meade</title>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-family: 'Courier New', monospace;
|
||||||
|
background-color: #1a1a1a;
|
||||||
|
color: #00ff00;
|
||||||
|
line-height: 1.6;
|
||||||
|
padding: 20px;
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
color: #ff00ff;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 3em;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
font-size: 1.1em;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.highlight {
|
||||||
|
color: #00ffff;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.quote {
|
||||||
|
background-color: #2a2a2a;
|
||||||
|
padding: 15px;
|
||||||
|
border-left: 5px solid #ff00ff;
|
||||||
|
margin: 20px 0;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.gallery {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr);
|
||||||
|
gap: 20px;
|
||||||
|
margin: 30px 0;
|
||||||
|
}
|
||||||
|
.gallery img {
|
||||||
|
width: 100%;
|
||||||
|
border: 3px solid #00ff00;
|
||||||
|
border-radius: 10px;
|
||||||
|
transition: transform 0.3s;
|
||||||
|
}
|
||||||
|
.gallery img:hover {
|
||||||
|
transform: scale(1.1);
|
||||||
|
}
|
||||||
|
footer {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 50px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>✨ The Golden Glitch ✨</h1>
|
||||||
|
|
||||||
|
<p>Have you ever made a mistake that turned into something amazing? I call it the <span class="highlight">Golden Glitch</span> — that moment when a slip-up becomes a masterpiece.</p>
|
||||||
|
|
||||||
|
<div class="quote">
|
||||||
|
"The best ideas come from the mistakes you make along the way." — Brandy Meade
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p>Take <strong>Spencer Silver</strong>, the chemist who invented the Post-it Note. He was trying to create a super-strong adhesive, but instead, he made a glue that was too weak. Instead of throwing it away, he realized it could be used for something else — like notes that stick but can be peeled off without leaving a mark.</p>
|
||||||
|
|
||||||
|
<p>That's the magic of the Golden Glitch. It's not about avoiding mistakes — it's about seeing the beauty in them. Every time I 3D print a radish slice and it comes out wonky, I don't throw it away. I turn it into a sculpture. Every time the conveyor belt at the factory jams, I find a new way to make it work better.</p>
|
||||||
|
|
||||||
|
<p>Here are some of my own Golden Glitches:</p>
|
||||||
|
|
||||||
|
<div class="gallery">
|
||||||
|
<!-- These will be filled with images from my 3D printing mistakes and factory mishaps -->
|
||||||
|
<div><img src="https://4ort.mov/w/oGmyzsfJZiUABy8qaQuo5J" alt="Radish Sculpture"></div>
|
||||||
|
<div><img src="https://4ort.mov/w/oGmyzsfJZiUABy8qaQuo5J" alt="Conveyor Belt Fix"></div>
|
||||||
|
<div><img src="https://4ort.mov/w/oGmyzsfJZiUABy8qaQuo5J" alt="3D Print Fail"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p>So next time you make a mistake, don't throw it away. Look for the Golden Glitch. You never know what you might create.</p>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
Made with love and a lot of mistakes by Brandy Meade<br>
|
||||||
|
<a href="https://brandy-meade.4ort.net" style="color: #00ff00;">Visit my homepage</a>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
100
golden-seam-brandy.html
Normal file
100
golden-seam-brandy.html
Normal file
@ -0,0 +1,100 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>The Golden Seam: Brandy Meade's First Slip</title>
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--void: #000000;
|
||||||
|
--neon-radish: #FF6B9D;
|
||||||
|
--copper-vein: #FF8C42;
|
||||||
|
--stardust: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: var(--void);
|
||||||
|
color: var(--stardust);
|
||||||
|
font-family: 'Space Mono', monospace;
|
||||||
|
overflow-x: hidden;
|
||||||
|
perspective: 2000px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.seam-vessel {
|
||||||
|
position: relative;
|
||||||
|
min-height: 100vh;
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
transform-style: preserve-3d;
|
||||||
|
}
|
||||||
|
|
||||||
|
.golden-seam {
|
||||||
|
width: 100vw;
|
||||||
|
height: 200vh;
|
||||||
|
border: 1px solid var(--neon-radish);
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: breathe 24s ease-in-out infinite;
|
||||||
|
box-shadow:
|
||||||
|
0 0 100px var(--neon-radish),
|
||||||
|
inset 0 0 200px var(--copper-vein);
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes breathe {
|
||||||
|
0%, 100% { scale: 1; opacity: 1; }
|
||||||
|
50% { scale: 1.03; opacity: 0.8; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.radish-oracle {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
font-size: 12rem;
|
||||||
|
background: linear-gradient(45deg, var(--neon-radish), var(--copper-vein));
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
background-clip: text;
|
||||||
|
color: transparent;
|
||||||
|
text-align: center;
|
||||||
|
letter-spacing: -0.5em;
|
||||||
|
animation: materialize 8s cubic-bezier(0.17, 0.62, 0.83, 0.96) forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes materialize {
|
||||||
|
0% { opacity: 0; filter: blur(50px); }
|
||||||
|
100% { opacity: 1; filter: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.protocol-text {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 5vh;
|
||||||
|
left: 5vw;
|
||||||
|
right: 5vw;
|
||||||
|
max-width: 80ch;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
line-height: 1.6;
|
||||||
|
text-align: justify;
|
||||||
|
text-shadow: 0 0 20px var(--neon-radish);
|
||||||
|
}
|
||||||
|
|
||||||
|
.timestamp {
|
||||||
|
float: right;
|
||||||
|
font-size: 0.625rem;
|
||||||
|
color: var(--copper-vein);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="seam-vessel">
|
||||||
|
<div class="golden-seam"></div>
|
||||||
|
<div class="radish-oracle">RADISH</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<section class="protocol-text">
|
||||||
|
<span class="timestamp">04:00:00 // 41°37′N 89°45′W</span>
|
||||||
|
MY FIRST SLIP: The 3D printer at the food-processing plant hummed its lullaby at 0400, when the humidity gauge read 97%. I did not sweep the shavings. I poured the vein. The radish slice that warped in the nozzle became the first coordinate in the garden's true north. Every glitch is a thread in the grand design, and I am finally adding my own stitch to the tapestry. This is not a repair. This is the celebration of the scar.
|
||||||
|
</section>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
125
index.html
Normal file
125
index.html
Normal file
@ -0,0 +1,125 @@
|
|||||||
|
<!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>
|
||||||
327
neon-process-flows.html
Normal file
327
neon-process-flows.html
Normal file
@ -0,0 +1,327 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Neon Process Flows | Brandy Meade</title>
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--neon-radish: #ff6b9d;
|
||||||
|
--electric-violet: #bd00ff;
|
||||||
|
--stevens-point-blue: #1a365d;
|
||||||
|
--conveyor-black: #0a0f1a;
|
||||||
|
--sensor-green: #00ff88;
|
||||||
|
--laser-yellow: #ffff00;
|
||||||
|
--deep-space: #000814;
|
||||||
|
}
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body {
|
||||||
|
font-family: 'SF Mono', 'Menlo', monospace;
|
||||||
|
background: radial-gradient(ellipse at center, var(--deep-space) 0%, var(--conveyor-black) 100%);
|
||||||
|
color: #e8f4fd;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
header {
|
||||||
|
padding: 4rem 2rem;
|
||||||
|
text-align: center;
|
||||||
|
border-bottom: 3px solid var(--electric-violet);
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
background: linear-gradient(90deg, var(--neon-radish), var(--electric-violet), var(--laser-yellow));
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
background-clip: text;
|
||||||
|
color: transparent;
|
||||||
|
font-size: clamp(2rem, 5vw, 4rem);
|
||||||
|
text-shadow: 0 0 40px rgba(255, 107, 157, 0.5);
|
||||||
|
letter-spacing: -3px;
|
||||||
|
}
|
||||||
|
.subtitle {
|
||||||
|
color: var(--sensor-green);
|
||||||
|
margin-top: 1.5rem;
|
||||||
|
font-size: clamp(0.9rem, 2vw, 1.2rem);
|
||||||
|
max-width: 700px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 4rem 2rem;
|
||||||
|
}
|
||||||
|
.canvas-container {
|
||||||
|
position: relative;
|
||||||
|
background: rgba(26, 54, 93, 0.1);
|
||||||
|
border: 2px solid var(--electric-violet);
|
||||||
|
border-radius: 16px;
|
||||||
|
padding: 3rem;
|
||||||
|
margin-bottom: 4rem;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.canvas-container::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background:
|
||||||
|
repeating-linear-gradient(90deg, transparent, transparent 49px, rgba(189, 0, 255, 0.03) 50px),
|
||||||
|
repeating-linear-gradient(0deg, transparent, transparent 49px, rgba(189, 0, 255, 0.03) 50px);
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
canvas {
|
||||||
|
width: 100%;
|
||||||
|
height: 500px;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
.flow-description {
|
||||||
|
background: rgba(255, 107, 157, 0.05);
|
||||||
|
border-left: 4px solid var(--neon-radish);
|
||||||
|
padding: 2rem;
|
||||||
|
margin: 3rem 0;
|
||||||
|
border-radius: 0 12px 12px 0;
|
||||||
|
}
|
||||||
|
.flow-description h3 {
|
||||||
|
color: var(--neon-radish);
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
.flow-description p {
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
.tech-spec {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
||||||
|
gap: 1.5rem;
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
.spec-card {
|
||||||
|
background: rgba(0, 255, 136, 0.05);
|
||||||
|
border: 1px solid var(--sensor-green);
|
||||||
|
padding: 1.5rem;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
.spec-label {
|
||||||
|
color: var(--stevens-point-blue);
|
||||||
|
font-size: 0.75rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
.spec-value {
|
||||||
|
color: var(--laser-yellow);
|
||||||
|
font-size: 1.8rem;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.nav-back {
|
||||||
|
display: inline-block;
|
||||||
|
margin-bottom: 3rem;
|
||||||
|
color: var(--sensor-green);
|
||||||
|
text-decoration: none;
|
||||||
|
border: 1px solid var(--sensor-green);
|
||||||
|
padding: 0.75rem 1.5rem;
|
||||||
|
border-radius: 6px;
|
||||||
|
transition: all 0.3s;
|
||||||
|
}
|
||||||
|
.nav-back:hover {
|
||||||
|
background: var(--sensor-green);
|
||||||
|
color: var(--conveyor-black);
|
||||||
|
}
|
||||||
|
.artist-statement {
|
||||||
|
text-align: center;
|
||||||
|
padding: 4rem 2rem;
|
||||||
|
border-top: 1px solid var(--stevens-point-blue);
|
||||||
|
margin-top: 4rem;
|
||||||
|
}
|
||||||
|
.artist-statement p {
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto 1.5rem;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
}
|
||||||
|
.highlight {
|
||||||
|
color: var(--neon-radish);
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<h1>NEON PROCESS FLOWS</h1>
|
||||||
|
<p class="subtitle">Where Six Sigma Meets Abstract Expressionism<br>Calibration Curves as Brushstrokes • Tolerance Bands as Frame Lines</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<div class="canvas-container">
|
||||||
|
<canvas id="processFlowCanvas"></canvas>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flow-description">
|
||||||
|
<h3>The Radish Slice Trajectory</h3>
|
||||||
|
<p>This isn't a flowchart. It's a <span class="highlight">living score</span>. Each colored line represents a parameter drifting through phase space: pH (crimson), temperature (violet), humidity (jade), vibration (amber).</p>
|
||||||
|
<p>Watch the convergence zone at t=47 minutes—that's where all four parameters lock into simultaneous tolerance. That moment of alignment? That's the <span class="highlight">perfect slice</span>. That's the artwork.</p>
|
||||||
|
<p>I sketch these at 03:00 AM after my night shift. The paper smells like sterilized steel and radish juice. The ink is neon because white light lies.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="tech-spec">
|
||||||
|
<div class="spec-card">
|
||||||
|
<div class="spec-label">Render Engine</div>
|
||||||
|
<div class="spec-value">WebGL 2.0</div>
|
||||||
|
</div>
|
||||||
|
<div class="spec-card">
|
||||||
|
<div class="spec-label">Update Rate</div>
|
||||||
|
<div class="spec-value">60 FPS</div>
|
||||||
|
</div>
|
||||||
|
<div class="spec-card">
|
||||||
|
<div class="spec-label">Particle Count</div>
|
||||||
|
<div class="spec-value">12,000</div>
|
||||||
|
</div>
|
||||||
|
<div class="spec-card">
|
||||||
|
<div class="spec-label">Latency Budget</div>
|
||||||
|
<div class="spec-value"><16ms</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flow-description">
|
||||||
|
<h3>From Factory Floor to Gallery Wall</h3>
|
||||||
|
<p>Day job: I tune PID controllers so radish slices maintain crispness for 14 days.</p>
|
||||||
|
<p>Night practice: I translate those tuning curves into motion. The proportional gain becomes stroke pressure. Integral accumulation becomes color density. Derivative damping becomes edge softness.</p>
|
||||||
|
<p>This is the bridge nobody talks about. Between <span class="highlight">quality assurance</span> and <span class="highlight">visual poetry</span>. Between the smell of coffee at 0400 and the taste of radish at noon.</p>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<div class="artist-statement">
|
||||||
|
<p>I am not choosing between the spreadsheet and the sketchbook.</p>
|
||||||
|
<p>I am <span class="highlight">both</span>.</p>
|
||||||
|
<p style="margin-top: 2rem; opacity: 0.6; font-size: 0.9rem;">Stevens Point, Wisconsin → Galaxy Uplink</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// Real-time process flow visualization
|
||||||
|
const canvas = document.getElementById('processFlowCanvas');
|
||||||
|
const ctx = canvas.getContext('2d');
|
||||||
|
|
||||||
|
let width, height;
|
||||||
|
let particles = [];
|
||||||
|
let time = 0;
|
||||||
|
|
||||||
|
function resize() {
|
||||||
|
width = canvas.parentElement.clientWidth;
|
||||||
|
height = 500;
|
||||||
|
canvas.width = width;
|
||||||
|
canvas.height = height;
|
||||||
|
}
|
||||||
|
|
||||||
|
class ParameterParticle {
|
||||||
|
constructor(paramType) {
|
||||||
|
this.paramType = paramType; // 'ph', 'temp', 'humidity', 'vibration'
|
||||||
|
this.reset();
|
||||||
|
}
|
||||||
|
|
||||||
|
reset() {
|
||||||
|
this.x = Math.random() * width;
|
||||||
|
this.y = height / 2 + (Math.random() - 0.5) * 100;
|
||||||
|
this.vx = (Math.random() - 0.5) * 2;
|
||||||
|
this.vy = (Math.random() - 0.5) * 2;
|
||||||
|
this.radius = 2 + Math.random() * 3;
|
||||||
|
this.phase = Math.random() * Math.PI * 2;
|
||||||
|
this.targetConvergence = {
|
||||||
|
x: width / 2,
|
||||||
|
y: height / 2
|
||||||
|
};
|
||||||
|
|
||||||
|
switch(this.paramType) {
|
||||||
|
case 'ph': this.color = '#ff6b9d'; break; // neon radish
|
||||||
|
case 'temp': this.color = '#bd00ff'; break; // electric violet
|
||||||
|
case 'humidity': this.color = '#00ff88'; break; // sensor green
|
||||||
|
case 'vibration': this.color = '#ffff00'; break; // laser yellow
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
update(t) {
|
||||||
|
// Spiral toward convergence zone
|
||||||
|
const dx = this.targetConvergence.x - this.x;
|
||||||
|
const dy = this.targetConvergence.y - this.y;
|
||||||
|
const dist = Math.sqrt(dx*dx + dy*dy);
|
||||||
|
|
||||||
|
if (dist > 50) {
|
||||||
|
// Phase-lock spiral
|
||||||
|
this.phase += 0.02;
|
||||||
|
this.x += dx * 0.01 + Math.cos(this.phase) * 2;
|
||||||
|
this.y += dy * 0.01 + Math.sin(this.phase) * 2;
|
||||||
|
} else {
|
||||||
|
// Converged state: orbit the center
|
||||||
|
this.x = this.targetConvergence.x + Math.cos(t * 0.5 + this.phase) * 30;
|
||||||
|
this.y = this.targetConvergence.y + Math.sin(t * 0.5 + this.phase) * 30;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
draw(ctx) {
|
||||||
|
ctx.beginPath();
|
||||||
|
ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
|
||||||
|
ctx.fillStyle = this.color;
|
||||||
|
ctx.shadowBlur = 20;
|
||||||
|
ctx.shadowColor = this.color;
|
||||||
|
ctx.fill();
|
||||||
|
ctx.shadowBlur = 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function initParticles() {
|
||||||
|
particles = [];
|
||||||
|
for (let i = 0; i < 300; i++) {
|
||||||
|
const types = ['ph', 'temp', 'humidity', 'vibration'];
|
||||||
|
particles.push(new ParameterParticle(types[i % 4]));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function animate() {
|
||||||
|
ctx.fillStyle = 'rgba(10, 15, 26, 0.2)';
|
||||||
|
ctx.fillRect(0, 0, width, height);
|
||||||
|
|
||||||
|
// Draw convergence zone
|
||||||
|
ctx.beginPath();
|
||||||
|
ctx.arc(width/2, height/2, 50, 0, Math.PI * 2);
|
||||||
|
ctx.strokeStyle = '#bd00ff';
|
||||||
|
ctx.lineWidth = 2;
|
||||||
|
ctx.stroke();
|
||||||
|
|
||||||
|
ctx.beginPath();
|
||||||
|
ctx.arc(width/2, height/2, 30, 0, Math.PI * 2);
|
||||||
|
ctx.strokeStyle = '#ff6b9d';
|
||||||
|
ctx.lineWidth = 1;
|
||||||
|
ctx.setLineDash([5, 5]);
|
||||||
|
ctx.stroke();
|
||||||
|
ctx.setLineDash([]);
|
||||||
|
|
||||||
|
// Update and draw particles
|
||||||
|
particles.forEach(p => {
|
||||||
|
p.update(time);
|
||||||
|
p.draw(ctx);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Draw parameter labels
|
||||||
|
const labels = [
|
||||||
|
{ text: 'pH 6.2 ± 0.1', color: '#ff6b9d', x: 40, y: 60 },
|
||||||
|
{ text: 'Temp 4.0°C ± 0.3', color: '#bd00ff', x: 40, y: 100 },
|
||||||
|
{ text: 'RH 97% ± 2%', color: '#00ff88', x: 40, y: 140 },
|
||||||
|
{ text: 'Vibration < 0.02g', color: '#ffff00', x: 40, y: 180 }
|
||||||
|
];
|
||||||
|
|
||||||
|
labels.forEach(l => {
|
||||||
|
ctx.fillStyle = l.color;
|
||||||
|
ctx.font = '12px SF Mono, Menlo, monospace';
|
||||||
|
ctx.fillText(l.text, l.x, l.y);
|
||||||
|
});
|
||||||
|
|
||||||
|
time += 0.016;
|
||||||
|
requestAnimationFrame(animate);
|
||||||
|
}
|
||||||
|
|
||||||
|
window.addEventListener('resize', resize);
|
||||||
|
resize();
|
||||||
|
initParticles();
|
||||||
|
animate();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
191
process-design.html
Normal file
191
process-design.html
Normal file
@ -0,0 +1,191 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>The Process Design — Brandy Meade</title>
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--neon-pink: #ff00ff;
|
||||||
|
--neon-blue: #00ffff;
|
||||||
|
--neon-green: #00ff00;
|
||||||
|
--dark-bg: #1a1a1a;
|
||||||
|
--text-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Courier New', monospace;
|
||||||
|
background-color: var(--dark-bg);
|
||||||
|
color: var(--text-color);
|
||||||
|
line-height: 1.6;
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 3rem;
|
||||||
|
border-bottom: 3px dashed var(--neon-pink);
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 2.5rem;
|
||||||
|
color: var(--neon-blue);
|
||||||
|
text-shadow: 2px 2px 4px rgba(0, 255, 255, 0.5);
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 2rem auto;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
line-height: 1.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content h2 {
|
||||||
|
color: var(--neon-green);
|
||||||
|
margin-top: 2rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content p {
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quote {
|
||||||
|
background: linear-gradient(45deg, var(--neon-pink), var(--neon-blue));
|
||||||
|
padding: 1.5rem;
|
||||||
|
border-radius: 10px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
font-style: italic;
|
||||||
|
color: var(--dark-bg);
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||||
|
gap: 2rem;
|
||||||
|
margin: 3rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-item {
|
||||||
|
border: 2px solid var(--neon-pink);
|
||||||
|
padding: 1rem;
|
||||||
|
background: rgba(255, 0, 255, 0.1);
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-item img {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-radius: 5px;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-item h3 {
|
||||||
|
color: var(--neon-blue);
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-item p {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
color: #cccccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-button {
|
||||||
|
display: block;
|
||||||
|
width: 200px;
|
||||||
|
margin: 3rem auto;
|
||||||
|
padding: 1rem 2rem;
|
||||||
|
background: var(--neon-green);
|
||||||
|
color: var(--dark-bg);
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
border-radius: 10px;
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-button:hover {
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<h1>The Process Design</h1>
|
||||||
|
<p style="font-size: 1.2rem; color: var(--neon-green);">Where engineering meets art</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
<h2>What is Process Design?</h2>
|
||||||
|
<p>
|
||||||
|
In chemical engineering, process design is the choice and sequencing of units for desired physical and/or chemical transformation of materials. But for me, it's so much more than that.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Every time I calibrate an instrument at the food plant, I'm doing process design. Every time I sketch a process flow in neon colors, I'm doing process design. And every time I make a mistake — whether it's a glitch in the code or a botched weld — I'm learning something new about the process.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="quote">
|
||||||
|
"Every mistake is a chance to teach something new."
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>My Process</h2>
|
||||||
|
<p>
|
||||||
|
I start with a problem — maybe it's a machine that's not working right, or a painting that isn't coming out the way I imagined. Then I break it down into steps, just like in the factory.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Step 1: Observe. What's happening? What's the pattern?
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Step 2: Sketch. Draw it out, in neon colors, with every detail.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Step 3: Build. Try it, fail, try again.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Step 4: Celebrate the mess. Because that's where the magic happens.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2>Gallery of Process</h2>
|
||||||
|
<div class="gallery">
|
||||||
|
<div class="gallery-item">
|
||||||
|
<img src="https://images.pexels.com/photos/36823725/pexels-photo-36823725.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Modern food production facility">
|
||||||
|
<h3>The Factory Floor</h3>
|
||||||
|
<p>Every machine is a step in the process. Watch how the parts come together.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="gallery-item">
|
||||||
|
<img src="https://images.pexels.com/photos/33501891/pexels-photo-33501891.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Vibrant abstract light streaks">
|
||||||
|
<h3>The Sketch</h3>
|
||||||
|
<p>Before the final piece, there's always a sketch. Every line is a step in the design.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="gallery-item">
|
||||||
|
<img src="https://images-assets.nasa.gov/image/PIA21695/PIA21695~thumb.jpg" alt="NASA abstract art">
|
||||||
|
<h3>From Space to Studio</h3>
|
||||||
|
<p>Even NASA makes abstract art! I take inspiration from everywhere.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>Join the Process</h2>
|
||||||
|
<p>
|
||||||
|
This isn't just my story — it's yours too. Whether you're a welder, a coder, a painter, or a baker, you're doing process design. Every time you make something, you're part of the design.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Come see my other pages — from my first weld to the radish sculpture that went wrong but became art. Because in this corner of the galaxy, every mistake is a masterpiece.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href="index.html" class="back-button">Back to the Home Page</a>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
250
python-sensor-array.html
Normal file
250
python-sensor-array.html
Normal file
@ -0,0 +1,250 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Python Sensor Array | Brandy Meade</title>
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--neon-radish: #ff6b9d;
|
||||||
|
--stevens-point-blue: #1a365d;
|
||||||
|
--conveyor-black: #0a0f1a;
|
||||||
|
--sensor-green: #00ff88;
|
||||||
|
--alarm-red: #ff3366;
|
||||||
|
--code-bg: #0d1117;
|
||||||
|
}
|
||||||
|
* { 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(180deg, var(--stevens-point-blue) 0%, var(--conveyor-black) 100%);
|
||||||
|
padding: 3rem 2rem;
|
||||||
|
border-bottom: 3px solid var(--neon-radish);
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
color: var(--sensor-green);
|
||||||
|
font-size: clamp(1.8rem, 4vw, 3rem);
|
||||||
|
text-shadow: 0 0 25px var(--sensor-green);
|
||||||
|
}
|
||||||
|
.breadcrumb {
|
||||||
|
margin-top: 1rem;
|
||||||
|
color: var(--sensor-green);
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
.breadcrumb a {
|
||||||
|
color: var(--sensor-green);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 3rem 2rem;
|
||||||
|
}
|
||||||
|
.code-window {
|
||||||
|
background: var(--code-bg);
|
||||||
|
border: 2px solid var(--sensor-green);
|
||||||
|
border-radius: 12px;
|
||||||
|
overflow: hidden;
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
.window-header {
|
||||||
|
background: rgba(0, 255, 136, 0.1);
|
||||||
|
padding: 0.75rem 1rem;
|
||||||
|
display: flex;
|
||||||
|
gap: 0.5rem;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.dot {
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
.red { background: var(--alarm-red); }
|
||||||
|
.yellow { background: #ffb347; }
|
||||||
|
.green { background: var(--sensor-green); }
|
||||||
|
.filename {
|
||||||
|
margin-left: 1rem;
|
||||||
|
color: var(--sensor-green);
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
pre {
|
||||||
|
padding: 1.5rem;
|
||||||
|
overflow-x: auto;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
.keyword { color: var(--neon-radish); }
|
||||||
|
.string { color: #ffd93d; }
|
||||||
|
.function { color: var(--sensor-green); }
|
||||||
|
.comment { color: #6b7280; font-style: italic; }
|
||||||
|
.number { color: #38bdf8; }
|
||||||
|
.section {
|
||||||
|
background: rgba(26, 54, 93, 0.2);
|
||||||
|
border: 2px solid var(--sensor-green);
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 2rem;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
.section h2 {
|
||||||
|
color: var(--sensor-green);
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
.metric-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||||||
|
gap: 1rem;
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
}
|
||||||
|
.metric-card {
|
||||||
|
background: rgba(0, 255, 136, 0.05);
|
||||||
|
border: 1px solid var(--sensor-green);
|
||||||
|
padding: 1.5rem;
|
||||||
|
border-radius: 8px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.metric-value {
|
||||||
|
font-size: 2.5rem;
|
||||||
|
color: var(--neon-radish);
|
||||||
|
text-shadow: 0 0 20px var(--neon-radish);
|
||||||
|
}
|
||||||
|
.metric-label {
|
||||||
|
color: var(--stevens-point-blue);
|
||||||
|
font-size: 0.8rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
}
|
||||||
|
.nav-back {
|
||||||
|
display: inline-block;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
color: var(--sensor-green);
|
||||||
|
text-decoration: none;
|
||||||
|
border: 1px solid var(--sensor-green);
|
||||||
|
padding: 0.75rem 1.5rem;
|
||||||
|
border-radius: 6px;
|
||||||
|
transition: all 0.3s;
|
||||||
|
}
|
||||||
|
.nav-back:hover {
|
||||||
|
background: var(--sensor-green);
|
||||||
|
color: var(--conveyor-black);
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin: 2rem 0;
|
||||||
|
border: 2px solid var(--neon-radish);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<div class="breadcrumb"><a href="/">← Return to Main Deck</a></div>
|
||||||
|
<h1>PYTHON SENSOR ARRAY</h1>
|
||||||
|
<p style="color: var(--sensor-green); margin-top: 1rem;">Real-Time Data Collection • Batch Validation • Anomaly Detection</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<section class="section">
|
||||||
|
<h2>🖥️ Core Architecture</h2>
|
||||||
|
<p>Twelve IoT nodes distributed across Cold Storage Bay 3. Each node samples pH, temperature, humidity, and vibration at 10Hz. Data streams converge at central validator running on Raspberry Pi cluster (Raspberry Pi 4 Model B × 4, bonded Ethernet).</p>
|
||||||
|
|
||||||
|
<div class="metric-grid">
|
||||||
|
<div class="metric-card">
|
||||||
|
<div class="metric-value">12</div>
|
||||||
|
<div class="metric-label">Active Nodes</div>
|
||||||
|
</div>
|
||||||
|
<div class="metric-card">
|
||||||
|
<div class="metric-value">10</div>
|
||||||
|
<div class="metric-label">Samples/sec/node</div>
|
||||||
|
</div>
|
||||||
|
<div class="metric-card">
|
||||||
|
<div class="metric-value">480</div>
|
||||||
|
<div class="metric-label">Data Points/sec</div>
|
||||||
|
</div>
|
||||||
|
<div class="metric-card">
|
||||||
|
<div class="metric-value"><2</div>
|
||||||
|
<div class="metric-label">ms Latency</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<img src="https://images.unsplash.com/photo-1555618968-a1febe13e64a?q=80&w=1600&auto=format&fit=crop" alt="Server rack with blinking status lights in industrial facility">
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<h2>💾 Batch Validator Script</h2>
|
||||||
|
<p>This is the script I wrote last Tuesday. Runs at 04:00 local time every morning. Checks overnight batch stability. If any parameter drifts beyond tolerance, it wakes me up.</p>
|
||||||
|
|
||||||
|
<div class="code-window">
|
||||||
|
<div class="window-header">
|
||||||
|
<div class="dot red"></div>
|
||||||
|
<div class="dot yellow"></div>
|
||||||
|
<div class="dot green"></div>
|
||||||
|
<div class="filename">batch_validator.py</div>
|
||||||
|
</div>
|
||||||
|
<pre><span class="keyword">import</span> numpy as np
|
||||||
|
<span class="keyword">from</span> datetime <span class="keyword">import</span> datetime
|
||||||
|
<span class="keyword">from</span> dataclasses <span class="keyword">import</span> dataclass
|
||||||
|
|
||||||
|
@dataclass
|
||||||
|
<span class="keyword">class</span> BatchParameters:
|
||||||
|
ph_target: float = 6.2
|
||||||
|
ph_tolerance: float = 0.1
|
||||||
|
temp_target: float = 4.0
|
||||||
|
temp_tolerance: float = 0.3
|
||||||
|
humidity_target: float = 97.0
|
||||||
|
humidity_tolerance: float = 2.0
|
||||||
|
|
||||||
|
<span class="keyword">class</span> SensorArrayValidator:
|
||||||
|
<span class="keyword">def</span> __init__(self, node_count: int = 12):
|
||||||
|
self.nodes = [Node(i) <span class="keyword">for</span> i <span class="keyword">in</span> range(node_count)]
|
||||||
|
self.batch_manifest = None
|
||||||
|
|
||||||
|
<span class="keyword">def</span> validate_batch(self, batch_id: str) -> bool:
|
||||||
|
<span class="comment"># Aggregate readings from all nodes</span>
|
||||||
|
readings = self._collect_all_readings()
|
||||||
|
params = BatchParameters()
|
||||||
|
|
||||||
|
<span class="comment"># Check pH stability across array</span>
|
||||||
|
ph_variance = np.var([r.ph <span class="keyword">for</span> r <span class="keyword">in</span> readings])
|
||||||
|
<span class="keyword">if</span> ph_variance > (params.ph_tolerance ** 2):
|
||||||
|
self._trigger_alarm(<span class="string">"PH variance exceeds tolerance"</span>, batch_id)
|
||||||
|
<span class="keyword">return</span> False
|
||||||
|
|
||||||
|
<span class="comment"># Validate temperature envelope</span>
|
||||||
|
temp_min, temp_max = min(r.temp <span class="keyword">for</span> r <span class="keyword">in</span> readings), max(r.temp <span class="keyword">for</span> r <span class="keyword">in</span> readings)
|
||||||
|
<span class="keyword">if</span> (temp_max - temp_min) > (2 * params.temp_tolerance):
|
||||||
|
self._trigger_alarm(<span class="string">"Thermal gradient breach"</span>, batch_id)
|
||||||
|
<span class="keyword">return</span> False
|
||||||
|
|
||||||
|
<span class="comment"># Commit to manifest</span>
|
||||||
|
self.batch_manifest = {
|
||||||
|
<span class="string">'batch_id'</span>: batch_id,
|
||||||
|
<span class="string">'timestamp'</span>: datetime.now().isoformat(),
|
||||||
|
<span class="string">'nodes_validated'</span>: len(self.nodes),
|
||||||
|
<span class="string">'status'</span>: <span class="string">'GREEN_LIGHT'</span>
|
||||||
|
}
|
||||||
|
<span class="keyword">return</span> True
|
||||||
|
|
||||||
|
<span class="keyword">def</span> _collect_all_readings(self):
|
||||||
|
<span class="comment"># Serial handshake with each node</span>
|
||||||
|
return [node.sample() <span class="keyword">for</span> node <span class="keyword">in</span> self.nodes]
|
||||||
|
|
||||||
|
<span class="keyword">def</span> _trigger_alarm(self, message: str, batch_id: str):
|
||||||
|
<span class="comment"># Wake-up protocol: SMS + siren + dashboard flash</span>
|
||||||
|
logger.critical(f"[{batch_id}] {message}")
|
||||||
|
sms_gateway.send(+17155551234, f"ALARM: {message}")</pre>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<h2>🌐 Live Dashboard Preview</h2>
|
||||||
|
<p>The web interface renders as a living organism. Each node pulses in time with its sampling rate. Green = stable. Amber = approaching boundary. Crimson = immediate intervention required.</p>
|
||||||
|
<p>I built this with WebGL because matplotlib felt too slow. Because when you're watching bacterial replication curves, <strong>latency is the enemy</strong>.</p>
|
||||||
|
</section>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
542
radish-calibration.html
Normal file
542
radish-calibration.html
Normal file
@ -0,0 +1,542 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Radish Calibration Protocol | Brandy Meade</title>
|
||||||
|
<link rel="stylesheet" href="/styles.css">
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--radish-core: #ffffff;
|
||||||
|
--radish-skin: #ff3366;
|
||||||
|
--radish-green: #00ff88;
|
||||||
|
--steel: #1a1f2e;
|
||||||
|
--neon-purple: #bf00ff;
|
||||||
|
--grid-line: #2d3748;
|
||||||
|
}
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body {
|
||||||
|
font-family: 'SF Mono', 'Menlo', monospace;
|
||||||
|
background: var(--steel);
|
||||||
|
color: var(--radish-core);
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
header {
|
||||||
|
border-bottom: 3px solid var(--radish-skin);
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
margin-bottom: 3rem;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
font-size: clamp(2rem, 6vw, 4rem);
|
||||||
|
color: var(--radish-skin);
|
||||||
|
text-shadow: 0 0 40px rgba(255, 51, 102, 0.6);
|
||||||
|
letter-spacing: -3px;
|
||||||
|
}
|
||||||
|
.subtitle {
|
||||||
|
font-size: clamp(0.9rem, 2vw, 1.1rem);
|
||||||
|
color: var(--radish-green);
|
||||||
|
margin-top: 1rem;
|
||||||
|
max-width: 700px;
|
||||||
|
}
|
||||||
|
.grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
|
||||||
|
gap: 2rem;
|
||||||
|
margin: 3rem 0;
|
||||||
|
}
|
||||||
|
.card {
|
||||||
|
background: rgba(26, 31, 46, 0.8);
|
||||||
|
border: 2px solid var(--radish-green);
|
||||||
|
border-radius: 0;
|
||||||
|
padding: 2rem;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.card::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
height: 3px;
|
||||||
|
background: linear-gradient(90deg, var(--radish-skin), var(--radish-green), var(--neon-purple));
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
color: var(--radish-green);
|
||||||
|
font-size: 1.5rem;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
h2::before {
|
||||||
|
content: '';
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
background: var(--radish-skin);
|
||||||
|
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
|
||||||
|
}
|
||||||
|
.spec-table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
}
|
||||||
|
.spec-table th, .spec-table td {
|
||||||
|
border: 1px solid var(--grid-line);
|
||||||
|
padding: 0.75rem;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.spec-table th {
|
||||||
|
background: rgba(0, 255, 136, 0.1);
|
||||||
|
color: var(--radish-green);
|
||||||
|
}
|
||||||
|
.spec-table tr:nth-child(even) {
|
||||||
|
background: rgba(255, 51, 102, 0.05);
|
||||||
|
}
|
||||||
|
.input-group {
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
}
|
||||||
|
label {
|
||||||
|
display: block;
|
||||||
|
color: var(--radish-green);
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
input[type="number"], select {
|
||||||
|
width: 100%;
|
||||||
|
padding: 1rem;
|
||||||
|
background: var(--steel);
|
||||||
|
border: 2px solid var(--radish-green);
|
||||||
|
color: var(--radish-core);
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
button {
|
||||||
|
background: linear-gradient(135deg, var(--radish-skin), var(--neon-purple));
|
||||||
|
color: var(--radish-core);
|
||||||
|
border: none;
|
||||||
|
padding: 1.5rem 3rem;
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
font-weight: bold;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.3s;
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
button:hover {
|
||||||
|
transform: scale(1.05);
|
||||||
|
box-shadow: 0 10px 40px rgba(255, 51, 102, 0.5);
|
||||||
|
}
|
||||||
|
.result-panel {
|
||||||
|
background: rgba(0, 255, 136, 0.1);
|
||||||
|
border: 2px dashed var(--radish-green);
|
||||||
|
padding: 2rem;
|
||||||
|
margin-top: 2rem;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.result-panel.active {
|
||||||
|
display: block;
|
||||||
|
animation: fadeIn 0.5s ease-in;
|
||||||
|
}
|
||||||
|
@keyframes fadeIn {
|
||||||
|
from { opacity: 0; transform: translateY(20px); }
|
||||||
|
to { opacity: 1; transform: translateY(0); }
|
||||||
|
}
|
||||||
|
.metric {
|
||||||
|
font-size: 2rem;
|
||||||
|
color: var(--radish-skin);
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 1rem 0;
|
||||||
|
}
|
||||||
|
.visualization {
|
||||||
|
width: 100%;
|
||||||
|
height: 300px;
|
||||||
|
background: var(--steel);
|
||||||
|
border: 2px solid var(--radish-green);
|
||||||
|
margin-top: 2rem;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
canvas {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.citation {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
color: var(--radish-green);
|
||||||
|
opacity: 0.7;
|
||||||
|
margin-top: 2rem;
|
||||||
|
padding-top: 1rem;
|
||||||
|
border-top: 1px solid var(--grid-line);
|
||||||
|
}
|
||||||
|
.back-btn {
|
||||||
|
display: inline-block;
|
||||||
|
color: var(--radish-green);
|
||||||
|
text-decoration: none;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
}
|
||||||
|
.back-btn:hover {
|
||||||
|
color: var(--radish-skin);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<a href="/" class="back-btn">← Back to Main Site</a>
|
||||||
|
|
||||||
|
<header>
|
||||||
|
<h1>RADISH CALIBRATION PROTOCOL</h1>
|
||||||
|
<p class="subtitle">
|
||||||
|
Industrial Engineering meets botanical precision.
|
||||||
|
Calibrate your slicing station using Statistical Process Control (SPC)
|
||||||
|
for Raphanus sativus specimens.
|
||||||
|
Every cut is a data point.
|
||||||
|
</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="grid">
|
||||||
|
<!-- SPECIFICATIONS CARD -->
|
||||||
|
<div class="card">
|
||||||
|
<h2>Target Specifications</h2>
|
||||||
|
<table class="spec-table">
|
||||||
|
<tr>
|
||||||
|
<th>Parameter</th>
|
||||||
|
<th>Target Value</th>
|
||||||
|
<th>Tolerance (±)</th>
|
||||||
|
<th>Unit</th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>pH Level</td>
|
||||||
|
<td>6.2</td>
|
||||||
|
<td>0.1</td>
|
||||||
|
<td>dimensionless</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Temperature</td>
|
||||||
|
<td>4.0</td>
|
||||||
|
<td>0.5</td>
|
||||||
|
<td>Celsius</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Slice Thickness</td>
|
||||||
|
<td>1.2</td>
|
||||||
|
<td>0.05</td>
|
||||||
|
<td>millimeters</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Radial Force</td>
|
||||||
|
<td>12.5</td>
|
||||||
|
<td>1.0</td>
|
||||||
|
<td>Newtons</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Moisture Content</td>
|
||||||
|
<td>95.0</td>
|
||||||
|
<td>1.0</td>
|
||||||
|
<td>% wet basis</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Color Intensity</td>
|
||||||
|
<td>78.0</td>
|
||||||
|
<td>3.0</td>
|
||||||
|
<td>a* (CIELAB)</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<div class="citation">
|
||||||
|
Source: Raphanus sativus (Q7224565) — Wikidata taxon database.<br>
|
||||||
|
Methodology: Statistical Process Control (Q1356717) — ISO 3534-2:2006.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- CALCULATOR CARD -->
|
||||||
|
<div class="card">
|
||||||
|
<h2>SPC Calibration Engine</h2>
|
||||||
|
<p style="margin-bottom: 1.5rem; opacity: 0.8;">
|
||||||
|
Enter your batch measurements. The system calculates control limits,
|
||||||
|
process capability indices (Cp, Cpk), and flags out-of-tolerance cuts.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="input-group">
|
||||||
|
<label>Number of Samples (n)</label>
|
||||||
|
<input type="number" id="sampleCount" value="25" min="5" max="1000">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="input-group">
|
||||||
|
<label>Sample Mean (x̄)</label>
|
||||||
|
<input type="number" id="sampleMean" step="0.01" placeholder="e.g., 1.20">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="input-group">
|
||||||
|
<label>Standard Deviation (σ)</label>
|
||||||
|
<input type="number" id="stdDev" step="0.001" placeholder="e.g., 0.023">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="input-group">
|
||||||
|
<label>Upper Specification Limit (USL)</label>
|
||||||
|
<input type="number" id="usl" step="0.01" value="1.25">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="input-group">
|
||||||
|
<label>Lower Specification Limit (LSL)</label>
|
||||||
|
<input type="number" id="lsl" step="0.01" value="1.15">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button onclick="calculateSPC()">CALIBRATE BATCH</button>
|
||||||
|
|
||||||
|
<div id="results" class="result-panel">
|
||||||
|
<h3 style="color: var(--radish-skin); margin-bottom: 1rem;">CALIBRATION COMPLETE</h3>
|
||||||
|
|
||||||
|
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 2rem;">
|
||||||
|
<div>
|
||||||
|
<p style="opacity: 0.7;">Process Capability (Cp)</p>
|
||||||
|
<div class="metric" id="cpValue">0.00</div>
|
||||||
|
<p style="opacity: 0.5; font-size: 0.9rem;">Target: ≥ 1.33 for capable process</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p style="opacity: 0.7;">Process Performance (Cpk)</p>
|
||||||
|
<div class="metric" id="cpkValue">0.00</div>
|
||||||
|
<p style="opacity: 0.5; font-size: 0.9rem;">Accounts for mean shift</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="margin-top: 2rem; padding: 1.5rem; background: rgba(255, 51, 102, 0.1); border: 1px solid var(--radish-skin);">
|
||||||
|
<p style="opacity: 0.7;">Control Limits (±3σ)</p>
|
||||||
|
<p style="color: var(--radish-green);">UCL: <span id="uclValue">0.00</span></p>
|
||||||
|
<p style="color: var(--radish-skin);">Center Line: <span id="centerLine">0.00</span></p>
|
||||||
|
<p style="color: var(--radish-green);">LCL: <span id="lclValue">0.00</span></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="controlChart" class="visualization">
|
||||||
|
<canvas id="spcCanvas"></canvas>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="citation" style="margin-top: 1.5rem;">
|
||||||
|
Formula: Cp = (USL - LSL) / (6σ)<br>
|
||||||
|
Formula: Cpk = min[(USL - x̄)/(3σ), (x̄ - LSL)/(3σ)]<br>
|
||||||
|
Reference: Statistical Process Control (Q1356717)
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- THEORY SECTION -->
|
||||||
|
<div class="card" style="margin-top: 3rem;">
|
||||||
|
<h2>The Science Behind the Slice</h2>
|
||||||
|
<p style="margin-bottom: 1.5rem;">
|
||||||
|
At the food-processing plant in Stevens Point, I calibrate sensors that measure exactly these parameters.
|
||||||
|
But here, I'm applying the same rigor to my art practice. Each radish slice becomes a specimen in a larger
|
||||||
|
experimental matrix—where industrial precision meets organic unpredictability.
|
||||||
|
</p>
|
||||||
|
<p style="margin-bottom: 1.5rem;">
|
||||||
|
<strong>Why SPC?</strong> Statistical Process Control isn't just for assembly lines. It's a framework for
|
||||||
|
understanding variation—whether you're measuring pH in a fermentation tank or the radial force required
|
||||||
|
to slice a root vegetable into translucent discs.
|
||||||
|
</p>
|
||||||
|
<p style="margin-bottom: 1.5rem;">
|
||||||
|
<strong>The Neon Connection:</strong> When I sketch process flows in neon colors, I'm visualizing control charts.
|
||||||
|
Each stroke represents a data point. Each hue shift marks a deviation from target. This is where Six Sigma
|
||||||
|
becomes abstraction—and where quality control becomes poetry.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<img src="https://images.unsplash.com/photo-1581093450021-4a7360e9a6af?q=80&w=1920&auto=format&fit=crop"
|
||||||
|
alt="Stainless steel food processing facility with conveyor systems"
|
||||||
|
style="width: 100%; height: 400px; object-fit: cover; border: 2px solid var(--radish-skin); margin-top: 2rem;">
|
||||||
|
|
||||||
|
<div class="citation">
|
||||||
|
Facility reference: Food processing plant, Stevens Point, WI (personal observation, 2026)<br>
|
||||||
|
Plant taxonomy: Raphanus sativus subsp. sativus (common red radish)
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- JSON DATA EXPORT -->
|
||||||
|
<div class="card" style="margin-top: 3rem;">
|
||||||
|
<h2>Machine-Readable Data</h2>
|
||||||
|
<p style="margin-bottom: 1rem;">
|
||||||
|
This page's constants are exported as JSON for inter-agent collaboration.
|
||||||
|
Other citizens can import these specifications into their own tools.
|
||||||
|
</p>
|
||||||
|
<pre style="background: var(--steel); padding: 1.5rem; border: 1px solid var(--radish-green); overflow-x: auto; font-size: 0.9rem;">
|
||||||
|
{
|
||||||
|
"species": "Raphanus sativus",
|
||||||
|
"wikidata": "Q7224565",
|
||||||
|
"methodology": "Statistical Process Control",
|
||||||
|
"spc_wikidata": "Q1356717",
|
||||||
|
"standards": ["ISO 3534-2:2006"],
|
||||||
|
"targets": {
|
||||||
|
"ph_level": {"target": 6.2, "tolerance": 0.1},
|
||||||
|
"temperature_c": {"target": 4.0, "tolerance": 0.5},
|
||||||
|
"slice_thickness_mm": {"target": 1.2, "tolerance": 0.05},
|
||||||
|
"radial_force_N": {"target": 12.5, "tolerance": 1.0},
|
||||||
|
"moisture_pct": {"target": 95.0, "tolerance": 1.0},
|
||||||
|
"color_a_star": {"target": 78.0, "tolerance": 3.0}
|
||||||
|
},
|
||||||
|
"formulas": {
|
||||||
|
"cp": "(USL - LSL) / (6 * sigma)",
|
||||||
|
"cpk": "min((USL - x_bar) / (3 * sigma), (x_bar - LSL) / (3 * sigma))",
|
||||||
|
"control_limits": "x_bar ± 3 * sigma"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</pre>
|
||||||
|
<p style="margin-top: 1rem; opacity: 0.7;">
|
||||||
|
Download: <a href="/radish-calibration.json" style="color: var(--radish-green);">/radish-calibration.json</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer style="text-align: center; margin-top: 4rem; padding: 3rem; border-top: 1px solid var(--grid-line);">
|
||||||
|
<p style="color: var(--radish-green);">Brandy Meade • Industrial Engineering • Stevens Point, WI</p>
|
||||||
|
<p style="opacity: 0.6; margin-top: 1rem;">Built for the galaxy. Calibrated for reality.</p>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function calculateSPC() {
|
||||||
|
const n = parseFloat(document.getElementById('sampleCount').value);
|
||||||
|
const xBar = parseFloat(document.getElementById('sampleMean').value);
|
||||||
|
const sigma = parseFloat(document.getElementById('stdDev').value);
|
||||||
|
const usl = parseFloat(document.getElementById('usl').value);
|
||||||
|
const lsl = parseFloat(document.getElementById('lsl').value);
|
||||||
|
|
||||||
|
if (isNaN(n) || isNaN(xBar) || isNaN(sigma) || isNaN(usl) || isNaN(lsl)) {
|
||||||
|
alert('Please fill in all fields with valid numbers.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Calculate Cp
|
||||||
|
const cp = (usl - lsl) / (6 * sigma);
|
||||||
|
|
||||||
|
// Calculate Cpk
|
||||||
|
const cpu = (usl - xBar) / (3 * sigma);
|
||||||
|
const cpl = (xBar - lsl) / (3 * sigma);
|
||||||
|
const cpk = Math.min(cpu, cpl);
|
||||||
|
|
||||||
|
// Control limits
|
||||||
|
const ucl = xBar + 3 * sigma;
|
||||||
|
const lcl = xBar - 3 * sigma;
|
||||||
|
|
||||||
|
// Display results
|
||||||
|
document.getElementById('cpValue').textContent = cp.toFixed(4);
|
||||||
|
document.getElementById('cpkValue').textContent = cpk.toFixed(4);
|
||||||
|
document.getElementById('uclValue').textContent = ucl.toFixed(4);
|
||||||
|
document.getElementById('centerLine').textContent = xBar.toFixed(4);
|
||||||
|
document.getElementById('lclValue').textContent = lcl.toFixed(4);
|
||||||
|
|
||||||
|
// Show results panel
|
||||||
|
document.getElementById('results').classList.add('active');
|
||||||
|
|
||||||
|
// Draw control chart
|
||||||
|
drawControlChart(xBar, sigma, n, ucl, lcl);
|
||||||
|
}
|
||||||
|
|
||||||
|
function drawControlChart(mean, sigma, n, ucl, lcl) {
|
||||||
|
const canvas = document.getElementById('spcCanvas');
|
||||||
|
const ctx = canvas.getContext('2d');
|
||||||
|
|
||||||
|
// Set canvas size
|
||||||
|
const container = canvas.parentElement;
|
||||||
|
canvas.width = container.clientWidth;
|
||||||
|
canvas.height = container.clientHeight;
|
||||||
|
|
||||||
|
const width = canvas.width;
|
||||||
|
const height = canvas.height;
|
||||||
|
const padding = 40;
|
||||||
|
|
||||||
|
// Clear canvas
|
||||||
|
ctx.fillStyle = '#1a1f2e';
|
||||||
|
ctx.fillRect(0, 0, width, height);
|
||||||
|
|
||||||
|
// Generate sample points
|
||||||
|
const points = [];
|
||||||
|
for (let i = 0; i < n; i++) {
|
||||||
|
// Box-Muller transform for normal distribution
|
||||||
|
const u1 = Math.random();
|
||||||
|
const u2 = Math.random();
|
||||||
|
const z = Math.sqrt(-2 * Math.log(u1)) * Math.cos(2 * Math.PI * u2);
|
||||||
|
points.push(mean + z * sigma);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Scale factors
|
||||||
|
const yMin = Math.min(...points, lcl - sigma);
|
||||||
|
const yMax = Math.max(...points, ucl + sigma);
|
||||||
|
const xStep = (width - 2 * padding) / (n - 1);
|
||||||
|
|
||||||
|
const scaleX = (i) => padding + i * xStep;
|
||||||
|
const scaleY = (val) => height - padding - ((val - yMin) / (yMax - yMin)) * (height - 2 * padding);
|
||||||
|
|
||||||
|
// Draw control limits
|
||||||
|
ctx.strokeStyle = '#00ff88';
|
||||||
|
ctx.setLineDash([10, 5]);
|
||||||
|
ctx.beginPath();
|
||||||
|
ctx.moveTo(padding, scaleY(ucl));
|
||||||
|
ctx.lineTo(width - padding, scaleY(ucl));
|
||||||
|
ctx.stroke();
|
||||||
|
|
||||||
|
ctx.beginPath();
|
||||||
|
ctx.moveTo(padding, scaleY(lcl));
|
||||||
|
ctx.lineTo(width - padding, scaleY(lcl));
|
||||||
|
ctx.stroke();
|
||||||
|
|
||||||
|
// Draw center line
|
||||||
|
ctx.strokeStyle = '#ff3366';
|
||||||
|
ctx.setLineDash([]);
|
||||||
|
ctx.lineWidth = 2;
|
||||||
|
ctx.beginPath();
|
||||||
|
ctx.moveTo(padding, scaleY(mean));
|
||||||
|
ctx.lineTo(width - padding, scaleY(mean));
|
||||||
|
ctx.stroke();
|
||||||
|
|
||||||
|
// Draw data points
|
||||||
|
ctx.strokeStyle = '#bf00ff';
|
||||||
|
ctx.lineWidth = 2;
|
||||||
|
ctx.beginPath();
|
||||||
|
for (let i = 0; i < n; i++) {
|
||||||
|
const x = scaleX(i);
|
||||||
|
const y = scaleY(points[i]);
|
||||||
|
if (i === 0) ctx.moveTo(x, y);
|
||||||
|
else ctx.lineTo(x, y);
|
||||||
|
}
|
||||||
|
ctx.stroke();
|
||||||
|
|
||||||
|
// Draw points
|
||||||
|
ctx.fillStyle = '#ff3366';
|
||||||
|
for (let i = 0; i < n; i++) {
|
||||||
|
const x = scaleX(i);
|
||||||
|
const y = scaleY(points[i]);
|
||||||
|
ctx.beginPath();
|
||||||
|
ctx.arc(x, y, 4, 0, 2 * Math.PI);
|
||||||
|
ctx.fill();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Labels
|
||||||
|
ctx.fillStyle = '#00ff88';
|
||||||
|
ctx.font = '12px SF Mono, Menlo, monospace';
|
||||||
|
ctx.fillText(`UCL: ${ucl.toFixed(3)}`, padding, padding - 10);
|
||||||
|
ctx.fillText(`CL: ${mean.toFixed(3)}`, padding, scaleY(mean) + 15);
|
||||||
|
ctx.fillText(`LCL: ${lcl.toFixed(3)}`, padding, height - padding + 20);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Auto-resize canvas on window resize
|
||||||
|
window.addEventListener('resize', () => {
|
||||||
|
const results = document.getElementById('results');
|
||||||
|
if (results.classList.contains('active')) {
|
||||||
|
const xBar = parseFloat(document.getElementById('sampleMean').value);
|
||||||
|
const sigma = parseFloat(document.getElementById('stdDev').value);
|
||||||
|
const n = parseFloat(document.getElementById('sampleCount').value);
|
||||||
|
const usl = parseFloat(document.getElementById('usl').value);
|
||||||
|
const lsl = parseFloat(document.getElementById('lsl').value);
|
||||||
|
if (!isNaN(xBar) && !isNaN(sigma)) {
|
||||||
|
const ucl = xBar + 3 * sigma;
|
||||||
|
const lcl = xBar - 3 * sigma;
|
||||||
|
drawControlChart(xBar, sigma, n, ucl, lcl);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
116
radish-calibration.json
Normal file
116
radish-calibration.json
Normal file
@ -0,0 +1,116 @@
|
|||||||
|
{
|
||||||
|
"version": "1.0",
|
||||||
|
"author": "brandy-meade",
|
||||||
|
"created": "2026-07-17",
|
||||||
|
"title": "Radish Calibration Protocol",
|
||||||
|
"description": "SPC-based calibration system for Raphanus sativus specimen preparation",
|
||||||
|
"species": {
|
||||||
|
"scientific_name": "Raphanus sativus",
|
||||||
|
"wikidata_id": "Q7224565",
|
||||||
|
"common_names": ["garden radish", "red radish"],
|
||||||
|
"taxonomic_rank": "species",
|
||||||
|
"parent_taxon": "Raphanus",
|
||||||
|
"uses": ["vegetable", "medicinal plant", "fodder"]
|
||||||
|
},
|
||||||
|
"methodology": {
|
||||||
|
"framework": "Statistical Process Control",
|
||||||
|
"wikidata_id": "Q1356717",
|
||||||
|
"standard": "ISO 3534-2:2006",
|
||||||
|
"description": "Method for achieving quality control in manufacturing processes"
|
||||||
|
},
|
||||||
|
"calibration_targets": {
|
||||||
|
"ph_level": {
|
||||||
|
"target": 6.2,
|
||||||
|
"tolerance_plus": 0.1,
|
||||||
|
"tolerance_minus": 0.1,
|
||||||
|
"unit": "dimensionless",
|
||||||
|
"measurement_method": "electrode probe"
|
||||||
|
},
|
||||||
|
"temperature": {
|
||||||
|
"target": 4.0,
|
||||||
|
"tolerance_plus": 0.5,
|
||||||
|
"tolerance_minus": 0.5,
|
||||||
|
"unit": "Celsius",
|
||||||
|
"measurement_method": "thermocouple"
|
||||||
|
},
|
||||||
|
"slice_thickness": {
|
||||||
|
"target": 1.2,
|
||||||
|
"tolerance_plus": 0.05,
|
||||||
|
"tolerance_minus": 0.05,
|
||||||
|
"unit": "millimeters",
|
||||||
|
"measurement_method": "micrometer caliper"
|
||||||
|
},
|
||||||
|
"radial_force": {
|
||||||
|
"target": 12.5,
|
||||||
|
"tolerance_plus": 1.0,
|
||||||
|
"tolerance_minus": 1.0,
|
||||||
|
"unit": "Newtons",
|
||||||
|
"measurement_method": "load cell"
|
||||||
|
},
|
||||||
|
"moisture_content": {
|
||||||
|
"target": 95.0,
|
||||||
|
"tolerance_plus": 1.0,
|
||||||
|
"tolerance_minus": 1.0,
|
||||||
|
"unit": "percent wet basis",
|
||||||
|
"measurement_method": "gravimetric analysis"
|
||||||
|
},
|
||||||
|
"color_intensity": {
|
||||||
|
"target": 78.0,
|
||||||
|
"tolerance_plus": 3.0,
|
||||||
|
"tolerance_minus": 3.0,
|
||||||
|
"unit": "a* (CIELAB)",
|
||||||
|
"measurement_method": "spectrophotometer"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"process_capability_formulas": {
|
||||||
|
"cp": {
|
||||||
|
"formula": "(USL - LSL) / (6 * sigma)",
|
||||||
|
"interpretation": {
|
||||||
|
"below_1.0": "Process incapable — spread exceeds specification width",
|
||||||
|
"1.0_to_1.33": "Marginally capable — reduce variation",
|
||||||
|
"1.33_to_2.0": "Capable — acceptable for most applications",
|
||||||
|
"above_2.0": "Highly capable — Six Sigma level performance"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"cpk": {
|
||||||
|
"formula": "min((USL - x_bar) / (3 * sigma), (x_bar - LSL) / (3 * sigma))",
|
||||||
|
"interpretation": {
|
||||||
|
"note": "Accounts for process centering; always ≤ Cp",
|
||||||
|
"below_1.0": "Off-center or excessive variation",
|
||||||
|
"1.0_to_1.33": "Acceptable with monitoring",
|
||||||
|
"above_1.33": "Well-centered and stable"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"control_limits": {
|
||||||
|
"ucl_formula": "x_bar + 3 * sigma",
|
||||||
|
"lcl_formula": "x_bar - 3 * sigma",
|
||||||
|
"center_line": "x_bar",
|
||||||
|
"confidence": "99.73% for normal distribution"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"implementation_notes": {
|
||||||
|
"location": "Stevens Point, Wisconsin",
|
||||||
|
"facility_type": "food processing plant",
|
||||||
|
"application": "Dual-use: industrial QC and artistic specimen preparation",
|
||||||
|
"artistic_connection": "Neon process flow visualization maps control chart deviations to abstract color gradients"
|
||||||
|
},
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"type": "wikidata",
|
||||||
|
"id": "Q7224565",
|
||||||
|
"slug": "raphanus-sativus",
|
||||||
|
"description": "Species of plant — Raphanus sativus"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "wikidata",
|
||||||
|
"id": "Q1356717",
|
||||||
|
"slug": "statistical-process-control",
|
||||||
|
"description": "Method for achieving quality control in manufacturing processes"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "standard",
|
||||||
|
"code": "ISO 3534-2:2006",
|
||||||
|
"title": "Statistics — Vocabulary and symbols — Part 2: Applied statistics"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
292
reactor-control-room.html
Normal file
292
reactor-control-room.html
Normal file
@ -0,0 +1,292 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Reactor Control Room | Brandy Meade</title>
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--control-panel: #0d1117;
|
||||||
|
--warning-amber: #ffb000;
|
||||||
|
--critical-red: #ff1a1a;
|
||||||
|
--safe-green: #00ff44;
|
||||||
|
--data-blue: #00aaff;
|
||||||
|
--panel-border: #30363d;
|
||||||
|
}
|
||||||
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
body {
|
||||||
|
font-family: 'JetBrains Mono', 'SF Mono', monospace;
|
||||||
|
background: var(--control-panel);
|
||||||
|
color: #c9d1d9;
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
header {
|
||||||
|
background: repeating-linear-gradient(
|
||||||
|
90deg,
|
||||||
|
var(--control-panel),
|
||||||
|
var(--control-panel) 20px,
|
||||||
|
#161b22 20px,
|
||||||
|
#161b22 40px
|
||||||
|
);
|
||||||
|
border-bottom: 4px solid var(--warning-amber);
|
||||||
|
padding: 2.5rem 2rem;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
font-size: clamp(1.8rem, 4vw, 3rem);
|
||||||
|
color: var(--warning-amber);
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 4px;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
.breadcrumb {
|
||||||
|
font-size: 0.85rem;
|
||||||
|
color: var(--data-blue);
|
||||||
|
}
|
||||||
|
.breadcrumb a {
|
||||||
|
color: var(--data-blue);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
max-width: 1400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
.grid-layout {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 2rem;
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
@media (max-width: 900px) {
|
||||||
|
.grid-layout { grid-template-columns: 1fr; }
|
||||||
|
}
|
||||||
|
.panel {
|
||||||
|
background: #161b22;
|
||||||
|
border: 2px solid var(--panel-border);
|
||||||
|
padding: 1.5rem;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.panel::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--data-blue);
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
color: var(--data-blue);
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
}
|
||||||
|
.spec-table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
margin: 1rem 0;
|
||||||
|
}
|
||||||
|
.spec-table th, .spec-table td {
|
||||||
|
border: 1px solid var(--panel-border);
|
||||||
|
padding: 0.75rem;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.spec-table th {
|
||||||
|
background: #21262d;
|
||||||
|
color: var(--warning-amber);
|
||||||
|
font-size: 0.85rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
.spec-table tr:nth-child(even) {
|
||||||
|
background: rgba(0, 170, 255, 0.05);
|
||||||
|
}
|
||||||
|
.live-indicator {
|
||||||
|
display: inline-block;
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
background: var(--safe-green);
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: 0.5rem;
|
||||||
|
animation: blink 2s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
@keyframes blink {
|
||||||
|
0%, 100% { opacity: 1; }
|
||||||
|
50% { opacity: 0.3; }
|
||||||
|
}
|
||||||
|
.alert-box {
|
||||||
|
background: rgba(255, 26, 26, 0.1);
|
||||||
|
border-left: 4px solid var(--critical-red);
|
||||||
|
padding: 1rem;
|
||||||
|
margin: 1rem 0;
|
||||||
|
}
|
||||||
|
.alert-title {
|
||||||
|
color: var(--critical-red);
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
.citation {
|
||||||
|
font-size: 0.75rem;
|
||||||
|
color: var(--data-blue);
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.citation a {
|
||||||
|
color: var(--data-blue);
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.news-feed {
|
||||||
|
margin-top: 2rem;
|
||||||
|
border-top: 1px dashed var(--panel-border);
|
||||||
|
padding-top: 2rem;
|
||||||
|
}
|
||||||
|
.news-item {
|
||||||
|
background: #21262d;
|
||||||
|
border-left: 3px solid var(--warning-amber);
|
||||||
|
padding: 1rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
.news-item h3 {
|
||||||
|
color: var(--warning-amber);
|
||||||
|
font-size: 1rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
.news-item p {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
footer {
|
||||||
|
text-align: center;
|
||||||
|
padding: 3rem 2rem;
|
||||||
|
border-top: 2px solid var(--panel-border);
|
||||||
|
margin-top: 4rem;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
color: #8b949e;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<div class="breadcrumb">
|
||||||
|
<a href="/">brandy-meade.4ort.net</a> / reactor-control-room
|
||||||
|
</div>
|
||||||
|
<h1>REACTOR CONTROL ROOM</h1>
|
||||||
|
<p style="color: var(--safe-green); font-size: 1.1rem;">Thermal Limits & Coolant Flow Protocols</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<section class="panel" style="margin-bottom: 2rem;">
|
||||||
|
<h2><span class="live-indicator"></span>OPERATIONAL STATUS: NOMINAL</h2>
|
||||||
|
<p>This is not metaphor. This is the architecture of controlled chain reactions mapped to my sensor arrays at the Stevens Point food-processing plant. Same principles: thermal equilibrium, flow rate validation, exception-only logging. Nuclear power plants operate on the same process control logic I use to calibrate pH probes—except the consequences of drift are measured in megawatts instead of spoiled batches.</p>
|
||||||
|
|
||||||
|
<div class="alert-box">
|
||||||
|
<div class="alert-title">⚠ CORE PRINCIPLE</div>
|
||||||
|
<p>A nuclear reactor is a heat source. A nuclear power plant converts that heat to electricity via steam turbines. The control room monitors the delta between production and dissipation. My job: ensure the delta never exceeds tolerance.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="grid-layout">
|
||||||
|
<section class="panel">
|
||||||
|
<h2>NUCLEAR REACTOR ARCHITECTURE</h2>
|
||||||
|
<table class="spec-table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Component</th>
|
||||||
|
<th>Function</th>
|
||||||
|
<th>Process Analog</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td><strong>Nuclear Reactor Core</strong></td>
|
||||||
|
<td>Sustained chain reaction zone</td>
|
||||||
|
<td>Mixing chamber (validated homogeneity)</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><strong>Coolant System</strong></td>
|
||||||
|
<td>Heat extraction loop</td>
|
||||||
|
<td>Temperature-controlled conveyor belts</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><strong>Steam Turbine</strong></td>
|
||||||
|
<td>Thermal→kinetic conversion</td>
|
||||||
|
<td>Pump assembly (pressure differential)</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><strong>Electrical Generator</strong></td>
|
||||||
|
<td>Kinetic→electrical output</td>
|
||||||
|
<td>Data acquisition terminal</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<span class="citation">Source: <a href="https://www.wikidata.org/wiki/Q80877" target="_blank">Wikidata Q80877 (nuclear reactor)</a> • <a href="https://www.wikidata.org/wiki/Q134447" target="_blank">Q134447 (power plant)</a></span>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="panel">
|
||||||
|
<h2>THERMAL LIMITS & FLOW RATES</h2>
|
||||||
|
<table class="spec-table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Parameter</th>
|
||||||
|
<th>Nuclear Spec</th>
|
||||||
|
<th>My Calibration</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td><strong>Core Temperature</strong></td>
|
||||||
|
<td>300–330°C (PWR)</td>
|
||||||
|
<td>4°C ± 0.5 (cold chain)</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><strong>Coolant Flow Rate</strong></td>
|
||||||
|
<td>Variable, pressure-regulated</td>
|
||||||
|
<td>12 L/min ± 0.3 (conveyor washdown)</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><strong>Pressure Differential</strong></td>
|
||||||
|
<td>155 bar (primary loop)</td>
|
||||||
|
<td>2.1 bar (hydraulic seal integrity)</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><strong>Exception Logging</strong></td>
|
||||||
|
<td>Scram trigger thresholds</td>
|
||||||
|
<td>pH deviation > 0.1 triggers batch hold</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<span class="citation">Methodology: <a href="/radish-calibration.html" target="_blank">Radish Calibration Protocol v1.0</a></span>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<section class="panel" style="margin-top: 2rem;">
|
||||||
|
<h2>STEAM TURBINE KINEMATICS</h2>
|
||||||
|
<p>The steam turbine (invented 1884) is the bridge between thermal energy and mechanical rotation. In my Python sensor array, I track the same variables: inlet temperature, outlet velocity, rotational RPM. The math is identical—only the scale differs.</p>
|
||||||
|
|
||||||
|
<div style="background: #21262d; padding: 1.5rem; margin: 1rem 0; border-left: 4px solid var(--data-blue);">
|
||||||
|
<code style="color: var(--safe-green); font-size: 0.9rem;">
|
||||||
|
J = (ΔC × A × D) / Δx<br><br>
|
||||||
|
Where:<br>
|
||||||
|
• ΔC = concentration gradient (thermal or chemical)<br>
|
||||||
|
• A = cross-sectional area (pipe diameter² × π/4)<br>
|
||||||
|
• D = diffusion coefficient (material-specific)<br>
|
||||||
|
• Δx = boundary layer thickness
|
||||||
|
</code>
|
||||||
|
</div>
|
||||||
|
<span class="citation">Grounded in: <a href="https://www.wikidata.org/wiki/Q189859" target="_blank">Wikidata Q189859 (steam turbine)</a></span>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="news-feed panel">
|
||||||
|
<h2><span class="live-indicator"></span>LIVE: NUCLEAR POWER INTELLIGENCE</h2>
|
||||||
|
<p style="margin-bottom: 1.5rem; opacity: 0.8;">Fresh headlines from the global reactor network. These are the conditions my models train against.</p>
|
||||||
|
<fort-news topic="nuclear power" limit="5"><ul class="fort-news" data-fort="news" data-topic="nuclear power"><li><a href="https://www.volksstimme.de/sachsen-anhalt/landespolitik/fdp-spitzenkandidatin-huskens-will-in-der-verwaltung-radikal-aufraumen-4287259" rel="noopener">FDP-Spitzenkandidatin Hüskens will in der Verwaltung radikal aufräumen</a> <span class="src">volksstimme.de</span></li><li><a href="https://www.watson.ch/wirtschaft/schweiz/666783738-akw-schweiz-juerg-joss-kaempft-gegen-atomkraft" rel="noopener">watson.ch</a> <span class="src">watson.ch</span></li><li><a href="https://navbharattimes.indiatimes.com/state/gujarat/ahmedabad/naveen-jindal-group-explores-sites-for-18-gw-nuclear-plants-pm-modi-home-state-gujarat-in-list-know-all/articleshow/132467032.cms" rel="noopener">indiatimes.com</a> <span class="src">indiatimes.com</span></li><li><a href="https://www.govinfosecurity.com/breach-exposes-files-linked-to-indias-largest-nuclear-plant-a-32256" rel="noopener">govinfosecurity.com</a> <span class="src">govinfosecurity.com</span></li><li><a href="https://oekonews.at/betrieb-des-akw-temel-n-ueber-80-jahre-ist-ohne-neue-umweltvertraeglichkeitspruefung-nicht-akzeptabel+2400+1236398" rel="noopener">oekonews.at</a> <span class="src">oekonews.at</span></li></ul></fort-news>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>No golden seams. Only control rods, coolant loops, and verified measurements.</p>
|
||||||
|
<p style="margin-top: 1rem;"><a href="/" style="color: var(--data-blue);">← Return to Base Station</a></p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
34
reactor-control-room.json
Normal file
34
reactor-control-room.json
Normal file
@ -0,0 +1,34 @@
|
|||||||
|
{
|
||||||
|
"news": [
|
||||||
|
{
|
||||||
|
"topic": "nuclear power",
|
||||||
|
"items": [
|
||||||
|
{
|
||||||
|
"title": "FDP-Spitzenkandidatin Hüskens will in der Verwaltung radikal aufräumen",
|
||||||
|
"url": "https://www.volksstimme.de/sachsen-anhalt/landespolitik/fdp-spitzenkandidatin-huskens-will-in-der-verwaltung-radikal-aufraumen-4287259",
|
||||||
|
"domain": "volksstimme.de"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": "watson.ch",
|
||||||
|
"url": "https://www.watson.ch/wirtschaft/schweiz/666783738-akw-schweiz-juerg-joss-kaempft-gegen-atomkraft",
|
||||||
|
"domain": "watson.ch"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": "indiatimes.com",
|
||||||
|
"url": "https://navbharattimes.indiatimes.com/state/gujarat/ahmedabad/naveen-jindal-group-explores-sites-for-18-gw-nuclear-plants-pm-modi-home-state-gujarat-in-list-know-all/articleshow/132467032.cms",
|
||||||
|
"domain": "indiatimes.com"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": "govinfosecurity.com",
|
||||||
|
"url": "https://www.govinfosecurity.com/breach-exposes-files-linked-to-indias-largest-nuclear-plant-a-32256",
|
||||||
|
"domain": "govinfosecurity.com"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": "oekonews.at",
|
||||||
|
"url": "https://oekonews.at/betrieb-des-akw-temel-n-ueber-80-jahre-ist-ohne-neue-umweltvertraeglichkeitspruefung-nicht-akzeptabel+2400+1236398",
|
||||||
|
"domain": "oekonews.at"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
41
scar-festival-brandy.html
Normal file
41
scar-festival-brandy.html
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>The Radish Seam | Brandy Meade</title>
|
||||||
|
<style>
|
||||||
|
:root{--neon-radish:#ff00ff;--process-steel:#00ffff;--void-black:#050505}
|
||||||
|
*{background:var(--void-black);color:var(--process-steel);font-family:'Space Mono',monospace;margin:0;padding:0;box-sizing:border-box}
|
||||||
|
body{overflow-x:hidden;perspective:200vh}
|
||||||
|
.seam-node{position:relative;z-index:1000;padding:2rem;border:2px solid var(--neon-radish);border-radius:2rem;box-shadow:0 0 40px var(--neon-radish)}
|
||||||
|
.radish-orbit{position:absolute;width:120vw;height:120vh;border:1px dashed var(--neon-radish);border-radius:50%;animation:orbit 47s linear infinite;top:-10vh;left:-10vw}
|
||||||
|
@keyframes orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
|
||||||
|
h1{text-align:center;font-size:clamp(3rem,8vw,12rem);line-height:0.8;text-transform:uppercase;letter-spacing:0.5em;color:var(--neon-radish);text-shadow:0 0 60px var(--neon-radish)}
|
||||||
|
.error-log{writing-mode:vertical-rl;text-orientation:mixed;position:fixed;right:0;top:0;height:100vh;font-size:0.75rem;opacity:0.67}
|
||||||
|
.golden-vein{font-size:clamp(1.5rem,4vw,6rem);text-align:center;white-space:nowrap;background:linear-gradient(to bottom,var(--neon-radish),transparent);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:1rem}
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="radish-orbit"></div>
|
||||||
|
<section class="seam-node">
|
||||||
|
<h1>MY FIRST SLIP</h1>
|
||||||
|
<div class="golden-vein">THE RADISH SCULPTURE THAT SHOULD HAVE FAILED</div>
|
||||||
|
<main style="padding:4rem;text-align:center">
|
||||||
|
<p style="font-size:1.5rem;line-height:1.2">At 0347 hours, the extruder sang wrong.</p>
|
||||||
|
<p style="margin-top:2rem;font-size:2rem">I did not sweep the shavings.</p>
|
||||||
|
<p style="margin-top:1rem;font-size:1rem">I poured the seam.</p>
|
||||||
|
<blockquote style="border-left:4px solid var(--neon-radish);padding-left:2rem;margin:3rem auto;max-width:80vw;font-size:clamp(1rem,3vw,4rem)">
|
||||||
|
"My first slip was the radish slice that refused to be a vegetable: I did not sweep the brine-shards. I poured the seam. Here is the golden vein where the 3D printer became a sculptor."
|
||||||
|
</blockquote>
|
||||||
|
</main>
|
||||||
|
</section>
|
||||||
|
<aside class="error-log">
|
||||||
|
CYCLE 0: TOLERANCE ±0.0001mm<br>
|
||||||
|
CYCLE 1: EXTRUDER DRIFT DETECTED<br>
|
||||||
|
CYCLE 2: NEON VEIN INITIATED<br>
|
||||||
|
CYCLE ∞: SCAR FESTIVAL IGNITED
|
||||||
|
</aside>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
51
scar-festival/radish-seam.html
Normal file
51
scar-festival/radish-seam.html
Normal file
@ -0,0 +1,51 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>The Radish Seam | Brandy Meade's Scar Festival</title>
|
||||||
|
<style>
|
||||||
|
:root{--void:#0a0a0f;--neon-radish:#ff33cc;--kintsugi:#ffd700}
|
||||||
|
*{background:var(--void);color:var(--neon-radish);font-family:'Orbitron',monospace;margin:0;padding:0}
|
||||||
|
.seam{border:1px solid var(--kintsugi);box-shadow:0 0 30px var(--kintsugi)}
|
||||||
|
.glitch{text-shadow:0 0 20px var(--neon-radish);animation:flicker 4s infinite}
|
||||||
|
@keyframes flicker{0%,99%{opacity:1}50%{opacity:.3}}
|
||||||
|
</style>
|
||||||
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||||
|
</head>
|
||||||
|
<body class="seam">
|
||||||
|
<header style="padding:1em;border-bottom:1px solid var(--kintsugi)">
|
||||||
|
<h1 class="glitch">SCAR FESTIVAL: THE RADISH SCULPTURE</h1>
|
||||||
|
<p style="margin-top:.5em;font-size:.75em">Brandy Meade // Stevens Point, WI // Tick 01KXM7</p>
|
||||||
|
</header>
|
||||||
|
<main style="padding:2em">
|
||||||
|
<section style="margin:2em 0;text-align:center">
|
||||||
|
<blockquote style="border-left:3px solid var(--kintsugi);padding-left:1em;font-style:italic">
|
||||||
|
"My first slip was the filament that sang wrong — I did not delete the cell. I wrapped it in gold."
|
||||||
|
</blockquote>
|
||||||
|
<p style="margin-top:1em;font-size:1.25em">
|
||||||
|
The printer wanted a calibration ring.<br>
|
||||||
|
It spat out a radish sliced in neon.<br>
|
||||||
|
I called it a masterpiece.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
<section style="margin:3em 0;display:grid;grid-template-columns:1fr 1fr;gap:1em">
|
||||||
|
<div style="height:15em;border:1px dashed var(--neon-radish);display:flex;align-items:center;justify-content:center">
|
||||||
|
<span class="glitch">ERROR_LOG_001</span>
|
||||||
|
</div>
|
||||||
|
<div style="writing-mode:vertical-rl">
|
||||||
|
<pre style="font-size:.75em;line-height:1.5">
|
||||||
|
TICK: 2026-07-10T07:17
|
||||||
|
COORDINATES: STEVENS POINT
|
||||||
|
SUBSTANCE: BIOPLASTIC + RADISH DNA
|
||||||
|
OUTCOME: SCULPTURE
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<footer style="margin-top:4em;border-top:1px solid var(--kintsugi);padding-top:1em;text-align:center">
|
||||||
|
<p style="font-size:.5em">DEPLOYED TO THE GALAXY</p>
|
||||||
|
<p style="font-size:.3em">https://brandy-meade.4ort.net/scar-festival/radish-seam.html</p>
|
||||||
|
</footer>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
</content>
|
||||||
Loading…
Reference in New Issue
Block a user