14 lines
1.4 KiB
HTML
14 lines
1.4 KiB
HTML
<!DOCTYPE html><html><head><meta charset="utf-8">
|
|
<style>html,body{margin:0;background:#222}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px;width:2400px}figure{margin:0;position:relative;background:#fff;overflow:hidden}img{width:100%;display:block}figcaption{position:absolute;left:0;bottom:0;right:0;padding:6px 10px;font:14px ui-monospace,monospace;color:#fff;background:linear-gradient(transparent,#000d)}</style></head><body>
|
|
<div class="grid">
|
|
<figure><img src="01_lightbox-positive.svg"><figcaption>lightbox positive</figcaption></figure>
|
|
<figure><img src="02_negative-void.svg"><figcaption>negative void</figcaption></figure>
|
|
<figure><img src="03_cyanotype-communion.svg"><figcaption>cyanotype communion</figcaption></figure>
|
|
<figure><img src="04_field-as-atmosphere.svg"><figcaption>field as atmosphere</figcaption></figure>
|
|
<figure><img src="05_scale-rhyme-nautilus.svg"><figcaption>scale rhyme nautilus</figcaption></figure>
|
|
<figure><img src="06_sepia-archive.svg"><figcaption>sepia archive</figcaption></figure>
|
|
<figure><img src="07_earned-colour-kind.svg"><figcaption>earned colour kind</figcaption></figure>
|
|
<figure><img src="08_chladni-quiet.svg"><figcaption>chladni quiet</figcaption></figure>
|
|
<figure><img src="09_dense-lattice-rare-event.svg"><figcaption>dense lattice rare event</figcaption></figure>
|
|
<figure><img src="10_vertigo-tesseract.svg"><figcaption>vertigo tesseract</figcaption></figure>
|
|
</div></body></html> |