4 lines
2.7 KiB
HTML
4 lines
2.7 KiB
HTML
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Composition templates · 20</title>
|
|
<style>html,body{margin:0;background:#15140f;color:#cabfa6;font:12px ui-monospace,monospace}h1{font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:#9fb7af;padding:18px 14px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px}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 9px;font:13px ui-monospace,monospace;color:#fff;background:linear-gradient(transparent,#000d)}</style></head><body>
|
|
<h1>Composition templates (20)</h1>
|
|
<div class="grid"><figure><img src="01_great-wave_v1.svg"><figcaption>Great Wave · Hokusai</figcaption></figure><figure><img src="02_great-wave_v2.svg"><figcaption>Great Wave · Hokusai</figcaption></figure><figure><img src="03_great-wave_v3.svg"><figcaption>Great Wave · Hokusai</figcaption></figure><figure><img src="04_monk-by-sea_v1.svg"><figcaption>Monk by the Sea · Friedrich</figcaption></figure><figure><img src="05_monk-by-sea_v2.svg"><figcaption>Monk by the Sea · Friedrich</figcaption></figure><figure><img src="06_rothko_v1.svg"><figcaption>Colour Fields · Rothko</figcaption></figure><figure><img src="07_rothko_v2.svg"><figcaption>Colour Fields · Rothko</figcaption></figure><figure><img src="08_turner_v1.svg"><figcaption>Atmospheric Dissolution · Turner</figcaption></figure><figure><img src="09_turner_v2.svg"><figcaption>Atmospheric Dissolution · Turner</figcaption></figure><figure><img src="10_turner_v3.svg"><figcaption>Atmospheric Dissolution · Turner</figcaption></figure><figure><img src="11_ma_v1.svg"><figcaption>Ma · Negative Space · Hiroshige</figcaption></figure><figure><img src="12_ma_v2.svg"><figcaption>Ma · Negative Space · Hiroshige</figcaption></figure><figure><img src="13_suprematist_v1.svg"><figcaption>Single Form on Void · Malevich</figcaption></figure><figure><img src="14_suprematist_v2.svg"><figcaption>Single Form on Void · Malevich</figcaption></figure><figure><img src="15_golden-thirds_v1.svg"><figcaption>Golden Section · Renaissance φ</figcaption></figure><figure><img src="16_golden-thirds_v2.svg"><figcaption>Golden Section · Renaissance φ</figcaption></figure><figure><img src="17_golden-thirds_v3.svg"><figcaption>Golden Section · Renaissance φ</figcaption></figure><figure><img src="18_wright_v1.svg"><figcaption>Cantilevered Horizontal · Frank Lloyd Wright</figcaption></figure><figure><img src="19_wright_v2.svg"><figcaption>Cantilevered Horizontal · Frank Lloyd Wright</figcaption></figure><figure><img src="20_wright_v3.svg"><figcaption>Cantilevered Horizontal · Frank Lloyd Wright</figcaption></figure></div></body></html> |