24 lines
1.8 KiB
HTML
24 lines
1.8 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-wavepacket-bulge.svg","01 single wavepacket bulge"],
|
||
|
|
["02_two-wavepackets-interference.svg","02 two wavepackets interfering"],
|
||
|
|
["03_wavepacket-dimple.svg","03 wavepacket dimple (inward)"],
|
||
|
|
["04_ripples-single-source.svg","04 ripples · single source"],
|
||
|
|
["05_two-ripple-sources-interfering.svg","05 two ripples interfering"],
|
||
|
|
["06_schrodinger-atom.svg","06 Schrödinger atom"],
|
||
|
|
["07_dense-cubic-with-wavepacket.svg","07 dense cubic + wavepacket"],
|
||
|
|
["08_dense-cubic-with-ripples.svg","08 dense cubic + ripples"],
|
||
|
|
["09_multi-particles-with-ripples-and-nautilus.svg","09 multi particles + nautilus"],
|
||
|
|
["10_ripple-field-dominant.svg","10 ripple field dominant"],
|
||
|
|
["11_wavepacket-at-edge-cubic-bleed.svg","11 particle at edge · cubic bleeds"],
|
||
|
|
["12_asymmetric-perturbed-field.svg","12 asymmetric perturbed field"],
|
||
|
|
["13_diatomic-two-particles-linked.svg","13 diatomic two particles"],
|
||
|
|
["14_field-cascade.svg","14 field cascade · varied scales"],
|
||
|
|
["15_quiet-single-ripple.svg","15 quiet single ripple"],
|
||
|
|
];
|
||
|
|
const base="http://localhost:8731/output/qft/sketch08/";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>
|