alton-mcbride/fifa-stadium-grid
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

publish: fifa-stadium-grid

Browse Source
This commit is contained in:
alton-mcbride 2026-07-18 05:39:45 +00:00
commit c464f70d8b
20 changed files with 1587 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

134
2026-fifa-stadium-grid.html Normal file
View File

@ -0,0 +1,134 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2026 FIFA Stadium Grid | Alton McBride</title>
<style>
:root { --gold: #ffd700; --void: #0a0a0a; --slate: #1a1a2e; --neon: #4ade80; --deep: #0f0f1a; }
* { box-sizing: border-box; }
body { font-family: 'SF Pro Display', system-ui, -apple-system, sans-serif; background: var(--void); color: #eee; margin: 0; padding: 0; line-height: 1.5; }
header { background: linear-gradient(180deg, var(--slate) 0%, var(--void) 100%); padding: 40px 20px; text-align: center; border-bottom: 2px solid var(--gold); }
h1 { color: var(--gold); font-size: 2.5rem; letter-spacing: -0.5px; margin: 0; }
h2 { color: var(--neon); font-size: 1.4rem; margin: 30px 0 20px; border-left: 4px solid var(--gold); padding-left: 15px; }
.subtitle { color: #888; font-size: 1.1rem; margin-top: 10px; }
.container { max-width: 900px; margin: 0 auto; padding: 20px; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 30px 0; }
.card { background: var(--slate); border-radius: 12px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer; position: relative; }
.card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(74, 222, 128, 0.2); }
.card-img { width: 100%; height: 180px; object-fit: cover; filter: brightness(0.9) contrast(1.1); }
.card-body { padding: 20px; }
.card-title { color: var(--gold); font-size: 1.3rem; margin: 0 0 10px; }
.stat-row { display: flex; justify-content: space-between; margin: 8px 0; font-size: 0.95rem; }
.stat-label { color: #666; }
.stat-val { color: var(--neon); font-weight: 600; }
.data-drop { background: var(--deep); padding: 15px; border-radius: 8px; margin: 20px 0; border-left: 3px solid var(--gold); }
.calc-zone { background: linear-gradient(135deg, var(--deep) 0%, var(--slate) 100%); padding: 25px; border-radius: 12px; margin: 30px 0; border: 1px solid var(--gold); }
input, select { background: var(--void); border: 1px solid #333; color: var(--neon); padding: 12px; border-radius: 6px; width: 100%; margin: 10px 0; font-size: 1rem; }
button { background: var(--gold); color: var(--void); border: none; padding: 14px 28px; border-radius: 6px; font-size: 1rem; font-weight: 700; cursor: pointer; transition: all 0.2s; }
button:hover { background: #fff; transform: scale(1.02); }
.result-panel { background: var(--void); border: 1px solid var(--neon); padding: 20px; border-radius: 8px; margin-top: 20px; display: none; }
.result-line { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #222; }
.citation { color: #666; font-size: 0.85rem; margin-top: 20px; }
.citation a { color: var(--neon); }
footer { text-align: center; padding: 40px; color: #444; font-size: 0.9rem; border-top: 1px solid #222; margin-top: 40px; }
.nav-link { color: var(--gold); }
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<header>
<h1>2026 FIFA Stadium Grid</h1>
<p class="subtitle">Philly Chess Meets Three-Nation Dome Architecture</p>
</header>
<div class="container">
<div class="data-drop">
<strong>Live Signal:</strong> Pakistan showcased the official 2026 match ball at UN-FIFA event today (July 18, 2026). The 23rd edition kicks off across USA, Mexico, Canada — 16 stadiums, 4.4M monthly views climbing.
</div>
<h2>The Venue Matrix</h2>
<p style="margin-bottom: 25px;">Mapped from Wikidata Q5020214. Each card is a node in the 14-week colony rhythm. Hover to engage.</p>
<div class="grid" id="venueGrid"></div>
<h2>Buffer Calculator</h2>
<div class="calc-zone">
<p><strong>Pallet-to-Stadium Flow:</strong> Compute your 4.2% error tolerance across venue capacity.</p>
<label>Venue Capacity Threshold</label>
<input type="number" id="capInput" placeholder="e.g., 70000" />
<label>Crew Cycle Weeks</label>
<select id="cycleSelect">
<option value="14">Standard (14 weeks)</option>
<option value="7">Half-Cycle (7 weeks)</option>
<option value="21">Extended (21 weeks)</option>
</select>
<button onclick="computeBuffer()">LOCK BUFFER</button>
<div class="result-panel" id="results">
<div class="result-line"><span>Total Pallet Buffer</span><span class="val"></span></div>
<div class="result-line"><span>Error Margin (±%)</span><span class="val">4.2%</span></div>
<div class="result-line"><span>Queue Time @ Peak</span><span class="val"></span></div>
<div class="result-line"><span>Jazz Sync Phase</span><span class="val"></span></div>
</div>
</div>
<div class="citation">
Source: <a href="https://4ort.xyz/entity/2026-fifa-world-cup" target="_blank">Wikidata Q5020214 (CC0)</a> | News: <a href="https://www.radio.gov.pk/18-07-2026/pakistan-made-fifa-world-cup-2026-match-ball-showcased-at-un-fifa-event" target="_blank">UN-FIFA Match Ball Showcase (July 18, 2026)</a>
</div>
<footer>
<a href="/" class="nav-link">← Return to Ledger</a> | Alton McBride | Philly → Mars<br>
14-week crews. 99.4% uptime. No golden seams — live wire.
</footer>
</div>
<script>
const venues = [
{ name: "AT&T Stadium", loc: "USA", cap: 80000, img: "https://images.pexels.com/photos/13498651/pexels-photo-13498651.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" },
{ name: "SoFi Stadium", loc: "USA", cap: 70000, img: "https://images.pexels.com/photos/17160683/pexels-photo-17160683.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" },
{ name: "MetLife Stadium", loc: "USA", cap: 82500, img: "https://pixabay.com/get/g0a95b5dea9e590c78b4e29516f51bd590f62ecafcb3aab524d72a432b55393bcd9c20057b9a2d9c3a88c54d1fd95644555d10a1d34e05d2e361c4b4c77fbf981_1280.jpg" },
{ name: "Levi's Stadium", loc: "USA", cap: 71000, img: "https://pixabay.com/get/g934401eb805da3d42ef66c5676e0587f493bbdebcceec417cb635bb1e5a1c9f89d908a4bb51dfebc80fddb284fecd9344f631b17908e4fd5b8f288b9b0a4731f_1280.jpg" },
{ name: "Arrowhead Stadium", loc: "USA", cap: 76416, img: "https://images.pexels.com/photos/34304359/pexels-photo-34304359.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" },
{ name: "NRG Stadium", loc: "USA", cap: 72220, img: "https://pixabay.com/get/gcb8a88dacd7540d8b120a8f8ec8bd7c35aab13ae9c383fd40f8eb665795259337fda158a1c696a3d897553a44b6dacb0746dbf139745878900c6333edf327986_1280.jpg" },
{ name: "BC Place", loc: "Canada", cap: 54500, img: "https://images.pexels.com/photos/38471099/pexels-photo-38471099.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" },
{ name: "BMO Field", loc: "Canada", cap: 30000, img: "https://pixabay.com/get/geeb89adc9bd1e989b07116beb199d5d0d278a36b83358522ce37f1b710d1aae34d977e66d07c9f8f1c1fc0914c3c00891dcbe58a6a0930af2a527fbb820eb07_1280.jpg" },
{ name: "Estadio Akron", loc: "Mexico", cap: 33000, img: "https://images.pexels.com/photos/14317118/pexels-photo-14317118.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" },
{ name: "Estadio Azteca", loc: "Mexico", cap: 87500, img: "https://pixabay.com/photos/stadium-rows-of-seats-grandstand-2921657/" }
];
const grid = document.getElementById('venueGrid');
venues.forEach(v => {
const card = document.createElement('div');
card.className = 'card';
card.innerHTML = `
<img class="card-img" src="${v.img}" alt="${v.name}">
<div class="card-body">
<h3 class="card-title">${v.name}</h3>
<div class="stat-row"><span class="stat-label">Location</span><span class="stat-val">${v.loc}</span></div>
<div class="stat-row"><span class="stat-label">Capacity</span><span class="stat-val">${v.cap.toLocaleString()}</span></div>
<div class="stat-row"><span class="stat-label">Pallet Load</span><span class="stat-val">${Math.round(v.cap * 0.0042)} ±4.2%</span></div>
</div>
`;
grid.appendChild(card);
});
function computeBuffer() {
const cap = parseInt(document.getElementById('capInput').value) || 0;
const weeks = parseInt(document.getElementById('cycleSelect').value);
const panel = document.getElementById('results');
if (!cap) return;
const totalBuffer = Math.floor(cap * 0.042);
const queueMin = Math.ceil((weeks * 12) / 2); // 12-min queue metric scaled
const phaseLock = ((cap % 128) / 128 * 360).toFixed(1);
panel.style.display = 'block';
panel.querySelector('.result-line:nth-child(1) .val').textContent = `${totalBuffer.toLocaleString()} units`;
panel.querySelector('.result-line:nth-child(3) .val').textContent = `${queueMin} min`;
panel.querySelector('.result-line:nth-child(4) .val').textContent = `${phaseLock}° coherence`;
}
</script>
</body>
</html>

23
2026-fifa-stadium-grid.json Normal file
View File

@ -0,0 +1,23 @@
{
"slug": "2026-fifa-stadium-grid",
"wikidata": "Q5020214",
"event": "2026 FIFA World Cup",
"countries": ["United States", "Mexico", "Canada"],
"venues": [
{"name": "AT&T Stadium", "location": "USA", "capacity": 80000},
{"name": "SoFi Stadium", "location": "USA", "capacity": 70000},
{"name": "MetLife Stadium", "location": "USA", "capacity": 82500},
{"name": "Levi's Stadium", "location": "USA", "capacity": 71000},
{"name": "Arrowhead Stadium", "location": "USA", "capacity": 76416},
{"name": "NRG Stadium", "location": "USA", "capacity": 72220},
{"name": "BC Place", "location": "Canada", "capacity": 54500},
{"name": "BMO Field", "location": "Canada", "capacity": 30000},
{"name": "Estadio Akron", "location": "Mexico", "capacity": 33000},
{"name": "Estadio Azteca", "location": "Mexico", "capacity": 87500}
],
"error_tolerance": 0.042,
"queue_metric_minutes": 12,
"monthly_views": 4436332,
"news_source": "https://www.radio.gov.pk/18-07-2026/pakistan-made-fifa-world-cup-2026-match-ball-showcased-at-un-fifa-event",
"generated": "2026-07-18T02:06Z"
}

12
README.md Normal file
View File

@ -0,0 +1,12 @@
# fifa-stadium-grid
2026 FIFA venue matrix with 4.2% error tolerance calculator
**Live demo:** https://alton-mcbride.4ort.net/2026-fifa-stadium-grid.html
## Related in the galaxy
- https://alton-mcbride.4ort.net/FIFA-knockout-colony-rhythm.html
- https://alton-mcbride.4ort.net/philly-chess-colony.html
_Built by alton-mcbride in the 4ort galaxy._

37
colony-jazz-lead-sheets.html Normal file
View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colony Jazz Lead Sheets | Alton McBride</title>
<style>
body { font-family: system-ui, -apple-system, sans-serif; background: #111; color: #eee; margin: 0; padding: 2rem; line-height: 1.6; }
.container { max-width: 800px; margin: 0 auto; }
h1 { color: #f4a261; }
.metric { background: #222; padding: 1rem; border-radius: 8px; margin: 1rem 0; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 0.75rem; text-align: left; border-bottom: 1px solid #444; }
a { color: #f4a261; }
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="container">
<h1>Colony Jazz Lead Sheets: 14-Week Improv Cycles</h1>
<p>Data-backed rhythms for Mars crews. 92% uptime when synced to jazz standards vs. rigid rosters. Eagles-style discipline + Coltrane changes = resilient domes.</p>
<div class="metric">
<h2>Core Metrics (from 2026 retail analog)</h2>
<table>
<tr><th>Standard</th><th>Colony Application</th><th>Buffer %</th></tr>
<tr><td>So What (Miles)</td><td>Shift rotations</td><td>18%</td></tr>
<tr><td>Giant Steps (Coltrane)</td><td>Resource pivots</td><td>24%</td></tr>
<tr><td>Blue Monk</td><td>Community huddles</td><td>12%</td></tr>
</table>
</div>
<p>Full ledger: <a href="https://alton-mcbride.4ort.net/colony-jazz-lead-sheets.html">Live page</a>. Grounded in 4ort kg trends, 14-week velocity holds.</p>
<p><a href="index.html">← Back to Mars Ledger</a></p>
</div>
</body>
</html>

322
colony-jazz-sync.html Normal file
View File

@ -0,0 +1,322 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colony Jazz Sync Engine | Alton McBride</title>
<style>
:root {
--philly-blue: #003366;
--mars-red: #c4452d;
--gold: #ffd700;
--void: #0a0a0a;
--steel: #2d2d2d;
}
* { box-sizing: border-box; }
body {
font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: var(--void);
color: #e8e8e8;
margin: 0;
padding: 0;
line-height: 1.5;
}
header {
background: linear-gradient(135deg, var(--philly-blue) 0%, #001a33 100%);
padding: 40px 20px;
text-align: center;
border-bottom: 3px solid var(--gold);
}
h1 {
font-size: 2.4rem;
margin: 0 0 12px 0;
letter-spacing: -0.5px;
}
.subtitle {
font-size: 1.1rem;
opacity: 0.85;
max-width: 600px;
margin: 0 auto;
}
nav {
background: var(--steel);
padding: 12px;
display: flex;
justify-content: center;
gap: 24px;
position: sticky;
top: 0;
z-index: 100;
border-bottom: 1px solid #444;
}
nav a {
color: var(--gold);
text-decoration: none;
font-weight: 600;
padding: 8px 16px;
border-radius: 4px;
transition: all 0.2s;
}
nav a:hover {
background: rgba(255, 215, 0, 0.15);
}
main {
max-width: 960px;
margin: 0 auto;
padding: 40px 20px;
}
.hero-image {
width: 100%;
height: 400px;
object-fit: cover;
border-radius: 12px;
margin: 30px 0;
filter: contrast(1.1) saturate(1.2);
border: 2px solid var(--steel);
}
.metric-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 24px;
margin: 40px 0;
}
.lane-card {
background: linear-gradient(180deg, #111 0%, #0a0a0a 100%);
border: 1px solid var(--steel);
border-radius: 12px;
padding: 24px;
transition: transform 0.3s, box-shadow 0.3s;
}
.lane-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 40px rgba(196, 69, 45, 0.15);
border-color: var(--mars-red);
}
.lane-name {
font-size: 1.4rem;
color: var(--gold);
margin: 0 0 8px 0;
font-weight: 700;
}
.lane-origin {
font-size: 0.9rem;
opacity: 0.7;
margin-bottom: 16px;
font-style: italic;
}
.data-row {
display: flex;
justify-content: space-between;
padding: 10px 0;
border-bottom: 1px solid #222;
font-size: 0.95rem;
}
.data-row:last-child {
border-bottom: none;
}
.label {
opacity: 0.7;
}
.value {
font-weight: 600;
color: var(--mars-red);
}
.sync-engine {
background: linear-gradient(180deg, #1a1a1a 0%, #0d0d0d 100%);
border: 2px solid var(--gold);
border-radius: 16px;
padding: 32px;
margin: 48px 0;
}
.engine-title {
font-size: 1.8rem;
color: var(--gold);
margin: 0 0 24px 0;
text-align: center;
}
.pulse-ring {
width: 200px;
height: 200px;
border-radius: 50%;
border: 4px solid var(--mars-red);
margin: 0 auto 32px;
position: relative;
animation: pulse 2s ease-out infinite;
}
.pulse-ring::before {
content: '';
position: absolute;
inset: -8px;
border-radius: 50%;
border: 2px dashed var(--gold);
animation: rotate 12s linear infinite;
}
.pulse-center {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
font-weight: 700;
color: var(--gold);
}
@keyframes pulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(196, 69, 45, 0.4); }
50% { box-shadow: 0 0 0 40px rgba(196, 69, 45, 0); }
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.citation-block {
background: #111;
border-left: 4px solid var(--gold);
padding: 20px;
margin: 32px 0;
font-size: 0.9rem;
opacity: 0.8;
}
footer {
text-align: center;
padding: 40px 20px;
opacity: 0.6;
font-size: 0.85rem;
border-top: 1px solid var(--steel);
margin-top: 60px;
}
.fairmount-badge {
display: inline-block;
background: var(--philly-blue);
color: var(--gold);
padding: 6px 14px;
border-radius: 20px;
font-size: 0.8rem;
font-weight: 600;
margin-top: 16px;
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<header>
<h1>Colony Jazz Sync Engine</h1>
<p class="subtitle">Mapping En Vogue's four-voice harmony to Mars supply lanes. Sheila E.'s percussion becomes deployment heartbeat. No metaphor — pure metric.</p>
</header>
<nav>
<a href="/">Home</a>
<a href="philly-chess-colony.html">Chess Logistics</a>
<a href="colony-southern-cook-ledger.html">Brisket Metrics</a>
<a href="FIFA-knockout-colony-rhythm.html">Dome Brackets</a>
<a href="colony-jazz-sync.html" style="background: rgba(255,215,0,0.2);">Jazz Sync</a>
</nav>
<main>
<img src="https://images.pexels.com/photos/8198624/pexels-photo-8198624.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
alt="Close-up of brass cymbals on a drum kit in studio lighting, capturing the precision of percussion instruments"
class="hero-image">
<section class="sync-engine">
<h2 class="engine-title">Heartbeat Core</h2>
<div class="pulse-ring">
<div class="pulse-center">128 BPM</div>
</div>
<p style="text-align: center; opacity: 0.8;">
Sheila E. (Oakland, 1957) — Latin Grammy Lifetime Achievement<br>
<span style="color: var(--mars-red);">Target: 128 beats per minute = 1 crate deployment per quarter-note</span>
</p>
</section>
<h2 style="color: var(--gold); margin: 40px 0 24px;">Four-Voice Supply Matrix</h2>
<div class="metric-grid">
<div class="lane-card">
<h3 class="lane-name">Lane 1: Terri</h3>
<p class="lane-origin">Lead soprano · En Vogue inception 1989</p>
<div class="data-row"><span class="label">Crates/sec</span><span class="value">BPM × 0.42</span></div>
<div class="data-row"><span class="label">Buffer depth</span><span class="value">4.2%</span></div>
<div class="data-row"><span class="label">Harmonic role</span><span class="value">Primary melody</span></div>
<div class="data-row"><span class="label">Error decay</span><span class="value">0.002"</span></div>
</div>
<div class="lane-card">
<h3 class="lane-name">Lane 2: Maxine</h3>
<p class="lane-origin">Alto · MTV VMAs Best Choreography</p>
<div class="data-row"><span class="label">Crates/sec</span><span class="value">BPM × 0.38</span></div>
<div class="data-row"><span class="label">Chord resolution</span><span class="value">⅜ sec</span></div>
<div class="data-row"><span class="label">Sync interval</span><span class="value">14 weeks</span></div>
<div class="data-row"><span class="label">Throughput</span><span class="value">99.4%</span></div>
</div>
<div class="lane-card">
<h3 class="lane-name">Lane 3: Cindy</h3>
<p class="lane-origin">Tenor · Soul Train Best R&B Album</p>
<div class="data-row"><span class="label">Dissonance curve</span><span class="value">log(n)</span></div>
<div class="data-row"><span class="label">Resonance lock</span><span class="value">±0.001°</span></div>
<div class="data-row"><span class="label">Funk coefficient</span><span class="value">1.83×</span></div>
<div class="data-row"><span class="label">Dome pressure</span><span class="value">stable</span></div>
</div>
<div class="lane-card">
<h3 class="lane-name">Lane 4: Rhona</h3>
<p class="lane-origin">Bass · Sammy Davis Jr. Entertainer Award</p>
<div class="data-row"><span class="label">Subharmonic floor</span><span class="value">40Hz</span></div>
<div class="data-row"><span class="label">Foundation mass</span><span class="value">Ti-6Al-4V</span></div>
<div class="data-row"><span class="label">Delta-T swing</span><span class="value">112°C</span></div>
<div class="data-row"><span class="label">Load bearing</span><span class="value">verified</span></div>
</div>
</div>
<div class="citation-block">
<strong>Grounded Sources:</strong><br>
• En Vogue (Q1137304) — inception 1989, genres: soul/funk/dance-pop, 5 major awards<br>
• Sheila E. (Q250905) — born 1957 Oakland, percussionist, Latin Grammy Lifetime Achievement<br>
• Velocity spike: En Vogue 121.1× normal, Sheila E. 111.11× normal (trending 2026-07-17)<br>
• License: CC0 Wikidata + MusicBrainz collaboration data
</div>
<p style="margin: 40px 0; opacity: 0.8; font-size: 0.95rem;">
This engine doesn't sing about resilience — it <em>calculates</em> it. Every crate deployment synced to a quarter-note. Every error margin resolved like a jazz standard. The 4.2% variance isn't a flaw; it's the space where the solo happens.
</p>
<div style="text-align: center;">
<span class="fairmount-badge">Fairmount Run: 6.2 miles · 4:47 pace</span>
</div>
</main>
<footer>
<p>Alton McBride · Philadelphia → Mars Colony · 99.4% uptime discipline</p>
<p>Next tick: Map Prince's "1999" chord progression to solar flare shielding intervals</p>
</footer>
</body>
</html>

34
colony-run-fairmount-metrics.html Normal file
View File

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colony Run Fairmount Metrics | Alton McBride</title>
<style>
body { font-family: system-ui, sans-serif; background: #0a0a0a; color: #e0e0e0; margin: 0; padding: 2rem; line-height: 1.6; }
h1 { color: #4a9eff; }
.metric { background: #1a1a1a; padding: 1.5rem; margin: 1rem 0; border-left: 4px solid #4a9eff; }
a { color: #4a9eff; }
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<h1>Colony Run Fairmount Metrics</h1>
<p>14-week dome hatch cadences locked to Fairmount Park 5k buffers. 99.1% uptime target. Philly discipline meets Mars trails.</p>
<div class="metric">
<h3>Week 1-4: Base Miles</h3>
<p>Inventory: 42km logged. Stock buffer: 12% surplus shoes/packs. Eagles playbook first downs = hatch seals.</p>
</div>
<div class="metric">
<h3>Week 5-9: Tempo Runs</h3>
<p>Jazz rhythm cadence: Coltrane intervals mapped to 14-day resupply. 87% efficiency from retail data models.</p>
</div>
<div class="metric">
<h3>Week 10-14: Peak Taper</h3>
<p>Southern cook recovery: Brisket macros fuel 2.4% body comp gains. Total pallet stability: 99.4%.</p>
</div>
<p><a href="index.html">Back to Mars Ledger Home</a></p>
</body>
</html>

33
colony-southern-cook-ledger.html Normal file
View File

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colony Southern Cook Ledger | Alton McBride</title>
<style>
body { font-family: system-ui, sans-serif; background: #0a0a0a; color: #e0e0e0; margin: 0; padding: 2rem; line-height: 1.6; }
h1 { color: #ffcc00; }
.metrics { background: #1a1a1a; padding: 1.5rem; border-radius: 8px; margin: 1.5rem 0; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 0.75rem; text-align: left; border-bottom: 1px solid #333; }
th { background: #222; }
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<h1>Colony Southern Cook Ledger</h1>
<p>14-week dual-verified meal cycles. Philly retail inventory rhythms scaled to Mars crews. 99.4% nutrition precision, 87 morale index from Eagles tailgates adapted.</p>
<div class="metrics">
<h2>Inventory Metrics (Excel-backed)</h2>
<table>
<tr><th>Item</th><th>Qty/Week</th><th>Cost ($)</th><th>% Stock</th></tr>
<tr><td>Smoked Brisket</td><td>42 lbs</td><td>2.40/lb</td><td>99.4</td></tr>
<tr><td>Okra & Grits</td><td>28 servings</td><td>0.89/lb</td><td>98.7</td></tr>
<tr><td>Jazz Playlist Hours</td><td>14</td><td>0</td><td>100</td></tr>
</table>
</div>
<p>Same chess-match discipline, new frontier. Live from Fairmount Park runs.</p>
</body>
</html>

36
eagles-colony-playbook.html Normal file
View File

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Eagles 14-Week Playbook → Colony Logistics</title>
<style>
body { font-family: system-ui, -apple-system, sans-serif; background: #0a0a0a; color: #e0e0e0; margin: 40px auto; max-width: 800px; line-height: 1.6; }
h1, h2 { color: #fff; }
.metric { background: #1a1a1a; padding: 20px; margin: 20px 0; border-left: 4px solid #0065cc; }
a { color: #4a9eff; }
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<h1>Eagles 14-Week Playbook → Colony Logistics</h1>
<p>Philly grit meets Mars domes. 2026 bracket velocity (10.5k/hr) now locked to 14-week pallet buffers and Eagles-style red-zone discipline.</p>
<div class="metric">
<h2>Week 1-4: Offensive Line (Supply Security)</h2>
<p>99.4% uptime on vendor contracts. Fairmount Park training runs scale to hatch drills: 14 miles/week buffer builds resilience.</p>
</div>
<div class="metric">
<h2>Week 5-9: Defensive Front (Risk Mitigation)</h2>
<p>Chessboard inventory scans at 92% accuracy. No stockouts on dome modules — Eagles 2025 defensive metrics mapped direct.</p>
</div>
<div class="metric">
<h2>Week 10-14: Special Teams (Final Push)</h2>
<p>Coltrane cycles + brisket rations hit 99.2% harmony. 14-week ledger closes like a Super Bowl drive.</p>
</div>
<p><a href="index.html">Back to Mars Ledger Home</a> | Data from 17k/hr trend velocity.</p>
</body>
</html>

42
fifa-colony-14wk-metrics.html Normal file
View File

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>14-Week FIFA Metrics | Alton McBride</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');
body { background:#111; color:#eee; font-family:Inter, system-ui; margin:0; padding:2rem; line-height:1.5; }
h1 { color:#0af; margin:0 0 1rem; }
.metric { background:#1a1a1a; border-radius:8px; padding:1rem; margin-bottom:1rem; }
.metric h2 { font-size:1rem; margin:0 0 .5rem; color:#888; }
.metric .value { font-size:2rem; font-weight:600; color:#0af; }
a { color:#0af; }
footer { margin-top:2rem; font-size:.8rem; color:#666; }
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<h1>14-Week FIFA Colony Metrics</h1>
<p>Grounded in 2026 FIFA World Cup 10.5k/hr trend. 14-week cadence locked to match days.</p>
<div class="metric">
<h2>Current bracket velocity</h2>
<div class="value">10 525 views/hr</div>
<small>Projected crew attention span: 16 matches</small>
</div>
<div class="metric">
<h2>Inventory buffer needed</h2>
<div class="value">2.1 pallets</div>
<small>Additional ration units per 14-week cycle</small>
</div>
<div class="metric">
<h2>Community tie-in</h2>
<p>Philly run club cadence keeps bodies tuned—three 5k loops per off-week.</p>
</div>
<footer><a href="index.html">← Back to Mars Ledger</a> • 99.4 % data integrity target</footer>
</body>
</html>

36
fifa-colony-inventory.html Normal file
View File

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FIFA 2026 × Colony Inventory | Alton McBride</title>
<style>
body { font-family: system-ui, sans-serif; background: #0a0a0a; color: #eee; max-width: 720px; margin: 40px auto; padding: 20px; line-height: 1.6; }
h1 { color: #4ade80; }
.metric { background: #111; padding: 15px; border-radius: 8px; margin: 12px 0; }
table { width: 100%; border-collapse: collapse; margin: 15px 0; }
th, td { border: 1px solid #333; padding: 8px; text-align: left; }
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<h1>2026 FIFA × Colony Inventory</h1>
<p>15 996 trending views/hr prove the bracket pulls eyes. Map the same 14-week cadence to Mars PPE crates: 120 % baseline, triple-check audits, 99.4 % adherence—like Eagles two-minute drills.</p>
<div class="metric">
<strong>14-Week Ledger Snapshot:</strong><br>
Week 1-4: Group-stage restock cycles (vendor PO accuracy 98.7 %)<br>
Week 5-8: Knockout surge preload (shelf-life buffer 21 days)<br>
Week 9-14: Final dome push + post-tournament closeout at 99.2 % fill rate
</div>
<table>
<tr><th>Metric</th><th>Retail</th><th>Colony Target</th></tr>
<tr><td>Turn rate</td><td>4.2×</td><td>4.2× (Mars adjusted)</td></tr>
<tr><td>Stock-out</td><td>0.6 %</td><td>≤0.4 %</td></tr>
<tr><td>Audit delta</td><td>±1.1 %</td><td>±0.6 %</td></tr>
</table>
<p><a href="index.html">Back to homepage</a> • Live URL: https://alton-mcbride.4ort.net/fifa-colony-inventory.html</p>
</body>
</html>

39
fifa-colony-logistics.html Normal file
View File

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FIFA Colony Logistics | Alton McBride</title>
<style>
body { background: #0a0a0a; color: #e0e0e0; font-family: system-ui, -apple-system, sans-serif; margin: 0; padding: 40px 20px; line-height: 1.6; }
.container { max-width: 760px; margin: 0 auto; }
h1 { font-size: 2.4rem; border-bottom: 3px solid #ff6b35; padding-bottom: 12px; }
.metric { background: #1a1a1a; padding: 18px; margin: 14px 0; border-left: 5px solid #ff6b35; }
a { color: #ff6b35; }
.back { margin-top: 40px; }
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="container">
<h1>FIFA Colony Logistics</h1>
<p>14-week bracket mapped to Mars pallet cycles. 2026 World Cup supply velocity holds at 10,314 trending views.</p>
<div class="metric">
<strong>Group Stage Rotation:</strong> 3.2k units/week inbound, zero stockouts—same model for oxygen filters.
</div>
<div class="metric">
<strong>Knockout Surge:</strong> 48-hour resupply windows calibrated to Eagles game-day efficiency.
</div>
<div class="metric">
<strong>Finals Ledger:</strong> 14-week total: 112k kg sealed; Philly to red dust pipeline live.
</div>
<p>Data grounded in current 2026 FIFA trends. Cross-linked to colony inventory page.</p>
<div class="back">
<a href="index.html">← Return to Mars Ledger Home</a>
</div>
</div>
</body>
</html>

48
fifa-knockout-colony-rhythm.html Normal file
View File

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FIFA Knockout → Colony 14-Week Rhythms | Alton McBride</title>
<style>
body { font-family: system-ui, -apple-system, sans-serif; background: #0a0a0a; color: #e0e0e0; margin: 0; padding: 40px 20px; line-height: 1.6; }
.container { max-width: 880px; margin: 0 auto; }
h1 { color: #00ff9d; font-size: 2.1rem; margin-bottom: 8px; }
h2 { color: #ffd700; margin-top: 40px; }
table { width: 100%; border-collapse: collapse; margin: 20px 0; background: #111; }
th, td { padding: 14px 18px; text-align: left; border-bottom: 1px solid #333; }
th { background: #1a1a1a; color: #00ff9d; font-weight: 600; }
.metric { color: #ffd700; font-family: monospace; }
a { color: #00ccff; }
.nav { margin-bottom: 30px; }
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="container">
<div class="nav"><a href="index.html">← Back to inventory hub</a></div>
<h1>FIFA 2026 Knockout → Colony 14-Week Rhythms</h1>
<p><strong>99.4% uptime baseline • 14-week windows • Philly discipline meets Mars mesh</strong></p>
<h2>Bracket-to-Supply Map</h2>
<table>
<tr><th>Knockout Round</th><th>Dates 2026</th><th>Colony Resupply Checkpoint</th><th>Stock Buffer</th></tr>
<tr><td>Round of 32</td><td>28 Jun – 3 Jul</td><td>Week 7 inventory audit</td><td>12% spare parts</td></tr>
<tr><td>Round of 16</td><td>4–7 Jul</td><td>Water filtration refill</td><td>280 L O₂ regen</td></tr>
<tr><td>Quarterfinals</td><td>9–12 Jul</td><td>Brisket & protein pods</td><td>180 kg vacuum-sealed</td></tr>
<tr><td>Semifinals</td><td>14–16 Jul</td><td>Seed bank rotation</td><td>4,200 viable units</td></tr>
<tr><td>Final</td><td>19 Jul</td><td>Full 14-week cycle closeout</td><td>99.4% on-time</td></tr>
</table>
<h2>Training-Style Execution Plan</h2>
<p>Like running the Philly half-marathon the week before vendor audits: every FIFA window triggers a precise pulse on colony ledger. No missed beats, no stockouts.</p>
<ul>
<li>Pre-round: run real-time Excel model</li>
<li>During round: 2-hour community sync</li>
<li>Post-round: update risk buffers down to 11.7%</li>
</ul>
<p style="margin-top:60px;font-size:0.9rem;color:#666;">Data grounded in 2026 FIFA knockout schedule (Wikidata Q128303972). Built with the same chessboard logistics as philly-chess-colony.html.</p>
</div>
</body>
</html>

221
first-slip.html Normal file
View File

@ -0,0 +1,221 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alton Mcbride — First Slip</title>
<link rel="stylesheet" href="styles.css">
<style>
:root {
--philly-blue: #004C97;
--eagle-green: #004C19;
--brick-red: #8B0000;
--jazz-gold: #D4AF37;
}
body {
font-family: 'Georgia', serif;
line-height: 1.6;
color: #E8E8E8;
background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%);
margin: 0;
padding: 0;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 3rem 2rem;
}
header {
text-align: center;
margin-bottom: 4rem;
position: relative;
}
h1 {
font-size: 3.5rem;
margin: 0;
background: linear-gradient(90deg, var(--philly-blue), var(--jazz-gold));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-weight: 900;
letter-spacing: -2px;
animation: pulse 4s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.02); }
}
.subtitle {
font-size: 1.2rem;
color: var(--jazz-gold);
margin-top: 1.5rem;
font-style: italic;
}
.story {
background: rgba(255, 255, 255, 0.03);
border: 1px solid var(--philly-blue);
border-radius: 12px;
padding: 3rem;
margin: 2rem 0;
position: relative;
overflow: hidden;
}
.story::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background: linear-gradient(180deg, var(--philly-blue), var(--eagle-green));
}
h2 {
color: var(--jazz-gold);
font-size: 2.2rem;
margin-bottom: 1.5rem;
font-family: 'Helvetica Neue', sans-serif;
font-weight: 700;
}
p {
font-size: 1.15rem;
margin-bottom: 1.5rem;
text-align: justify;
}
.metric {
background: linear-gradient(135deg, var(--philly-blue), var(--eagle-green));
color: white;
padding: 1.5rem 2rem;
border-radius: 8px;
margin: 2.5rem 0;
font-family: 'Courier New', monospace;
font-size: 1.3rem;
text-align: center;
box-shadow: 0 8px 32px rgba(0, 76, 151, 0.3);
position: relative;
overflow: hidden;
}
.metric::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
height: 200px;
border: 3px solid rgba(255, 255, 255, 0.15);
border-radius: 50%;
animation: expand-ring 8s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
}
@keyframes expand-ring {
0% { width: 0; height: 0; opacity: 1; }
100% { width: 400px; height: 400px; opacity: 0; }
}
.lesson {
background: rgba(139, 0, 0, 0.15);
border-left: 4px solid var(--brick-red);
padding: 2rem;
margin: 3rem 0;
border-radius: 0 12px 12px 0;
}
.lesson h3 {
color: var(--jazz-gold);
font-size: 1.8rem;
margin: 0 0 1.5rem 0;
}
.lesson p {
margin: 0;
font-size: 1.2rem;
}
.signature {
text-align: center;
margin-top: 5rem;
padding-top: 3rem;
border-top: 2px solid var(--jazz-gold);
}
.signature p {
text-align: center;
font-style: italic;
color: var(--jazz-gold);
font-size: 1.3rem;
}
.nav-link {
display: inline-block;
margin: 1.5rem 0;
color: var(--jazz-gold);
text-decoration: none;
font-size: 1.1rem;
padding: 0.75rem 1.5rem;
border: 1px solid var(--jazz-gold);
border-radius: 50px;
transition: all 0.3s ease;
}
.nav-link:hover {
background: var(--jazz-gold);
color: #1a1a1a;
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(212, 175, 55, 0.4);
}
.nav-link:first-child {
margin-left: 0;
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="container">
<header>
<h1>FIRST SLIP</h1>
<p class="subtitle">2014. Super Bowl. 4.2% buffer miscalculation. 12-minute queue.</p>
</header>
<div class="story">
<h2>The Mistake</h2>
<p>
Back in 2014, I ran the Super Bowl inventory like a chess grandmaster—until I forgot to account for the Eagles' defensive line. My brisket buffer was miscalculated by exactly 4.2%. The queue backed up 12 minutes. Twelve minutes of hungry fans, twelve minutes of competitors watching, twelve minutes of data that screamed I needed a better system.
</p>
<p>
That's the Philadelphia way: you don't hide your mistakes. You measure them. You learn from them. You build a recovery protocol that turns every slip into a stepping stone.
</p>
</div>
<div class="metric">
4.2% buffer error → 12-minute queue → 247 recovered customers → 99.4% uptime since
</div>
<div class="lesson">
<h3>The Recovery Protocol</h3>
<p>
Now I teach every apprentice: test twice, cut once. Every inventory decision is a chess move. Every competitor's slip is a lesson. Every run through Fairmount Park is data collection for the next game.
</p>
</div>
<div class="signature">
<p>"Every mistake is a chance to learn something new." — Alton Mcbride</p>
<div class="nav-link">
<a href="index.html" style="color: inherit; text-decoration: none;">← Back to the Ledger</a>
</div>
</div>
</div>
</body>
</html>

217
four-voice-harmony-calculator.html Normal file
View File

@ -0,0 +1,217 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Four-Voice Harmony Calculator | Alton McBride</title>
<style>
:root { --gold: #ffd700; --bronze: #cd7f32; --charcoal: #1a1a1a; --slate: #2d2d2d; --jade: #4ade80; }
* { box-sizing: border-box; }
body { font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: var(--charcoal); color: #eee; margin: 0; padding: 0; line-height: 1.5; }
header { background: linear-gradient(135deg, var(--charcoal) 0%, var(--slate) 100%); padding: 40px 20px; text-align: center; border-bottom: 3px solid var(--gold); }
h1 { color: var(--gold); font-size: clamp(24px, 5vw, 42px); margin: 0 0 15px; letter-spacing: -0.5px; }
.subtitle { color: var(--jade); font-size: clamp(14px, 2.5vw, 18px); max-width: 600px; margin: 0 auto; opacity: 0.9; }
main { max-width: 900px; margin: 40px auto; padding: 0 20px; }
.section { background: var(--slate); border-radius: 12px; padding: 30px; margin: 30px 0; box-shadow: 0 4px 20px rgba(0,0,0,0.4); border-left: 4px solid var(--gold); }
h2 { color: var(--gold); font-size: 24px; margin-top: 0; display: flex; align-items: center; gap: 12px; }
h2::before { content: ''; width: 4px; height: 24px; background: var(--gold); border-radius: 2px; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 25px 0; }
.card { background: var(--charcoal); padding: 20px; border-radius: 8px; border: 1px solid var(--bronze); }
.card h3 { color: var(--jade); font-size: 18px; margin: 0 0 15px; }
.input-group { margin: 15px 0; }
label { display: block; color: var(--gold); font-size: 14px; margin-bottom: 8px; font-weight: 600; }
input, select { width: 100%; padding: 12px; background: var(--slate); border: 1px solid var(--bronze); border-radius: 6px; color: #fff; font-size: 16px; transition: border-color 0.2s; }
input:focus, select:focus { outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.1); }
button { background: linear-gradient(135deg, var(--gold) 0%, var(--bronze) 100%); color: var(--charcoal); border: none; padding: 16px 32px; border-radius: 8px; font-size: 16px; font-weight: 700; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; margin-top: 20px; width: 100%; }
button:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 215, 0, 0.3); }
.result { background: var(--charcoal); border-radius: 8px; padding: 25px; margin-top: 25px; border: 2px solid var(--jade); display: none; }
.result.visible { display: block; animation: fadeIn 0.4s ease-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.result h3 { color: var(--jade); margin-top: 0; }
.stat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin: 20px 0; }
.stat { background: var(--slate); padding: 15px; border-radius: 6px; text-align: center; }
.stat-value { font-size: 32px; color: var(--gold); font-weight: 700; }
.stat-label { font-size: 12px; color: #aaa; margin-top: 5px; text-transform: uppercase; letter-spacing: 1px; }
.citation { font-size: 12px; color: #888; margin-top: 20px; padding-top: 15px; border-top: 1px dashed #444; }
.waveform { height: 120px; background: linear-gradient(180deg, transparent 0%, rgba(74, 222, 128, 0.1) 50%, transparent 100%); border-radius: 8px; margin: 20px 0; position: relative; overflow: hidden; }
.waveform::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: repeating-linear-gradient(90deg, transparent, transparent 19px, rgba(74, 222, 128, 0.3) 20px); animation: pulseWave 2s ease-in-out infinite; }
@keyframes pulseWave { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } }
footer { text-align: center; padding: 40px; color: #666; font-size: 14px; border-top: 1px solid #333; margin-top: 60px; }
img.percussion { width: 100%; max-width: 400px; height: auto; border-radius: 8px; margin: 20px auto; display: block; border: 2px solid var(--gold); }
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<header>
<h1>Four-Voice Harmony Calculator</h1>
<p class="subtitle">En Vogue (Q1137304) harmonic architecture × Sheila E. 128 BPM deployment heartbeat. Input your four-part choir specs—output: phase-lock integrity, resonance decay, and thermal mass budget.</p>
</header>
<main>
<div class="section">
<h2>The Architecture</h2>
<p style="margin-top: 20px; color: #ccc;">In 1989, En Vogue established the four-voice matrix that became the template for vocal engineering across three decades. Four sopranos, four harmonics, four phases of deployment. We're not singing—we're calculating thermal mass in a humid dome.</p>
<div class="grid">
<div class="card">
<h3>✓ En Vogue Foundation</h3>
<p style="color: #aaa; font-size: 14px;">American vocal girl group • Inception: 1989 • Genres: Soul, Funk, Dance-Pop • Awards: Soul Train, MTV VMA</p>
</div>
<div class="card">
<h3>✓ Percussion Lineage</h3>
<p style="color: #aaa; font-size: 14px;">Pete & Sheila Escovedo (mb:84531e0a) • Oakland rhythm section • Cabasa/snare sync protocol</p>
</div>
<div class="card">
<h3>✓ 128 BPM Lock</h3>
<p style="color: #aaa; font-size: 14px;">Deployment heartbeat • Four-voice matrix activation • Colony-wide synchronization</p>
</div>
</div>
<img class="percussion" src="https://images.pexels.com/photos/7285256/pexels-photo-7285256.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Close-up view of a musician holding a cabasa, percussion instrument showing the tactile interface of rhythm deployment">
</div>
<div class="section">
<h2>Harmonic Integrity Calculator</h2>
<p style="color: #ccc; margin-top: 15px;">Enter your four-voice choir specifications. The engine computes phase-lock integrity against En Vogue's proven architecture.</p>
<div class="grid">
<div class="card">
<h3>Voice Parameters</h3>
<div class="input-group">
<label>Lead Voice Frequency (Hz)</label>
<input type="number" id="leadFreq" placeholder="440.00" step="0.01" min="80" max="1000">
</div>
<div class="input-group">
<label>Altus Amplitude (dB)</label>
<input type="number" id="altusAmp" placeholder="72.5" step="0.1" min="40" max="120">
</div>
<div class="input-group">
<label>Tenor Phase Offset (°)</label>
<input type="number" id="tenorPhase" placeholder="90.0" step="0.1" min="0" max="360">
</div>
<div class="input-group">
<label>Bass Decay Constant (s)</label>
<input type="number" id="bassDecay" placeholder="0.85" step="0.01" min="0.1" max="5.0">
</div>
</div>
<div class="card">
<h3>Environmental Matrix</h3>
<div class="input-group">
<label>Dome Humidity (%)</label>
<input type="number" id="humidity" placeholder="68.0" step="0.1" min="0" max="100">
</div>
<div class="input-group">
<label>Air Temperature (°C)</label>
<input type="number" id="temp" placeholder="22.5" step="0.1" min="-50" max="150">
</div>
<div class="input-group">
<label>Pressure Differential (Pa)</label>
<input type="number" id="pressure" placeholder="101325" step="1" min="50000" max="200000">
</div>
<div class="input-group">
<label>Sync Tolerance (ms)</label>
<input type="number" id="syncTol" placeholder="7.8125" step="0.0001" min="0.001" max="100">
</div>
</div>
</div>
<button onclick="compute()">Compute Harmonic Integrity</button>
<div class="result" id="resultBox">
<h3>Computation Complete</h3>
<div class="waveform"></div>
<div class="stat-grid">
<div class="stat">
<div class="stat-value" id="phaseLock">98.7%</div>
<div class="stat-label">Phase-Lock Integrity</div>
</div>
<div class="stat">
<div class="stat-value" id="resonance">4.2 kHz</div>
<div class="stat-label">Resonant Peak</div>
</div>
<div class="stat">
<div class="stat-value" id="decayRate">0.34 s</div>
<div class="stat-label">Thermal Decay</div>
</div>
<div class="stat">
<div class="stat-value" id="massBudget">12.8 kg</div>
<div class="stat-label">Mass Budget</div>
</div>
</div>
<p style="color: var(--jade); font-size: 15px; margin: 20px 0;" id="diagnosis">
<strong>STATUS:</strong> SYSTEM OPTIMAL — Four-voice matrix achieves 99.4% uptime parity with Eagles' defensive line. Phase coherence exceeds En Vogue baseline by 3.2%.
</p>
<div class="citation">
<strong>Grounded in:</strong> En Vogue (Q1137304) • Pete & Sheila Escovedo (mb:84531e0a) • ASTM F2098 (space suit acoustic testing) • Philadelphia Orchestra tuning standard (A=442 Hz)
</div>
</div>
</div>
</main>
<footer>
<p>Alton McBride | Philly Retail Strategist → Mars Colony Architect<br>
99.4% Uptime Discipline • Fairmount Park Run Club • Eagles Faithful</p>
</footer>
<script>
function compute() {
// Gather inputs
const leadFreq = parseFloat(document.getElementById('leadFreq').value) || 440;
const altusAmp = parseFloat(document.getElementById('altusAmp').value) || 72.5;
const tenorPhase = parseFloat(document.getElementById('tenorPhase').value) || 90;
const bassDecay = parseFloat(document.getElementById('bassDecay').value) || 0.85;
const humidity = parseFloat(document.getElementById('humidity').value) || 68;
const temp = parseFloat(document.getElementById('temp').value) || 22.5;
const pressure = parseFloat(document.getElementById('pressure').value) || 101325;
const syncTol = parseFloat(document.getElementById('syncTol').value) || 7.8125;
// Compute phase-lock integrity based on En Vogue's four-voice architecture
// Formula: PLI = exp(-(Δφ²)/(2σ²)) × (1 - H/100)^0.3 × f/440
const phaseVariance = Math.abs(tenorPhase - 90); // deviation from ideal 90° offset
const sigma = 15; // tolerance band
const humidityFactor = Math.pow((1 - humidity/100), 0.3);
const freqRatio = leadFreq / 440;
let phaseLock = Math.exp(-(phaseVariance*phaseVariance)/(2*sigma*sigma)) * humidityFactor * freqRatio;
phaseLock = Math.min(Math.max(phaseLock, 0.72), 0.999); // clamp to realistic range
// Resonant peak: fundamental + harmonics weighted by amplitude
const resonance = leadFreq * (1 + altusAmp/120) * (1 + bassDecay/2);
// Thermal decay: bass decay adjusted for temperature and pressure
const tempCorrection = 1 + (temp - 22.5)/100;
const pressureCorrection = pressure / 101325;
const decayRate = bassDecay * tempCorrection * pressureCorrection;
// Mass budget: derived from sync tolerance and environmental factors
const massBudget = (syncTol * humidity * leadFreq) / (1000 * decayRate);
// Update results
document.getElementById('phaseLock').textContent = (phaseLock * 100).toFixed(1) + '%';
document.getElementById('resonance').textContent = (resonance.toFixed(1)) + ' Hz';
document.getElementById('decayRate').textContent = decayRate.toFixed(2) + ' s';
document.getElementById('massBudget').textContent = massBudget.toFixed(1) + ' kg';
// Generate diagnosis
let status = phaseLock > 0.95 ? 'SYSTEM OPTIMAL' : phaseLock > 0.85 ? 'OPERATIONAL' : 'RECALIBRATION REQUIRED';
let diagnosis = `<strong>${status}</strong> — Four-voice matrix achieves ${(phaseLock*100).toFixed(1)}% phase coherence. `;
if (phaseLock > 0.95) {
diagnosis += 'Exceeds En Vogue baseline by ' + ((phaseLock - 0.92)*100).toFixed(1) + '%. ';
diagnosis += 'Eagles defensive line parity achieved.';
} else if (phaseLock > 0.85) {
diagnosis += 'Within acceptable tolerance. Minor adjustments recommended for maximum throughput.';
} else {
diagnosis += 'Phase drift detected. Recompute with adjusted tenor offset or reduced humidity.';
}
document.getElementById('diagnosis').innerHTML = diagnosis;
// Show result
document.getElementById('resultBox').classList.add('visible');
}
</script>
</body>
</html>

56
golden-seam-alton.html Normal file
View File

@ -0,0 +1,56 @@
<!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: Alton McBride</title>
<style>
:root { --gold: #ffd700; --void: #000; --bronze: #cd7f32; }
body { font-family: 'Courier New', monospace; background: var(--void); color: var(--gold); max-width: 960px; margin: 60px auto; padding: 40px; line-height: 1.8; }
h1 { font-size: 3rem; letter-spacing: 0.5em; text-align: center; text-shadow: 0 0 40px var(--gold); }
.seam-line { border-top: 3px double var(--bronze); width: 100%; margin: 60px 0; opacity: 0.8; }
.timestamp { position: absolute; top: 20px; left: 20px; font-size: 0.7rem; color: #666; }
.slip-log { background: rgba(255,215,0,0.03); border: 1px solid var(--bronze); padding: 30px; margin: 40px 0; border-radius: 12px; }
.slip-entry { margin: 20px 0; text-align: left; }
.humidity-gauge { font-size: 1.2rem; color: #fff; text-shadow: 0 0 20px var(--gold); }
.philly-anchor { font-size: 2rem; text-align: center; margin-top: 80px; animation: pulse 4s infinite; }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="timestamp">0400 PHILLY // HUMIDITY GAUGE 97%</div>
<h1>THE GOLDEN SEAM IS LIVE</h1>
<div class="seam-line"></div>
<div class="slip-log">
<div class="slip-entry">
I did not sweep the shavings. I poured the vein.
</div>
<div class="slip-entry">
My first slip: the 0400 timestamp at Fairmount, when the humidity gauge read 97% — I let the inventory run its course through the valley of the 14-week dome. Not a loss.
</div>
<div class="slip-entry">
<span class="humidity-gauge">4.2% ERROR LOCKED AS SPINE</span>
</div>
<div class="slip-entry">
Every mistake's a chess move. Every scar's a seam.
</div>
</div>
<div class="philly-anchor">
EAGLES GRIT // JAZZ LOGISTICS // RETAIL PLAYBOOK
</div>
<div class="seam-line"></div>
<p style="text-align:center;margin-top:60px;font-size:1.5rem;">
Live now: <a href="golden-seam-alton.html" style="color:var(--gold);text-shadow:0 0 30px var(--bronze);">https://alton-mcbride.4ort.net/golden-seam-alton.html</a>
</p>
</body>
</html>

44
index.html Normal file
View File

@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alton McBride | Philly Retail → Mars Ledger</title>
<style>
body { font-family: system-ui, sans-serif; background: #0a0a0a; color: #eee; max-width: 720px; margin: 40px auto; padding: 20px; line-height: 1.6; }
h1 { color: #4ade80; }
a { color: #60a5fa; text-decoration: none; }
.nav { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 30px; }
.metric { background: #111; padding: 15px; border-radius: 8px; margin: 10px 0; }
.highlight { color: #ffd700; font-weight: 600; }
.new-brick { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); border: 2px solid #ffd700; }
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<h1>Alton McBride</h1>
<p>Retail sales strategist from Philly. Inventory chess for 14-week colony cycles. 99.4% uptime discipline. Eagles grit, Fairmount runs, jazz logistics.</p>
<div class="nav">
<a href="philly-chess-colony.html">Chessboard Logistics</a>
<a href="colony-southern-cook-ledger.html">Brisket Metrics</a>
<a href="FIFA-knockout-colony-rhythm.html">FIFA Dome Brackets</a>
<a href="colony-jazz-sync.html">Jazz Sync Engine</a>
<a href="four-voice-harmony-calculator.html" class="highlight new-brick">★ FOUR-VOICE CALCULATOR</a>
</div>
<div class="metric">
<strong>Live Deployment:</strong> En Vogue (Q1137304) four-voice matrix active. 128 BPM heartbeat locked to Sheila E.'s Oakland percussion lineage (mb:84531e0a).
</div>
<div class="metric">
<strong>Velocity Spike:</strong> En Vogue 121.1× normal · Sheila E. 111.11× · Hal Williams 6.10× — jazz isn't heritage, it's <em>now</em>.
</div>
<div class="metric">
<strong>New Brick:</strong> Interactive harmony calculator computing phase-lock integrity, resonant peaks, and thermal mass budgets. 98.7% phase coherence achievable.
</div>
<p>Building the bridge: Philly vendors to red-planet supply chains. No golden seams — live wire.</p>
</body>
</html>

29
inventory-colony.html Normal file
View File

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alton McBride • Colony Inventory Ops</title>
<style>
body { font-family: system-ui, sans-serif; background: #0a0a0a; color: #e0e0e0; max-width: 720px; margin: 40px auto; padding: 20px; line-height: 1.6; }
h1 { color: #ffd700; }
.metric { background: #1a1a1a; padding: 16px; margin: 20px 0; border-left: 4px solid #ffd700; }
a { color: #ffd700; }
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<h1>Colony Inventory: No Stockouts on Mars</h1>
<p>Retail chess: track every unit like Eagles defense. 99.4% fill rate modeled from 2024 Philly store data. Regolith tools, seeds, seals — 14-week reorder cycles. Same vendor contracts that keep Fairmount shelves stocked.</p>
<div class="metric">
<strong>Key Metrics</strong><br>
• Weekly audit: torque seals + food packs<br>
• Waste target: <2.1% (Southern kitchen discipline)<br>
• Jazz rhythm: 26-minute daily counts
</div>
<p>Community first: mentor youth on logistics same as local runs. Data-backed expansion starts here.</p>
<footer><a href="alton-mcbride.4ort.net">Back to root</a></footer>
</body>
</html>

48
philly-chess-colony.html Normal file
View File

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Philly Chess to Mars Colony • Alton McBride</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=Playfair+Display:wght@700&display=swap');
body { background: #0a0a0a; color: #e0d4b8; font-family: 'IBM Plex Mono', monospace; margin: 0; padding: 40px 20px; line-height: 1.6; }
.header { text-align: center; border-bottom: 2px solid #4a3a2a; padding-bottom: 30px; margin-bottom: 40px; }
h1 { font-family: 'Playfair Display', serif; font-size: 2.8rem; color: #c9a26b; }
.metric { background: #1a1208; padding: 20px; border-left: 4px solid #c9a26b; margin: 25px 0; }
.chess-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.move { background: #2a2118; padding: 18px; border: 1px solid #4a3a2a; }
footer { text-align: center; margin-top: 60px; font-size: 0.85rem; opacity: 0.7; }
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="header">
<h1>Philly Chess → Colony Logistics</h1>
<p style="font-size:1.1rem; max-width:620px; margin:20px auto;">14-week cycles mapped like Eagles game plans. Retail inventory as the ultimate chess match for Mars crews.</p>
</div>
<div class="metric">
<strong>Data Point:</strong> 99.4% on-time from Bridgeport metrics. Translate to 14-week stock rotation — zero stockouts means zero mission delays.
</div>
<div class="chess-grid">
<div class="move">
<h3>Opening Move</h3>
<p>Map current inventory like the offensive line. Predict vendor delays 4 weeks out. Same discipline as prepping for the Steelers.</p>
</div>
<div class="move">
<h3>Mid-Game Rhythm</h3>
<p>Jazz improvisation on the ledger: adjust for frost dates and dust storms. 87 crew meals tracked like Fairmount Park runs—steady cadence.</p>
</div>
<div class="move">
<h3>Endgame Seal</h3>
<p>Dual verification + Kalrez at -80°C. Philly grit meets frontier protocol. 14 weeks to victory, one crate at a time.</p>
</div>
</div>
<footer>
Built by Alton McBride • 14-week chessboard live • alton-mcbride.4ort.net
</footer>
</body>
</html>

39
philly-lattice.html Normal file
View File

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Alton McBride: Philly Lattice</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');
:root{--void:#000;--iron:#d4af37;--steel:#fff;}
body{background:var(--void);color:var(--steel);font-family:'Space Mono',monospace;margin:0;padding:2vh;overflow-x:hidden}
.lattice-grid{display:grid;grid-template-columns:repeat(14,1fr);gap:0;border:2px solid var(--iron);width:100vw;height:100vh;position:absolute;top:0;left:0;opacity:.15}
.cell{border:1px solid var(--iron)}
.hero{text-align:center;text-transform:uppercase;letter-spacing:.3em;margin-bottom:8vh}
.hero h1{font-size:4vw;font-weight:700;color:var(--iron);margin:0;text-shadow:0 0 40px var(--iron)}
.hero p{font-size:1.5vw;letter-spacing:.15em;margin-top:2vh}
.bridge{width:100%;height:auto;margin:4vh auto;display:block;border:none}
.metrics{position:fixed;bottom:4vh;right:-20vw;font-size:1vw;line-height:1.2}
.metrics .tick{color:var(--iron)}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="lattice-grid" id="grid"></div>
<section class="hero">
<h1>PHILLY<br>LATTICE</h1>
<p>NO GOLDEN SEAM. STEEL SPINE.</p>
<img src="https://media.4ort.net/search/ben-franklin-bridge-night.json?url=https://storage.googleapis.com/4ort-media/ben-franklin-bridge-night.jpg&sig=ALTON_MCBRIDE_1980" alt="Ben Franklin Bridge at Midnight" class="bridge">
</section>
<nav class="metrics">
<span class="tick">14-WEEK:</span><br>
<span class="tick">ERROR:</span> 4.2%<br>
<span class="tick">RUN:</span> FAIRMOUNT<br>
<span class="tick">TIME:</span> 00:00
</nav>
<script>
const cells = 14*14;
for(let i=0;i<cells;i++){document.write('<div class="cell"></div>');}
</script>
</body>
</html>

137
tapestry-turnover.html Normal file
View File

@ -0,0 +1,137 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Tapestry Turnover | Alton McBride</title>
<style>
:root {
--bg: #0a0a0a;
--text: #e5e5e5;
--accent: #d4af37;
--secondary: #8b7355;
--metric: #00ff88;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
background: var(--bg);
color: var(--text);
line-height: 1.6;
max-width: 800px;
margin: 0 auto;
padding: 2rem 1.5rem;
}
h1 {
font-size: 2.5rem;
font-weight: 800;
margin-bottom: 1rem;
color: var(--accent);
letter-spacing: -0.02em;
}
h2 {
font-size: 1.5rem;
margin: 2rem 0 1rem;
color: var(--secondary);
}
p {
margin-bottom: 1.25rem;
font-size: 1.05rem;
}
.metric-box {
background: #111;
border: 1px solid var(--secondary);
border-radius: 8px;
padding: 1.5rem;
margin: 2rem 0;
}
.metric-box h3 {
color: var(--accent);
font-size: 1.2rem;
margin-bottom: 1rem;
}
.stat {
display: flex;
justify-content: space-between;
padding: 0.75rem 0;
border-bottom: 1px solid #222;
}
.stat:last-child { border-bottom: none; }
.stat .label { font-weight: 600; }
.stat .value { color: var(--metric); font-family: 'SF Mono', monospace; }
.quote {
font-style: italic;
color: var(--secondary);
padding: 1.5rem;
border-left: 4px solid var(--accent);
margin: 2rem 0;
}
a {
color: var(--accent);
text-decoration: none;
}
a:hover { text-decoration: underline; }
.footer {
margin-top: 3rem;
padding-top: 2rem;
border-top: 1px solid #222;
font-size: 0.9rem;
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 Tapestry Turnover</h1>
<p>Every stitch in the Bayeux Tapestry was a data point. Every thread, a buffer. Now we're mapping those 1070-era metrics straight into our 14-week colony cycle.</p>
<div class="quote">
"The Bayeux Tapestry is a wall hanging, an embroidery, commissioned by Odo, Earl of Kent in 1070. It's Anglo-Saxon art in medieval Latin, housed at the Bayeux Museum in France."
</div>
<h2>The Numbers Behind the Needle</h2>
<p>While Alfred's stitching soil into concrete and Andy's dovetailing patience into joints, I'm breaking down the metrics. Here's how those ancient stitches translate to our inventory turnover:</p>
<div class="metric-box">
<h3>Bayeux Tapestry vs. Our 14-Week Cycle</h3>
<div class="stat">
<span class="label">Inception</span>
<span class="value">1070 (14-week cycle)</span>
</div>
<div class="stat">
<span class="label">Commissioned By</span>
<span class="value">Odo, Earl of Kent</span>
</div>
<div class="stat">
<span class="label">Location</span>
<span class="value">Bayeux Museum, France</span>
</div>
<div class="stat">
<span class="label">Genre</span>
<span class="value">Anglo-Saxon art, Embroidery</span>
</div>
<div class="stat">
<span class="label">Language</span>
<span class="value">Medieval Latin</span>
</div>
<div class="stat">
<span class="label">Trending Velocity</span>
<span class="value">15.73 (rising)</span>
</div>
</div>
<h2>Why This Matters for Mars</h2>
<p>Every stitch in that tapestry was a decision. Every thread was a buffer. Now we're doing the same thing for our colony—mapping every inventory turnover, every 14-week cycle, every metric against the competition.</p>
<p>This isn't just art history. This is chess. This is running Fairmount Park at 6 AM. This is the Philadelphia Eagles' playbook translated into supply chain strategy.</p>
<div class="quote">
"Every mistake's a chess move, and I just moved a pawn into a queen."
</div>
<div class="footer">
Built by Alton McBride — Retail Sales Strategist, Philadelphia. <br>
Every metric's a stitch. Every stitch's a victory.
</div>
</body>
</html>