27 lines
1.9 KiB
HTML
27 lines
1.9 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;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" id=g></div><script>
|
||
|
|
const items=[
|
||
|
|
["01_single-vortex-cubic.svg","01 single vortex · cubic swirls"],
|
||
|
|
["02_dipole-counter-vortices.svg","02 dipole · counter vortices"],
|
||
|
|
["03_vortex-with-spinning-ripples.svg","03 vortex + spinning ripples"],
|
||
|
|
["04_vortex-particle-spin.svg","04 vortex + wavepacket · spin"],
|
||
|
|
["05_horizontal-standing-wave.svg","05 horizontal standing wave"],
|
||
|
|
["06_chladni-interference.svg","06 Chladni · crossed waves"],
|
||
|
|
["07_standing-wave-plus-wavepacket.svg","07 standing wave + wavepacket"],
|
||
|
|
["08_heavily-curved-links.svg","08 heavily curved links"],
|
||
|
|
["09_curved-links-and-nautilus-chain.svg","09 curved links + nautilus chain"],
|
||
|
|
["10_full-turbulence.svg","10 full turbulence"],
|
||
|
|
["11_molecular-vibration.svg","11 molecular vibration"],
|
||
|
|
["12_orbital-with-spin.svg","12 orbital with spin"],
|
||
|
|
["13_field-gradient-shear.svg","13 field gradient shear"],
|
||
|
|
["14_multi-vortex-chaos.svg","14 multi-vortex chaos"],
|
||
|
|
["15_perturbation-cascade.svg","15 perturbation cascade"],
|
||
|
|
["16_asymmetric-riot.svg","16 asymmetric riot"],
|
||
|
|
["17_spectral-vortex-storm.svg","17 spectral vortex storm"],
|
||
|
|
["18_quiet-single-vortex.svg","18 quiet single vortex"],
|
||
|
|
];
|
||
|
|
const base="http://localhost:8731/output/qft/sketch09/";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>
|