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_burnt-orange-pressure.svg"><figcaption>burnt orange pressure</figcaption></figure><figure><img src="02_gold-mid-pressure.svg"><figcaption>gold mid pressure</figcaption></figure><figure><img src="03_amber-soft-core.svg"><figcaption>amber soft core</figcaption></figure><figure><img src="04_coral-deep-core.svg"><figcaption>coral deep core</figcaption></figure><figure><img src="05_copper-pressure.svg"><figcaption>copper pressure</figcaption></figure><figure><img src="06_deep-ember-densecore.svg"><figcaption>deep ember densecore</figcaption></figure><figure><img src="07_rose-mid.svg"><figcaption>rose mid</figcaption></figure><figure><img src="08_magenta-pressure.svg"><figcaption>magenta pressure</figcaption></figure><figure><img src="09_graphite-on-orange.svg"><figcaption>graphite on orange</figcaption></figure><figure><img src="10_graphite-on-ember.svg"><figcaption>graphite on ember</figcaption></figure></div></body></html>
|