Files
bubblechambersimart/output/templates4/matrix.html
2026-06-10 18:23:47 +01:00

18 lines
5.7 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><head><meta charset="utf-8"><title>Liberating the Elements</title>
<style>html,body{margin:0;background:#15140f;color:#cabfa6}body{padding:58px 52px 76px;font:12px/1.5 ui-monospace,Menlo,monospace}
.head{letter-spacing:.34em;text-transform:uppercase;font-size:15px;color:#9fb7af;margin:0 0 4px}
.sub{color:#6f6a5c;font-size:12px;margin:0 0 44px;letter-spacing:.06em}
h2{letter-spacing:.22em;text-transform:uppercase;font-size:12px;color:#b98c5a;border-bottom:1px solid #3a352a;padding-bottom:7px;margin:42px 0 26px}
.wall{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 34px}figure{margin:0}
.mat{background:#f3ecdb;padding:14px;box-shadow:0 2px 0 #0008,0 20px 44px -20px #000c;border:1px solid #000}
.mat img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#fff}
figcaption{margin-top:10px}.ttl{color:#cabfa6;display:block}.note{color:#6f6a5c;font-style:italic;display:block;font-size:11px;margin-top:2px}</style></head><body>
<p class="head">Liberating the Elements</p>
<p class="sub">every part asked to be something it was not — 16 plates · one element broken free per plate</p>
<section><h2>Background</h2><div class="wall"><figure><div class="mat"><img src="01_decay-as-subject.svg"></div><figcaption><span class="ttl">Decay as subject</span><span class="note">the plate's own wear is the image · all figures dissolved to a whisper</span></figcaption></figure><figure><div class="mat"><img src="02_cleaved-ground.svg"></div><figcaption><span class="ttl">Cleaved ground</span><span class="note">a directional split turns the bare substrate into a Rothko/Malevich field — no figure at all</span></figcaption></figure></div></section>
<section><h2>Field · Sea</h2><div class="wall"><figure><div class="mat"><img src="03_sea-as-a-luminous-sky.svg"></div><figcaption><span class="ttl">Sea as a luminous sky</span><span class="note">flipped overhead + waves lighter than the ground → a canopy of light, not water</span></figcaption></figure><figure><div class="mat"><img src="04_sea-as-falling-rain.svg"></div><figcaption><span class="ttl">Sea as falling rain</span><span class="note">rotated upright → the ridgelines become a vertical downpour / reed screen</span></figcaption></figure><figure><div class="mat"><img src="05_sea-as-a-spectrum-frieze.svg"></div><figcaption><span class="ttl">Sea as a spectrum frieze</span><span class="note">clipped to a thin mid-band, detached from any horizon → an emission-line strip</span></figcaption></figure></div></section>
<section><h2>Field · Grid</h2><div class="wall"><figure><div class="mat"><img src="06_grid-as-a-standing-wall.svg"></div><figcaption><span class="ttl">Grid as a standing wall</span><span class="note">rotated upright → the receding floor becomes a rectilinear facade behind the event</span></figcaption></figure><figure><div class="mat"><img src="07_grid-as-a-vibrating-membrane.svg"></div><figcaption><span class="ttl">Grid as a vibrating membrane</span><span class="note">high-Q resonance on BOTH axes → the floor stops being a floor; a standing-wave drumhead</span></figcaption></figure><figure><div class="mat"><img src="08_grid-as-a-coffered-ceiling.svg"></div><figcaption><span class="ttl">Grid as a coffered ceiling</span><span class="note">horizon lifted + flipped → the grid recedes UP and overhead, an architectural vault</span></figcaption></figure></div></section>
<section><h2>Disk · sun</h2><div class="wall"><figure><div class="mat"><img src="09_sun-dissolved-into-atmosphere.svg"></div><figcaption><span class="ttl">Sun dissolved into atmosphere</span><span class="note">overfilled to 3× at low intensity → the striations become rays of weather, the disk is gone</span></figcaption></figure><figure><div class="mat"><img src="10_sun-demoted-to-a-distant-star.svg"></div><figcaption><span class="ttl">Sun demoted to a distant star</span><span class="note">a tiny high pinprick · the field it once dominated now owns the frame (hierarchy inverted)</span></figcaption></figure><figure><div class="mat"><img src="11_sun-spread-into-a-horizon-dawn.svg"></div><figcaption><span class="ttl">Sun spread into a horizon dawn</span><span class="note">pushed low and off the bottom edge → a glowing horizon band, no longer a disk</span></figcaption></figure></div></section>
<section><h2>Bubble · event</h2><div class="wall"><figure><div class="mat"><img src="12_event-as-an-all-over-field.svg"></div><figcaption><span class="ttl">Event as an all-over field</span><span class="note">overscaled, off-centre, boundary off → the tracks become a cosmic-ray scatter, not an event</span></figcaption></figure><figure><div class="mat"><img src="13_event-laid-down-as-a-horizon.svg"></div><figcaption><span class="ttl">Event laid down as a horizon</span><span class="note">flattened and lined up low → the explosion reads as a landscape ridgeline</span></figcaption></figure><figure><div class="mat"><img src="14_chamber-arc-as-a-porthole.svg"></div><figcaption><span class="ttl">Chamber arc as a porthole</span><span class="note">tracks suppressed, the structural boundary cranked → the instrument geometry becomes the subject</span></figcaption></figure></div></section>
<section><h2>Fiduciaries</h2><div class="wall"><figure><div class="mat"><img src="15_the-annotation-is-the-artwork.svg"></div><figcaption><span class="ttl">The annotation is the artwork</span><span class="note">everything else off · a frame-spanning arrow + one word — a diagram of nothing</span></figcaption></figure><figure><div class="mat"><img src="16_pointing-at-absence.svg"></div><figcaption><span class="ttl">Pointing at absence</span><span class="note">the gesture of attention aimed at an empty corner — the subject is where nothing is</span></figcaption></figure></div></section>
</body></html>