14 lines
1.5 KiB
HTML
14 lines
1.5 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_tonal-magenta-echo.svg"><figcaption>tonal magenta echo</figcaption></figure>
|
|
<figure><img src="02_magenta-teal-duotone.svg"><figcaption>magenta teal duotone</figcaption></figure>
|
|
<figure><img src="03_ember-gold-underglow.svg"><figcaption>ember gold underglow</figcaption></figure>
|
|
<figure><img src="04_violet-indigo-recede.svg"><figcaption>violet indigo recede</figcaption></figure>
|
|
<figure><img src="05_verdigris-chladni.svg"><figcaption>verdigris chladni</figcaption></figure>
|
|
<figure><img src="06_teal-lattice-gold-links.svg"><figcaption>teal lattice gold links</figcaption></figure>
|
|
<figure><img src="07_rose-ghost-quiet.svg"><figcaption>rose ghost quiet</figcaption></figure>
|
|
<figure><img src="08_pale-spectral-lattice.svg"><figcaption>pale spectral lattice</figcaption></figure>
|
|
<figure><img src="09_cyan-blueprint-ripples.svg"><figcaption>cyan blueprint ripples</figcaption></figure>
|
|
<figure><img src="10_trace-family-communion.svg"><figcaption>trace family communion</figcaption></figure>
|
|
</div></body></html> |