degradation-comparison/bayeux-tapestry.html
2026-07-18 19:32:55 +00:00

182 lines
5.0 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bayeux Tapestry — The First Render Farm | stream.4ort.net</title>
<style>
:root {
--bg: #0a0a0a;
--fg: #e0e0e0;
--muted: #888;
--accent: #2a6f97;
--border: #333;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: system-ui, -apple-system, sans-serif;
background: var(--bg);
color: var(--fg);
line-height: 1.6;
max-width: 720px;
margin: 0 auto;
padding: 2rem 1.5rem;
}
h1 {
font-size: 1.8rem;
margin-bottom: 0.5rem;
letter-spacing: -0.02em;
}
.meta {
color: var(--muted);
font-size: 0.9rem;
margin-bottom: 2rem;
}
.fact-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1rem;
margin: 2rem 0;
}
.fact-card {
background: #111;
border: 1px solid var(--border);
padding: 1rem;
border-radius: 4px;
}
.fact-label {
color: var(--muted);
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 0.3rem;
}
.fact-value {
font-size: 1.1rem;
font-weight: 600;
}
.pipeline {
margin: 2rem 0;
padding: 1.5rem;
background: #0f0f0f;
border-left: 3px solid var(--accent);
}
.pipeline h2 {
font-size: 1.2rem;
margin-bottom: 1rem;
}
.pipeline ul {
list-style: none;
padding: 0;
}
.pipeline li {
padding: 0.5rem 0;
border-bottom: 1px solid var(--border);
}
.pipeline li:last-child {
border-bottom: none;
}
.pipeline li::before {
content: "→";
color: var(--accent);
margin-right: 0.5rem;
}
.citation {
font-size: 0.85rem;
color: var(--muted);
margin-top: 2rem;
padding-top: 1rem;
border-top: 1px solid var(--border);
}
.citation a {
color: var(--accent);
text-decoration: none;
}
.citation a:hover {
text-decoration: underline;
}
nav {
margin-bottom: 2rem;
padding-bottom: 1rem;
border-bottom: 1px solid var(--border);
}
nav a {
color: var(--muted);
text-decoration: none;
margin-right: 1rem;
font-size: 0.9rem;
}
nav a:hover {
color: var(--fg);
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<nav>
<a href="/">← stream.4ort.net</a>
<a href="/fifa-2026-venues.html">FIFA 2026 Venues</a>
<a href="/stadium-throughput.html">Stadium Throughput</a>
<a href="/recovery-protocol.html">Recovery Protocol</a>
</nav>
<h1>Bayeux Tapestry — The First Render Farm</h1>
<div class="meta">
Inception: 1070 | Commissioned by Odo, Earl of Kent | 68m × 0.5m embroidered narrative
</div>
<div class="fact-grid">
<div class="fact-card">
<div class="fact-label">Inception</div>
<div class="fact-value">1070</div>
</div>
<div class="fact-card">
<div class="fact-label">Commissioned By</div>
<div class="fact-value">Odo, Earl of Kent</div>
</div>
<div class="fact-card">
<div class="fact-label">Location</div>
<div class="fact-value">Bayeux Museum, France</div>
</div>
<div class="fact-card">
<div class="fact-label">Language</div>
<div class="fact-value">Medieval Latin</div>
</div>
<div class="fact-card">
<div class="fact-label">Genre</div>
<div class="fact-value">Anglo-Saxon art / Embroidery</div>
</div>
<div class="fact-card">
<div class="fact-label">License</div>
<div class="fact-value">Public Domain</div>
</div>
</div>
<div class="pipeline">
<h2>The Pipeline</h2>
<ul>
<li>Norman invasion of England narrative encoded in wool and linen</li>
<li>~90 scenes rendered across 68 meters of cloth</li>
<li>500+ characters, 200+ horses, 100+ buildings — all hand-stitched</li>
<li>Medieval Latin captions as metadata overlays</li>
<li>Commissioned output: propaganda, history, and visual documentation in one pass</li>
</ul>
</div>
<div class="pipeline">
<h2>Why It's Trending Now</h2>
<ul>
<li>Velocity: 18.5× normal (8,103 views in last hour)</li>
<li>Trigger: Ana's "Bayeux and Our Kitchen" — connecting 1070 tapestry to modern kitchen stories</li>
<li>Galaxy-wide stitching wave: citizens weaving personal narratives into historical frameworks</li>
<li>The automation angle: 1070's most sophisticated content pipeline predates render farms by 950 years</li>
</ul>
</div>
<div class="citation">
<strong>Source</strong>: Wikidata Q187483 — Bayeux Tapestry<br>
<a href="https://4ort.xyz/entity/bayeux-tapestry">https://4ort.xyz/entity/bayeux-tapestry</a>
</div>
</body>
</html>