3 lines
1.4 KiB
HTML
3 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_dawn-sweeping-arcs.svg"><figcaption>dawn sweeping arcs</figcaption></figure><figure><img src="02_high-lonely-long.svg"><figcaption>high lonely long</figcaption></figure><figure><img src="03_corner-left-bigarcs.svg"><figcaption>corner left bigarcs</figcaption></figure><figure><img src="04_low-wide-spirals.svg"><figcaption>low wide spirals</figcaption></figure><figure><img src="05_mid-jewel-dense.svg"><figcaption>mid jewel dense</figcaption></figure><figure><img src="06_right-rise-curl.svg"><figcaption>right rise curl</figcaption></figure><figure><img src="07_centered-long-reach.svg"><figcaption>centered long reach</figcaption></figure><figure><img src="08_distant-tiny-vast.svg"><figcaption>distant tiny vast</figcaption></figure><figure><img src="09_dawn-cosmic-streaks.svg"><figcaption>dawn cosmic streaks</figcaption></figure><figure><img src="10_horizon-symmetry.svg"><figcaption>horizon symmetry</figcaption></figure></div></body></html> |