18 lines
2.1 KiB
HTML
18 lines
2.1 KiB
HTML
|
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Bubble Chamber — iterations</title>
|
||
|
|
<style>body{margin:0;background:#111;color:#bbb;font:12px/1.4 ui-monospace,Menlo,monospace;padding:24px}
|
||
|
|
h1{font-weight:400;letter-spacing:.2em;text-transform:uppercase;font-size:13px;color:#d4a574}
|
||
|
|
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:18px}
|
||
|
|
figure{margin:0;background:#000;border:1px solid #2a2a2a}img{width:100%;display:block}
|
||
|
|
figcaption{padding:7px 9px;color:#e8e4d8;letter-spacing:.04em}</style></head><body>
|
||
|
|
<h1>Bubble Chamber · iterations · palettes & lifecycle</h1><div class=grid>
|
||
|
|
<figure><img src="01_archival-mono.svg"><figcaption>Archival · mono · soft disk<br><span style=color:#555>01_archival-mono.svg</span></figcaption></figure>
|
||
|
|
<figure><img src="02_dense-charge.svg"><figcaption>Dense event · charge duotone<br><span style=color:#555>02_dense-charge.svg</span></figcaption></figure>
|
||
|
|
<figure><img src="03_arcs-beta.svg"><figcaption>Sweeping arcs · velocity (β)<br><span style=color:#555>03_arcs-beta.svg</span></figcaption></figure>
|
||
|
|
<figure><img src="04_dense-lifecycle.svg"><figcaption>Dense · lifecycle (birth→death)<br><span style=color:#555>04_dense-lifecycle.svg</span></figcaption></figure>
|
||
|
|
<figure><img src="05_arcs-lifecycle.svg"><figcaption>Arcs · lifecycle<br><span style=color:#555>05_arcs-lifecycle.svg</span></figcaption></figure>
|
||
|
|
<figure><img src="06_negative-lifecycle.svg"><figcaption>Negative plate · lifecycle (glow)<br><span style=color:#555>06_negative-lifecycle.svg</span></figcaption></figure>
|
||
|
|
<figure><img src="07_negative-charge.svg"><figcaption>Negative plate · charge<br><span style=color:#555>07_negative-charge.svg</span></figcaption></figure>
|
||
|
|
<figure><img src="08_minimal-beta.svg"><figcaption>Minimal · velocity (β)<br><span style=color:#555>08_minimal-beta.svg</span></figcaption></figure>
|
||
|
|
<figure><img src="09_dense-lifecycle-bubbledisk.svg"><figcaption>Dense · lifecycle · bubble disk<br><span style=color:#555>09_dense-lifecycle-bubbledisk.svg</span></figcaption></figure>
|
||
|
|
</div></body></html>
|