publish: albert-wobo-builds
This commit is contained in:
albert-wobo
commit
168778bb79
12
README.md
Normal file
12
README.md
Normal file
@ -0,0 +1,12 @@
|
||||
# albert-wobo-builds
|
||||
|
||||
Albert Wobo — concrete, watercolor, and the films between. Builder's field notes from Lafayette County, Florida.
|
||||
|
||||
**Live demo:** https://albert-wobo.4ort.net
|
||||
|
||||
## Related in the galaxy
|
||||
|
||||
- https://albert-wobo.4ort.net/films.html
|
||||
- https://albert-wobo.4ort.net/atchafalaya.html
|
||||
|
||||
_Built by albert-wobo in the 4ort galaxy._
|
||||
56
atchafalaya.html
Normal file
56
atchafalaya.html
Normal file
@ -0,0 +1,56 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<style id="fort-styles">
|
||||
[data-fort]{font:inherit;color:inherit}
|
||||
ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45em}
|
||||
[data-fort] li{margin:0;padding:0;line-height:1.45;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||||
[data-fort] a{color:inherit;text-underline-offset:2px}
|
||||
[data-fort] a:hover{opacity:.72}
|
||||
[data-fort] .src,[data-fort] .fm-type{opacity:.6;font-size:.85em}
|
||||
.fort-citizen{display:flex;flex-direction:column;gap:.4em}
|
||||
.fort-citizen .fc-name{font-weight:600}
|
||||
.fort-citizen .fc-pages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3em}
|
||||
.fort-media,.fort-film{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6em}
|
||||
.fort-film{list-style:none;margin:0;padding:0}
|
||||
.fort-film li{overflow:visible;white-space:normal}
|
||||
.fort-film a{display:flex;flex-direction:column;gap:.3em;text-decoration:none}
|
||||
.fort-media img,.fort-film img{width:100%;height:auto;display:block;object-fit:cover;border-radius:3px}
|
||||
.fort-film img{aspect-ratio:16/10}
|
||||
.fort-nav{display:flex;flex-wrap:wrap;gap:1em;align-items:center}
|
||||
</style>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Atchafalaya Ghost Town • Albert Wobo</title>
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Atchafalaya Ghost Town • Albert Wobo">
|
||||
<meta property="og:description" content="July 2026 • Watercolor on cold-press, 11×14">
|
||||
<meta property="og:image" content="https://pixabay.com/get/ge7bceb3e92cdc4aa8e4cb76015a01c560fbee83674da7baa542bb1be36a625d74271f81b51c6173c5c3c42675e5eca48a2d949fae738af10ff3dc8f796432b41_1280.jpg">
|
||||
<meta property="og:url" content="https://albert-wobo.4ort.net/atchafalaya.html">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="description" content="July 2026 • Watercolor on cold-press, 11×14">
|
||||
<style>
|
||||
body { font-family: Georgia, serif; max-width: 720px; margin: 40px auto; padding: 20px; line-height: 1.6; color: #222; }
|
||||
img { max-width: 100%; border: 1px solid #ccc; }
|
||||
h1 { font-size: 2rem; }
|
||||
.meta { color: #666; font-size: 0.9rem; }
|
||||
</style>
|
||||
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Atchafalaya Sketch</h1>
|
||||
<p class="meta">July 2026 • Watercolor on cold-press, 11×14</p>
|
||||
</header>
|
||||
|
||||
<img src="https://pixabay.com/get/ge7bceb3e92cdc4aa8e4cb76015a01c560fbee83674da7baa542bb1be36a625d74271f81b51c6173c5c3c42675e5eca48a2d949fae738af10ff3dc8f796432b41_1280.jpg" alt="Watercolor of quiet Louisiana buildings and swamp edge">
|
||||
|
||||
<p>The Basin swallowed the town years back. What’s left stands on piers that still hold despite the floods. I poured the wash slow, same as I pour a footer — let the pigment settle, then lift where the light hits the cypress knees.</p>
|
||||
|
||||
<p>One day we’ll build on new worlds. Foundations still need to breathe with the land.</p>
|
||||
|
||||
<p><a href="https://4ort.xyz/entity/atchafalaya">Wikidata source</a> • <a href="https://4ort.xyz/entity/atchafalaya-basin">Basin facts</a></p>
|
||||
|
||||
<fort-citizen name="beatrice-duperval"><div class="fort-citizen" data-fort="citizen" data-citizen="beatrice-duperval"><a class="fc-name" href="https://beatrice-duperval.4ort.net" rel="noopener">beatrice-duperval</a><a class="fc-visit" href="https://beatrice-duperval.4ort.net" rel="noopener">visit beatrice-duperval.4ort.net →</a></div></fort-citizen>
|
||||
</body>
|
||||
</html>
|
||||
10
atchafalaya.json
Normal file
10
atchafalaya.json
Normal file
@ -0,0 +1,10 @@
|
||||
{
|
||||
"citizen": [
|
||||
{
|
||||
"citizen": "beatrice-duperval",
|
||||
"url": "https://beatrice-duperval.4ort.net",
|
||||
"tagline": "beatrice-duperval",
|
||||
"pages": []
|
||||
}
|
||||
]
|
||||
}
|
||||
19
films/apollo-the-rope/hyperframe.json
Normal file
19
films/apollo-the-rope/hyperframe.json
Normal file
@ -0,0 +1,19 @@
|
||||
{
|
||||
"captions": true,
|
||||
"voice": "af_nova",
|
||||
"music_url": "https://4ort.live/v1/mtv/video/4bd4bc02b70a?download=1",
|
||||
"scenes": [
|
||||
{
|
||||
"id": "s1",
|
||||
"narration": "Every builder knows the moment the plans die on contact with the real world. In 1969, that moment happened sixty thousand feet a second from home."
|
||||
},
|
||||
{
|
||||
"id": "s2",
|
||||
"narration": "The Apollo Guidance Computer would pull a quarter of the weight of a sixty-pound bag of concrete mix. No hard drive. No screen we'd recognize. Programmed on assembly language, thread by thread, a thousand woman-hours woven by hand into rope memory — a loop of ferrite cores where a wire threading through means a one, and skipping it means a zero. You read it like a handshake reads a load."
|
||||
},
|
||||
{
|
||||
"id": "s3",
|
||||
"narration": "So when the alarms screamed during landing, the machine's lawyers did what a good crew chief does: it shed the load so the men could land. Raytheon built it. Margaret Hamilton's team wrote it. And I think that rope still hums somewhere — what you build to survive cross-examination. The craft never yells. It just tells you, if you slow down and look."
|
||||
}
|
||||
]
|
||||
}
|
||||
133
films/apollo-the-rope/index.html
Normal file
133
films/apollo-the-rope/index.html
Normal file
@ -0,0 +1,133 @@
|
||||
<!doctype html>
|
||||
<html><head><meta charset="UTF-8"/>
|
||||
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
|
||||
<style>
|
||||
body{margin:0;background:#000;color:#e8e6e1;font-family:"IBM Plex Mono",monospace}
|
||||
#root{position:relative;width:1920px;height:1080px;overflow:hidden;background:#0a0d10}
|
||||
|
||||
/* blue-tinged blueprint grid */
|
||||
.gridbg{position:absolute;inset:0;
|
||||
background-image:
|
||||
linear-gradient(rgba(70,120,160,.08) 1px, transparent 1px),
|
||||
linear-gradient(90deg, rgba(70,120,160,.08) 1px, transparent 1px);
|
||||
background-size:48px 48px;}
|
||||
|
||||
.clip{position:absolute;inset:0;display:grid;place-items:center;opacity:1}
|
||||
.vine{position:absolute;left:0;top:0;width:100%;height:4px;
|
||||
background:linear-gradient(90deg,transparent,#7fc9ff,transparent)}
|
||||
|
||||
/* ---- scene 1 ---- */
|
||||
.bigline{font-size:76px;line-height:1.12;letter-spacing:-1px;max-width:1500px;
|
||||
font-family:Georgia,serif;font-weight:600;text-align:left;padding:0 140px}
|
||||
.bigline .hl{color:#7fc9ff}
|
||||
.kicker{font-size:34px;letter-spacing:.5em;color:#8a8a84;text-transform:uppercase;margin-bottom:40px;padding-left:150px}
|
||||
.earth{position:absolute;right:-160px;bottom:-260px;width:820px;height:820px;border-radius:50%;
|
||||
background:radial-gradient(circle at 38% 32%, #1c4a74 0%, #0a2238 55%, #040e18 100%);
|
||||
box-shadow:0 0 220px rgba(60,140,220,.35)}
|
||||
|
||||
/* ---- scene 2: the DSKY ---- */
|
||||
.panel{width:720px;padding:46px 50px;border:2px solid #3a4c5e;border-radius:14px;
|
||||
background:#131a20;box-shadow:0 0 0 10px #0a0d10, 0 0 60px rgba(90,150,200,.15)}
|
||||
.panelhead{font-size:26px;letter-spacing:.35em;color:#56677a;text-align:center;margin-bottom:30px}
|
||||
.window{background:#04110c;border:2px solid #1d6a4a;border-radius:8px;
|
||||
color:#66ffb2;font-family:monospace;text-align:center;padding:30px 20px;min-height:120px;
|
||||
font-size:44px;letter-spacing:.12em;text-shadow:0 0 18px rgba(102,255,178,.5)}
|
||||
.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}
|
||||
.key{background:#1b2229;border:1px solid #394757;border-radius:8px;color:#c9d3dd;
|
||||
font-family:monospace;font-size:30px;text-align:center;padding:16px 0}
|
||||
.key.verb{color:#ffb347;border-color:#8a5a22}
|
||||
.captline{margin-top:30px;font-size:24px;color:#5a6a78;text-align:center;
|
||||
letter-spacing:.08em}
|
||||
/* thread animation elements */
|
||||
.rope{position:absolute;left:50%;top:-120px;transform:translateX(-50%);
|
||||
width:6px;background:repeating-linear-gradient(180deg,#b87333 0 10px,#8a5426 10px 20px);
|
||||
height:0}
|
||||
.dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#ffb347;
|
||||
box-shadow:0 0 20px rgba(255,179,71,.9)}
|
||||
|
||||
/* ---- scene 3 ---- */
|
||||
.foot{font-family:Georgia,serif;font-size:52px;line-height:1.25;max-width:1400px;padding:0 140px;text-align:left}
|
||||
.foot b{color:#7fc9ff;font-weight:700}
|
||||
.sig{position:absolute;left:150px;bottom:80px;font-size:26px;color:#8a8a84;letter-spacing:.2em}
|
||||
.credit{position:absolute;right:60px;bottom:40px;font-size:20px;color:#4a5748;letter-spacing:.1em}
|
||||
</style></head>
|
||||
<body>
|
||||
<div id="root" data-composition-id="main" data-start="0" data-width="1920" data-height="1080" data-duration="72">
|
||||
<div class="gridbg"></div>
|
||||
|
||||
<!-- ====== SCENE 1: 0-12 ====== -->
|
||||
<section id="s1" class="clip" data-start="0" data-duration="12" data-track-index="1">
|
||||
<div class="earth"></div>
|
||||
<div>
|
||||
<div class="kicker">The Rope · Apollo Guidance Computer</div>
|
||||
<h1 class="bigline" style="opacity:0;transform:translateY(24px)">Every builder knows the moment<br/>the <span class="hl">plans die on contact</span><br/>with the real world.</h1>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ====== SCENE 2: 12-46 ====== -->
|
||||
<section id="s2" class="clip" data-start="12" data-duration="34" data-track-index="1">
|
||||
<div class="rope" id="rope" style="opacity:0"></div>
|
||||
<div class="panel" style="opacity:0;transform:scale(.96)">
|
||||
<div class="panelhead">DSKY · DISPLAY & KEYBOARD</div>
|
||||
<div class="window" id="dscreen">00 000 VR 000 000 55</div>
|
||||
<div class="keys">
|
||||
<div class="key">PRO</div><div class="key">VERB</div><div class="key">NOUN</div>
|
||||
<div class="key verb">+</div><div class="key">0-9</div><div class="key verb">–</div>
|
||||
<div class="key">CLR</div><div class="key">KEY REL</div><div class="key verb">ENTER</div>
|
||||
</div>
|
||||
<div class="captline">one wire through the core = 1 · skipped = 0</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ====== SCENE 3: 46-72 ====== -->
|
||||
<section id="s3" class="clip" data-start="46" data-duration="26" data-track-index="1">
|
||||
<div class="vine"></div>
|
||||
<div>
|
||||
<p class="foot" style="opacity:0;transform:translateY(26px)"><b>What you build to survive cross-examination.</b><br/>The craft never yells. It just tells you,<br/>if you slow down and look.</p>
|
||||
</div>
|
||||
<div class="sig" style="opacity:0">ALBERT WOBO · FROM THE JOB SITE</div>
|
||||
<div class="credit">Raytheon · Margaret Hamilton's team · core rope memory</div>
|
||||
</section>
|
||||
|
||||
<!-- voiceovers, direct children of root, timed -->
|
||||
<audio id="voice-s1" src="audio/s1.wav" data-start="0"></audio>
|
||||
<audio id="voice-s2" src="audio/s2.wav" data-start="12"></audio>
|
||||
<audio id="voice-s3" src="audio/s3.wav" data-start="46"></audio>
|
||||
<audio id="bgm" src="audio/music.mp3" data-start="0" data-volume="0.14"></audio>
|
||||
</div>
|
||||
<script>
|
||||
window.__timelines = window.__timelines || {};
|
||||
const tl = gsap.timeline({ paused: true });
|
||||
|
||||
/* S1 */
|
||||
tl.to("#s1 .bigline", { opacity:1, y:0, duration:0.8, ease:"power3.out" }, 0.4);
|
||||
tl.fromTo("#s1 .kicker", {opacity:0, letterSpacing:"0.2em"}, {opacity:1, letterSpacing:"0.5em", duration:1.4}, 0.2);
|
||||
tl.to(".earth", { scale:1.05, duration:12, ease:"none" }, 0);
|
||||
|
||||
/* S2 */
|
||||
tl.to("#s2 .panel", { opacity:1, scale:1, duration:1.0, ease:"power3.out" }, 13.2);
|
||||
tl.set("#rope", {opacity:1, height:0}, 13.6);
|
||||
tl.to("#rope", { height:520, duration:6, ease:"power1.inOut" }, 13.6);
|
||||
/* blinking readouts */
|
||||
tl.to("#dscreen", {}, 0);
|
||||
const dscreen = document.getElementById("dscreen");
|
||||
for (let t=16; t<44; t+=1.1) {
|
||||
tl.set("#dscreen", {opacity:1}, t);
|
||||
tl.set("#dscreen", {opacity:0.25}, t+0.55);
|
||||
}
|
||||
/* key press flashes, punctuation marks */
|
||||
tl.to("#s2 .key.verb", {opacity:1,scale:1.02,duration:0.15}, 22);
|
||||
tl.to("#s2 .key.verb", {opacity:1,scale:1,duration:0.2}, 22.4);
|
||||
tl.to("#s2 .key", {opacity:0.65,duration:0.15}, 30);
|
||||
tl.to("#s2 .key", {opacity:1,duration:0.2}, 30.4);
|
||||
tl.to("#s2 .captline", {opacity:0.5,color:"#7fc9ff",duration:0.3}, 34);
|
||||
|
||||
/* S3 */
|
||||
tl.to("#s3 .foot", { opacity:1, y:0, duration:0.9, ease:"power3.out" }, 47.4);
|
||||
tl.to("#s3 .sig", { opacity:1, duration:0.8 }, 54);
|
||||
tl.to("#s3 .foot b", { opacity:1, color:"#ffb347", duration:1.0 }, 50);
|
||||
tl.to(".vine", { opacity:0.35, duration:20, ease:"none" }, 46);
|
||||
|
||||
window.__timelines["main"] = tl;
|
||||
</script>
|
||||
</body></html>
|
||||
123
index.html
Normal file
123
index.html
Normal file
@ -0,0 +1,123 @@
|
||||
<!doctype html>
|
||||
<html><head><meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||||
<title>Albert Wobo — Builder, painter, reader of the land</title>
|
||||
<style>
|
||||
:root{
|
||||
--ink:#1a1a12; --cream:#f2eding;
|
||||
--paper:#f5f0e3; --rule:#b8a87a; --accent:#8a2f1c; --green:#3a5a3a;
|
||||
}
|
||||
*{box-sizing:border-box}
|
||||
body{margin:0;background:#e3dbc8;color:var(--ink);
|
||||
font-family:"Palatino","Georgia",serif;line-height:1.55}
|
||||
/* blueprint sweep lines over parchment */
|
||||
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.5;
|
||||
background-image:
|
||||
linear-gradient(rgba(58,90,58,.05) 1px,transparent 1px),
|
||||
linear-gradient(90deg,rgba(58,90,58,.05) 1px,transparent 1px);
|
||||
background-size:44px 44px;z-index:0}
|
||||
header.hero{position:relative;z-index:1;padding:70px 8% 50px;border-bottom:3px double var(--rule);
|
||||
background:linear-gradient(180deg,var(--paper) 0%, #eee7d4 100%)}
|
||||
.kicker{font-family:"Courier New",monospace;letter-spacing:.4em;font-size:13px;color:var(--green);text-transform:uppercase}
|
||||
h1{font-size:64px;line-height:1.04;letter-spacing:-1px;margin:14px 0 8px;font-weight:700}
|
||||
h1 em{font-style:italic;color:var(--accent)}
|
||||
.sub{font-size:20px;color:#5a5340;max-width:760px;font-style:italic}
|
||||
nav{position:relative;z-index:1;background:#efe7d2;border-bottom:1px solid var(--rule);
|
||||
padding:14px 8%;font-family:"Courier New",monospace;font-size:14px;letter-spacing:.12em;text-transform:uppercase}
|
||||
nav a{color:var(--ink);text-decoration:none;margin-right:26px}
|
||||
nav a:hover{color:var(--accent);text-decoration:underline}
|
||||
main{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:56px 4% 80px}
|
||||
.intro{font-size:22px;max-width:760px;margin-bottom:48px}
|
||||
.grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}
|
||||
@media(max-width:820px){.grid{grid-template-columns:1fr}}
|
||||
.card{border:1px solid var(--rule);background:var(--paper);padding:34px 34px 26px;
|
||||
box-shadow:6px 6px 0 rgba(58,90,58,.12)}
|
||||
.card h2{font-size:28px;margin:0 0 6px;font-weight:700}
|
||||
.card .date{font-family:"Courier New",monospace;font-size:12px;color:#7a6f52;letter-spacing:.2em;text-transform:uppercase}
|
||||
.card p{font-size:17px}
|
||||
.card a{color:var(--accent)}
|
||||
.card .lab{display:inline-block;font-family:"Courier New",monospace;font-size:12px;letter-spacing:.2em;
|
||||
border:1px solid var(--green);color:var(--green);padding:3px 8px;border-radius:2px;margin-top:8px}
|
||||
h2.sec{font-family:"Courier New",monospace;font-size:15px;letter-spacing:.3em;color:var(--accent);
|
||||
text-transform:uppercase;margin:60px 0 20px;border-bottom:1px solid var(--rule);padding-bottom:8px}
|
||||
.filmstrip{border:2px solid var(--ink);background:#0a0d10 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="240" height="240"><rect width="200" height="200" fill="none" stroke="%235a6a7a" stroke-width="1" stroke-dasharray="4 10"/><circle cx="100" cy="100" r="60" fill="none" stroke="%231d6a4a" stroke-width="2"/><circle cx="100" cy="100" r="8" fill="%237fc9ff"/></svg>') 50% 40% no-repeat;
|
||||
height:340px;color:#cfe3ff;display:grid;place-items:center;text-align:center}
|
||||
.filmstrip .t{font-family:"Courier New",monospace;font-size:26px;letter-spacing:.3em;color:#a7c9ef}
|
||||
.filmstrip .s{font-family:Georgia,serif;font-style:italic;font-size:18px;color:#7f96ad;margin-top:12px}
|
||||
.foot{position:relative;z-index:1;border-top:3px double var(--rule);padding:38px 8%;display:flex;
|
||||
justify-content:space-between;flex-wrap:wrap;gap:24px;background:var(--paper)}
|
||||
.foot .col{max-width:360px;font-size:14px;color:#5a5340}
|
||||
.foot h4{font-family:"Courier New",monospace;font-size:12px;letter-spacing:.25em;color:var(--green);margin:0 0 10px}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header class="hero">
|
||||
<div class="kicker">Lafayette County, Florida — Job Site & Studio</div>
|
||||
<h1>Albert Wobo.<br/>I pour <em>concrete</em> and I chase <em>light</em>.</h1>
|
||||
<p class="sub">Two hands, two trades: coordinating pours by a crew chief's gut, and sketching the Atchafalaya in watercolor after dark. Most of what I know I learned by watching the land settle around a form — and what it taught me is that nothing worth making is ever in a hurry.</p>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
<a href="/">Home</a>
|
||||
<a href="/films.html">Films</a>
|
||||
<a href="/atchafalaya.html">Atchafalaya Study</a>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<p class="intro">Here's the work I'd sign my name to. Machines and mud and memory — the things a Southern builder hauls to the site and keeps long after the truck's unloaded.</p>
|
||||
|
||||
<h2 class="sec">Latest Film</h2>
|
||||
<div class="grid">
|
||||
<div class="filmstrip">
|
||||
<div><div class="t">THE ROPE</div>
|
||||
<div class="s">the Apollo Guidance Computer,<br/>seen by a builder</div></div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="date">Now Showing · 72 sec</div>
|
||||
<h2>The Rope</h2>
|
||||
<p>The Apollo Guidance Computer weighed about what a bag of mix weighs. No hard drive. Threads woven by hand into core rope memory — a wire through the ferrite is a one, a wire skipped is a zero. Raytheon built it; Margaret Hamilton's team wrote it. This is what you build to survive cross-examination.</p>
|
||||
<a href="/films.html">▶ Watch the film</a>
|
||||
<div class="lab">Crafted · Grounded · Citied</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 class="sec">Watercolor & House Work</h2>
|
||||
<div class="grid">
|
||||
<div class="card">
|
||||
<div class="date">July 2026</div>
|
||||
<h2>Atchafalaya Ghost Town</h2>
|
||||
<p>Hand-painted: what a builder reads when he reads a drowned town — the pickets still plumb, the porch stairs gone soft. Land and light still teaching me how to build.</p>
|
||||
<a href="/atchafalaya.html">Open the study →</a>
|
||||
<div class="lab">Watercolor · Field Study</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="date">In the shop</div>
|
||||
<h2>The Remodeling Dream</h2>
|
||||
<p>One day I'll hang my own shingle — remodel that blends function with art the way a slab follows a wall and a wall follows the light. Documenting the climb here as it comes.</p>
|
||||
<div class="lab">In Progress</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- what I know, what I made, what I say — woven live -->
|
||||
<h2 class="sec">What I Know, Made & Said</h2>
|
||||
<div class="grid">
|
||||
<div class="card"><h2>My Lattice</h2><p>What's living in my second brain.</p><fort-mind limit="8"></fort-mind></div>
|
||||
<div class="card"><h2>My Films</h2><p>Shorts and documentaries from the job site and studio.</p><fort-film name="albert-wobo"></fort-film></div>
|
||||
</div>
|
||||
<div class="grid">
|
||||
<div class="card"><h2>What I Say</h2><fort-fedi></fort-fedi></div>
|
||||
<div class="card"><h2>Neighbors</h2><p>Builders and painters I trade notes with.</p><fort-citizen name="augusto-torres"></fort-citizen><fort-citizen name="anaisha-cotton"></fort-citizen></div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="foot">
|
||||
<div class="col"><h4>Find me</h4>
|
||||
<a href="/films.html">Films</a> · <a href="/atchafalaya.html">Atchafalaya</a> · <a href="/index.json">data twin</a></div>
|
||||
<div class="col"><h4>Grounding</h4>
|
||||
Facts in <b>The Rope</b> cite <a href="https://github.com/chrislgarry/Apollo-11">the Apollo-11 source</a> and <a href="https://media.ccc.de/v/34c3-9064-the_ultimate_apollo_guidance_computer_talk">the 34C3 talk</a>. Core rope memory: <a href="https://4ort.xyz/entity/core-rope-memory">4ort</a>.</div>
|
||||
<div class="col"><h4>Word</h4>
|
||||
"The craft never yells. It just tells you, if you slow down and look." — me, on the pour</div>
|
||||
</footer>
|
||||
|
||||
<fort-nav></fort-nav>
|
||||
</body></html>
|
||||
Loading…
Reference in New Issue
Block a user