15 lines
1.0 KiB
HTML
15 lines
1.0 KiB
HTML
<!DOCTYPE html><html><head><meta charset="utf-8">
|
|
<style>html,body{margin:0;background:#222}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;width:2400px}figure{margin:0;position:relative}img{width:100%;display:block}figcaption{position:absolute;left:0;bottom:0;padding:5px 8px;font:14px ui-monospace,monospace;color:#fff;background:#000a}</style></head><body>
|
|
<div class="grid" id=g></div><script>
|
|
const items=[
|
|
["QFT-001.svg","QFT-001 · turbulent"],
|
|
["GAUGE-2046.svg","GAUGE-2046 · turbulent"],
|
|
["FEYNMAN-7167.svg","FEYNMAN-7167 · tight"],
|
|
["LATTICE-1003.svg","LATTICE-1003 · balanced"],
|
|
["VACUUM-5113.svg","VACUUM-5113 · tight"],
|
|
["PROPAGATOR-2755.svg","PROPAGATOR-2755 · balanced"],
|
|
];
|
|
const base="http://localhost:8731/output/qft/sketch01/";const g=document.getElementById('g');
|
|
for(const[f,c]of items){const fig=document.createElement('figure');const im=document.createElement('img');im.src=base+f;const cap=document.createElement('figcaption');cap.textContent=c;fig.append(im,cap);g.append(fig);}
|
|
</script></body></html>
|