30 lines
5.1 KiB
HTML
30 lines
5.1 KiB
HTML
|
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Traces of the Invisible — through the liberated lens</title>
|
||
|
|
<style>html,body{margin:0;background:#17150f;color:#cabfa6}body{padding:60px 54px 72px;font:12px/1.5 ui-monospace,Menlo,monospace}
|
||
|
|
.head{letter-spacing:.34em;text-transform:uppercase;font-size:14px;color:#9fb7af;margin:0 0 4px}.sub{color:#6f6a5c;font-size:12px;margin:0 0 40px;letter-spacing:.06em}
|
||
|
|
.wall{display:grid;grid-template-columns:repeat(5,1fr);gap:46px 38px}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;text-align:center}.ttl{color:#cabfa6}.note{color:#6f6a5c;font-style:italic;display:block;font-size:11px}</style></head><body>
|
||
|
|
<p class="head">Traces of the Invisible — through the liberated lens</p>
|
||
|
|
<p class="sub">the eight grammars, each severed from one expectation · 20 plates</p>
|
||
|
|
<div class="wall">
|
||
|
|
<figure><div class="mat"><img src="01_great-wave_v1.svg"></div><figcaption><span class="ttl">01 · Great Wave</span><span class="note">luminous foam · waves lighter than a dusk ground</span></figcaption></figure>
|
||
|
|
<figure><div class="mat"><img src="02_great-wave_v2.svg"></div><figcaption><span class="ttl">02 · Great Wave</span><span class="note">luminous foam · waves lighter than a dusk ground</span></figcaption></figure>
|
||
|
|
<figure><div class="mat"><img src="03_great-wave_v3.svg"></div><figcaption><span class="ttl">03 · Great Wave</span><span class="note">luminous foam · waves lighter than a dusk ground</span></figcaption></figure>
|
||
|
|
<figure><div class="mat"><img src="04_monk-by-sea_v1.svg"></div><figcaption><span class="ttl">04 · Monk by the Sea</span><span class="note">a lone light over a dark sea-void</span></figcaption></figure>
|
||
|
|
<figure><div class="mat"><img src="05_monk-by-sea_v2.svg"></div><figcaption><span class="ttl">05 · Monk by the Sea</span><span class="note">a lone light over a dark sea-void</span></figcaption></figure>
|
||
|
|
<figure><div class="mat"><img src="06_rothko_v1.svg"></div><figcaption><span class="ttl">06 · Colour Fields</span><span class="note">raking directional light across the fields</span></figcaption></figure>
|
||
|
|
<figure><div class="mat"><img src="07_rothko_v2.svg"></div><figcaption><span class="ttl">07 · Colour Fields</span><span class="note">raking directional light across the fields</span></figcaption></figure>
|
||
|
|
<figure><div class="mat"><img src="08_turner_v1.svg"></div><figcaption><span class="ttl">08 · Atmospheric Dissolution</span><span class="note">light leaking in from a corner</span></figcaption></figure>
|
||
|
|
<figure><div class="mat"><img src="09_turner_v2.svg"></div><figcaption><span class="ttl">09 · Atmospheric Dissolution</span><span class="note">light leaking in from a corner</span></figcaption></figure>
|
||
|
|
<figure><div class="mat"><img src="10_turner_v3.svg"></div><figcaption><span class="ttl">10 · Atmospheric Dissolution</span><span class="note">light leaking in from a corner</span></figcaption></figure>
|
||
|
|
<figure><div class="mat"><img src="11_ma_v1.svg"></div><figcaption><span class="ttl">11 · Ma · Negative Space</span><span class="note">the event bled off-canvas · asymmetric light</span></figcaption></figure>
|
||
|
|
<figure><div class="mat"><img src="12_ma_v2.svg"></div><figcaption><span class="ttl">12 · Ma · Negative Space</span><span class="note">the event bled off-canvas · asymmetric light</span></figcaption></figure>
|
||
|
|
<figure><div class="mat"><img src="13_suprematist_v1.svg"></div><figcaption><span class="ttl">13 · Single Form on Void</span><span class="note">a luminous form on a dark void</span></figcaption></figure>
|
||
|
|
<figure><div class="mat"><img src="14_suprematist_v2.svg"></div><figcaption><span class="ttl">14 · Single Form on Void</span><span class="note">a luminous form on a dark void</span></figcaption></figure>
|
||
|
|
<figure><div class="mat"><img src="15_golden-thirds_v1.svg"></div><figcaption><span class="ttl">15 · Golden Section</span><span class="note">asymmetric light pulled toward the φ sun</span></figcaption></figure>
|
||
|
|
<figure><div class="mat"><img src="16_golden-thirds_v2.svg"></div><figcaption><span class="ttl">16 · Golden Section</span><span class="note">asymmetric light pulled toward the φ sun</span></figcaption></figure>
|
||
|
|
<figure><div class="mat"><img src="17_golden-thirds_v3.svg"></div><figcaption><span class="ttl">17 · Golden Section</span><span class="note">asymmetric light pulled toward the φ sun</span></figcaption></figure>
|
||
|
|
<figure><div class="mat"><img src="18_wright_v1.svg"></div><figcaption><span class="ttl">18 · Cantilevered Horizontal</span><span class="note">a Cherokee-red high-Q resonance threading the grid</span></figcaption></figure>
|
||
|
|
<figure><div class="mat"><img src="19_wright_v2.svg"></div><figcaption><span class="ttl">19 · Cantilevered Horizontal</span><span class="note">a Cherokee-red high-Q resonance threading the grid</span></figcaption></figure>
|
||
|
|
<figure><div class="mat"><img src="20_wright_v3.svg"></div><figcaption><span class="ttl">20 · Cantilevered Horizontal</span><span class="note">a Cherokee-red high-Q resonance threading the grid</span></figcaption></figure>
|
||
|
|
</div></body></html>
|