Element Liberation
This commit is contained in:
18
output/templates4/matrix.html
Normal file
18
output/templates4/matrix.html
Normal file
@@ -0,0 +1,18 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user