3 lines
1.2 KiB
HTML
3 lines
1.2 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:2100px}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:13px ui-monospace,monospace;color:#fff;background:linear-gradient(transparent,#000d)}</style></head><body>
|
|
<div class="grid"><figure><img src="01_floor-1pt.svg"><figcaption>one-point floor to horizon</figcaption></figure><figure><img src="02_floor-shallow.svg"><figcaption>shallow pitch · distant horizon</figcaption></figure><figure><img src="03_floor-2pt.svg"><figcaption>two-point (yaw 22°)</figcaption></figure><figure><img src="04_steep-tile.svg"><figcaption>steeper · tighter tiles</figcaption></figure><figure><img src="05_dense-fine.svg"><figcaption>dense fine grid</figcaption></figure><figure><img src="06_gentle-ripple.svg"><figcaption>gentle floor ripple (still straight-ish)</figcaption></figure><figure><img src="07_teal-zoom.svg"><figcaption>teal · zoomed in</figcaption></figure><figure><img src="08_2pt-shifted.svg"><figcaption>two-point · shifted VP</figcaption></figure></div></body></html> |