diff --git a/.gitignore b/.gitignore
index de4d1f0..8a396b9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 dist
 node_modules
+testing
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..4f3876f
--- /dev/null
+++ b/README.md
@@ -0,0 +1,4 @@
+primitive images built with:
+
+go install github.com/fogleman/primitive@latest
+~/go/bin/primitive -i /mnt/c/Users/Adam/Desktop/laputa-png.png -o output3.svg -n 250 -bg 5F8F58 -s 2471 -j 8 -m 3
\ No newline at end of file
diff --git a/assets/laputa.svg b/assets/laputa.svg
new file mode 100644
index 0000000..370dc3f
--- /dev/null
+++ b/assets/laputa.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1901" height="2471">
+
+<defs>
+    <filter id="blurMe" color-interpolation-filters="sRGB">
+        <feGaussianBlur in="SourceGraphic" stdDeviation="2" result="blur"/>
+    </filter>
+</defs>
+<path fill="#5f8f58" d="M0 0h1901v2471H0z"/><g filter="url(#blurMe)" transform="translate(4.83 4.83) scale(9.65234)" fill-opacity=".5"><ellipse fill="#2b1e39" cx="9" cy="10" rx="38" ry="136"/><ellipse fill="#886557" cx="124" cy="198" rx="112" ry="252"/><ellipse fill="#eaac67" cx="121" cy="99" rx="17" ry="34"/><ellipse fill="#1e2c2c" cx="19" cy="255" rx="67" ry="28"/><ellipse fill="#e3b0cb" cx="68" cy="10" rx="17" ry="24"/><ellipse fill="#ffc6ab" cx="194" cy="8" rx="28" ry="20"/><ellipse fill="#1d2139" cx="154" cy="27" rx="14" ry="31"/><ellipse fill="#e6b4a6" cx="130" cy="18" rx="12" ry="25"/><ellipse fill="#debd8f" cx="107" cy="62" rx="9" ry="30"/><ellipse fill="#0f2739" cx="52" cy="44" rx="44" ry="9"/><ellipse fill="#9fa041" cx="66" cy="96" rx="46" ry="23"/><ellipse fill="#3c3839" cx="8" cy="127" rx="106" ry="13"/><ellipse fill="#34352a" cx="120" cy="255" rx="17" ry="33"/><ellipse fill="#eba2ac" cx="153" cy="244" rx="20" ry="8"/><ellipse fill="#588468" cx="123" cy="160" rx="146" ry="28"/><ellipse fill="#3a2325" cx="177" cy="125" rx="36" ry="7"/><ellipse fill="#b2945b" cx="149" cy="213" rx="60" ry="10"/><ellipse fill="#002a3b" cx="196" cy="56" rx="20" ry="11"/><ellipse fill="#1a2b1a" cx="166" cy="232" rx="20" ry="7"/><ellipse fill="#f1bebf" cx="190" cy="40" rx="30" ry="4"/><ellipse cx="106" cy="26" rx="7" ry="6"/><ellipse fill="#ffbb6e" cx="176" cy="104" rx="24" ry="4"/><ellipse fill="#52613b" cx="176" cy="190" rx="54" ry="20"/><ellipse fill="#eea9ad" cx="93" cy="244" rx="12" ry="9"/><ellipse fill="#947f97" cx="58" cy="16" rx="22" ry="29"/><ellipse fill="#0b2735" cx="17" cy="28" rx="19" ry="21"/><ellipse fill="#556541" cx="135" cy="66" rx="11" ry="36"/><ellipse fill="#ffbf88" cx="148" cy="71" rx="2" ry="34"/><ellipse fill="#1c0f33" cx="192" cy="32" rx="46" ry="5"/><ellipse fill="#c7aa8a" cx="40" cy="96" rx="22" ry="8"/><ellipse fill="#e7eee1" cx="67" cy="230" rx="7" ry="6"/><ellipse fill="#f5c4a2" cx="134" cy="54" rx="2" ry="27"/><ellipse fill="#505857" cy="203" rx="30" ry="34"/><ellipse fill="#ffbabf" cx="195" cy="237" rx="8" ry="9"/><ellipse fill="#e4aab5" cx="58" cy="255" rx="10" ry="6"/><ellipse fill="#769131" cx="16" cy="81" rx="100" ry="7"/><ellipse fill="#d8b877" cx="84" cy="198" rx="12" ry="9"/><ellipse fill="#e7b78f" cx="152" cy="70" rx="51" ry="2"/><ellipse fill="#ffffec" cx="80" cy="222" rx="6" ry="4"/><ellipse fill="#17302d" cx="86" cy="233" rx="14" ry="6"/><ellipse fill="#122136" cx="177" cy="49" rx="54" ry="3"/><ellipse fill="#eeb190" cx="75" cy="91" rx="52" ry="2"/><ellipse fill="#ffa77b" cx="130" cy="126" rx="11" ry="6"/><ellipse fill="#406930" cx="101" cy="9" rx="18" ry="13"/><ellipse fill="#e5c0a7" cx="104" cy="43" rx="8" ry="12"/><ellipse fill="#020525" cx="143" cy="84" rx="2" ry="30"/><ellipse fill="#00000d" cx="12" cy="138" rx="19" ry="4"/><ellipse fill="#001f1d" cx="133" cy="229" rx="12" ry="5"/><ellipse fill="#edf1e5" cx="55" cy="212" rx="7" ry="4"/><ellipse fill="#11241e" cx="178" cy="239" rx="5" ry="14"/><ellipse fill="#ffac2e" cx="196" cy="198" rx="17" ry="4"/><ellipse fill="#8c8270" cx="45" cy="163" rx="48" ry="12"/><ellipse fill="#063e32" cx="6" cy="113" rx="24" ry="11"/><ellipse fill="#935f5b" cx="21" cy="128" rx="31" ry="6"/><ellipse fill="#ffbfbd" cx="119" cy="255" rx="4" ry="8"/><ellipse fill="#386d4d" cx="166" cy="156" rx="44" ry="8"/><ellipse fill="#0e1717" cx="146" cy="255" rx="25" ry="3"/><ellipse fill="#2f562b" cx="58" cy="181" rx="21" ry="6"/><ellipse fill="#8e987f" cx="35" cy="220" rx="6" ry="25"/><ellipse fill="#7c8f2d" cx="80" cy="111" rx="33" ry="10"/><ellipse fill="#ffffed" cx="114" cy="197" rx="5" ry="3"/><ellipse fill="#77a16e" cx="141" cy="140" rx="75" ry="8"/><ellipse fill="#b5c2a6" cx="28" cy="205" rx="21" ry="3"/><ellipse fill="#677b3a" cx="95" cy="70" rx="9" ry="25"/><ellipse fill="#3a4c5c" cx="40" cy="21" rx="11" ry="54"/><ellipse fill="#143124" cx="119" cy="39" rx="5" ry="9"/><ellipse fill="#c69b6b" cx="174" cy="220" rx="54" ry="5"/><ellipse fill="#f2c192" cx="192" cy="6" rx="3" ry="32"/><ellipse fill="#e3bf6e" cx="65" cy="190" rx="16" ry="3"/><ellipse fill="#ffcf6d" cx="115" cy="232" rx="8" ry="3"/><ellipse fill="#c4a199" cx="13" rx="8" ry="6"/><ellipse fill="#265137" cx="69" cy="210" rx="8" ry="12"/><ellipse fill="#819522" cx="182" cy="93" rx="34" ry="8"/><ellipse fill="#e6f3e3" cx="134" cy="219" rx="6" ry="4"/><ellipse fill="#385b30" cx="84" cy="42" rx="12" ry="15"/><ellipse fill="#ebd7ac" cx="150" cy="192" rx="7" ry="3"/><ellipse fill="#c7d3ac" cx="178" cy="176" rx="9" ry="3"/><ellipse fill="#ffffeb" cx="126" cy="202" rx="5" ry="3"/><circle fill="#cfb396" cx="70" r="17"/><ellipse fill="#f4cbaa" cx="137" cy="22" rx="3" ry="19"/><ellipse fill="#3d4833" cx="107" cy="189" rx="27" ry="4"/><ellipse fill="#f6f0d7" cx="93" cy="211" rx="4" ry="5"/><ellipse fill="#303e39" cx="3" cy="246" rx="45" ry="21"/><ellipse fill="#343151" cx="131" cy="49" rx="2" ry="32"/><ellipse fill="#6d8928" cx="180" cy="113" rx="46" ry="7"/><ellipse fill="#cea1b6" cx="188" cy="255" rx="12" ry="6"/><circle fill="#f6f5d2" cx="53" cy="197" r="4"/><ellipse fill="#b88983" cx="172" cy="13" rx="10" ry="14"/><ellipse fill="#123a3f" cx="175" cy="84" rx="12" ry="4"/><ellipse fill="#4f884a" cy="54" rx="56" ry="6"/><ellipse fill="#e8b380" cx="137" cy="242" rx="14" ry="3"/><ellipse fill="#486e34" cx="51" cy="231" rx="10" ry="18"/><ellipse fill="#00134a" cx="66" cy="62" rx="9" ry="3"/><ellipse fill="#f0b68f" cx="101" cy="63" rx="13" ry="3"/><ellipse fill="#0b2a26" cx="104" cy="203" rx="8" ry="4"/><ellipse fill="#2b403f" cx="154" cy="182" rx="38" ry="3"/><ellipse fill="#15212f" cx="45" cy="46" rx="23" ry="5"/><ellipse fill="#adb89a" cx="93" cy="168" rx="13" ry="4"/><ellipse fill="#445536" cx="24" cy="212" rx="16" ry="6"/><ellipse fill="#0e2319" cx="79" cy="97" rx="7" ry="3"/><ellipse fill="#133836" cx="30" cy="72" rx="28" ry="3"/><ellipse fill="#2a745f" cx="65" cy="145" rx="34" ry="4"/><ellipse fill="#2f383f" cx="152" rx="13" ry="31"/><ellipse fill="#d9d3b5" cx="152" cy="165" rx="8" ry="3"/><ellipse fill="#bda577" cx="75" cy="156" rx="8" ry="9"/><ellipse fill="#4c7814" cx="44" cy="95" rx="16" ry="2"/><ellipse fill="#1f2a26" cx="157" cy="254" rx="2" ry="22"/><ellipse fill="#b7c3ac" cx="60" cy="208" rx="7" ry="5"/><ellipse fill="#a99564" cx="106" cy="208" rx="4" ry="30"/><ellipse fill="#53675a" cx="42" cy="107" rx="31" ry="4"/><ellipse fill="#110e2f" cx="26" cy="9" rx="7" ry="14"/><ellipse fill="#d8a16b" cx="120" cy="103" rx="10" ry="24"/><ellipse fill="#21462b" cx="152" cy="198" rx="26" ry="3"/><ellipse fill="#8c8171" cx="1" cy="216" rx="25" ry="9"/><ellipse fill="#c9afa2" cx="1" cy="45" rx="3" ry="6"/><ellipse fill="#082d23" cx="117" cy="222" rx="5" ry="4"/><ellipse fill="#15212a" cx="123" cy="10" rx="1" ry="24"/><ellipse fill="#102825" cx="131" cy="252" rx="8" ry="9"/><circle fill="#fde9cd" cx="165" cy="186" r="3"/><ellipse fill="#3b6d40" cx="28" cy="193" rx="25" ry="5"/><ellipse fill="#b9a464" cx="162" cy="78" rx="7" ry="12"/><ellipse fill="#d1cbc0" cx="140" cy="188" rx="7" ry="3"/><ellipse fill="#1d4b34" cx="54" cy="200" rx="17" ry="3"/><ellipse fill="#61601f" cx="194" cy="208" rx="22" ry="8"/><ellipse fill="#001c30" cx="55" cy="123" rx="6" ry="5"/><ellipse fill="#274035" cx="97" cy="216" rx="14" ry="2"/><ellipse fill="#a895a4" cx="46" rx="16" ry="3"/><ellipse fill="#e9b095" cx="34" cy="87" rx="4" ry="7"/><ellipse fill="#eaaf94" cx="169" cy="214" rx="3" ry="11"/><circle fill="#fbcca8" cx="131" cy="15" r="6"/><circle fill="#7b8eb6" cx="28" cy="226" r="5"/><ellipse fill="#bc9293" cx="166" cy="245" rx="10" ry="9"/><ellipse fill="#a7aa79" cx="109" cy="155" rx="15" ry="4"/><ellipse fill="#9d8647" cx="151" cy="217" rx="12" ry="14"/><ellipse fill="#415e35" cx="69" cy="239" rx="17" ry="7"/><ellipse fill="#4e8238" cx="164" cy="59" rx="15" ry="10"/><ellipse fill="#436a40" cx="70" cy="179" rx="6" ry="11"/><ellipse fill="#2b2834" cx="110" cy="123" rx="3" ry="9"/><ellipse fill="#316647" cx="120" cy="162" rx="44" ry="2"/><ellipse fill="#315024" cy="198" rx="14" ry="9"/><ellipse fill="#8f7c81" cx="167" cy="37" rx="18" ry="2"/><ellipse fill="#031b1b" cx="113" cy="242" rx="10" ry="3"/><ellipse fill="#9eb687" cx="196" cy="167" rx="14" ry="6"/><ellipse fill="#0c191c" cx="108" cy="29" rx="10" ry="4"/><ellipse fill="#495643" cx="144" cy="114" rx="9" ry="10"/><ellipse fill="#667968" cx="23" cy="177" rx="7" ry="40"/><circle fill="#2e3f2a" cx="180" cy="239" r="8"/><ellipse fill="#5e8730" cx="114" rx="20" ry="4"/><ellipse fill="#ffb731" cx="178" cy="193" rx="4" ry="3"/><ellipse fill="#cc996b" cx="147" cy="74" rx="2" ry="32"/><circle fill="#4a8355" cx="125" cy="160" r="16"/><ellipse fill="#b79d4e" cx="151" cy="147" rx="15" ry="3"/><ellipse fill="#5d8932" cx="38" cy="66" rx="19" ry="5"/><circle fill="#10314a" cx="22" cy="87" r="5"/><ellipse fill="#dcab9e" cx="142" cy="240" rx="4" ry="9"/><ellipse fill="#e5bea8" cx="119" cy="19" rx="3" ry="8"/><ellipse fill="#8aa4d3" cx="14" cy="248" rx="3" ry="4"/><ellipse fill="#d99264" cx="124" cy="121" rx="13" ry="12"/><ellipse fill="#827956" cx="181" cy="28" rx="2" ry="12"/><ellipse fill="#1d5043" cx="38" cy="118" rx="20" ry="4"/><ellipse fill="#cab0b0" cx="83" cy="21" rx="4" ry="6"/><ellipse fill="#6a82b1" cx="34" cy="242" rx="4" ry="6"/><ellipse fill="#245643" cx="5" cy="17" rx="12" ry="16"/><ellipse fill="#445c50" cy="161" rx="26" ry="5"/><ellipse fill="#1b2421" cx="108" cy="255" rx="7" ry="8"/><ellipse fill="#726570" cx="163" rx="7" ry="23"/><ellipse fill="#779427" cx="134" cy="88" rx="8" ry="11"/><circle fill="#c8ccb6" cx="69" cy="230" r="6"/><ellipse fill="#132222" cx="141" cy="46" rx="5" ry="7"/><ellipse fill="#1e3930" cx="63" cy="219" rx="14" ry="2"/><ellipse fill="#9c9780" cx="15" cy="147" rx="13" ry="4"/><ellipse fill="#99896d" cx="134" cy="41" rx="2" ry="22"/><ellipse fill="#3b533e" cx="118" cy="50" rx="5" ry="13"/><ellipse fill="#0f342e" cx="105" cy="203" rx="8" ry="3"/><ellipse fill="#fad296" cx="128" cy="6" rx="8" ry="3"/><ellipse fill="#809cd1" cx="5" cy="233" rx="4" ry="3"/><ellipse fill="#1f3f37" cx="104" cy="101" rx="5" ry="3"/><circle fill="#20552c" cx="131" cy="211" r="4"/><ellipse fill="#e2d5b7" cx="92" cy="181" rx="4" ry="3"/><ellipse fill="#dfd3b9" cx="104" cy="185" rx="4" ry="3"/><ellipse fill="#3f6841" cx="151" cy="133" rx="15" ry="4"/><ellipse fill="#3f5752" cx="75" cy="155" rx="17" ry="2"/><ellipse fill="#c2b073" cx="36" cy="154" rx="11" ry="3"/><ellipse fill="#282620" cx="195" cy="248" rx="8" ry="3"/><ellipse fill="#213b1d" cx="22" cy="209" rx="4" ry="5"/><ellipse fill="#7f9156" cx="115" cy="49" rx="10" ry="4"/><ellipse fill="#fffcdf" cx="196" cy="184" rx="5" ry="2"/><ellipse fill="#efc67f" cx="171" cy="78" rx="7" ry="2"/><ellipse fill="#445e42" cx="84" cy="197" rx="2" ry="17"/><circle fill="#918f5f" cx="147" cy="41" r="4"/><ellipse fill="#2a472a" cx="95" cy="227" rx="3" ry="12"/><ellipse fill="#274844" cx="175" cy="83" rx="14" ry="3"/><ellipse fill="#ccb390" cx="64" cy="165" rx="3" ry="9"/><ellipse fill="#677f39" cx="72" cy="71" rx="33" ry="6"/><circle fill="#203320" cx="75" cy="252" r="8"/><ellipse fill="#ce9a86" cx="92" cy="248" rx="10" ry="7"/><ellipse fill="#845246" cx="90" cy="129" rx="17" ry="6"/><ellipse fill="#d4c9b2" cx="28" cy="175" rx="2" ry="7"/><ellipse fill="#b6bba7" cx="8" cy="168" rx="13" ry="2"/><ellipse fill="#dbe1cf" cx="65" cy="192" rx="4" ry="3"/><ellipse fill="#4f5949" cx="155" cy="187" rx="5" ry="12"/><ellipse fill="#1f5a43" cy="97" rx="21" ry="12"/><ellipse fill="#162126" cx="165" cy="48" rx="15" ry="3"/><circle fill="#00001a" cx="19" cy="61" r="4"/><ellipse fill="#cba558" cx="146" cy="211" rx="4" ry="11"/><ellipse fill="#ffffde" cx="78" cy="176" rx="3" ry="2"/><ellipse fill="#5f893b" cx="196" cy="83" rx="15" ry="11"/><ellipse fill="#d5c289" cx="86" cy="219" rx="4" ry="3"/><ellipse fill="#ffe9c7" cx="35" cy="205" rx="3" ry="4"/><ellipse fill="#f5b577" cx="132" cy="104" rx="9" ry="3"/><ellipse fill="#d49f50" cx="164" cy="200" rx="2" ry="9"/><ellipse fill="#d3aeb2" cx="184" cy="255" rx="4" ry="10"/><ellipse fill="#dab3a6" cx="88" cy="241" rx="3" ry="8"/><ellipse fill="#635151" cx="135" cy="108" rx="16" ry="2"/><ellipse fill="#e7af51" cx="107" cy="224" rx="5" ry="4"/><ellipse fill="#244e41" cx="52" cy="160" rx="4" ry="6"/><ellipse fill="#dbb485" cx="196" cy="3" rx="21" ry="20"/><ellipse fill="#2a4e35" cx="127" cy="75" rx="5" ry="4"/><ellipse fill="#00042c" cx="86" cy="47" rx="5" ry="4"/><ellipse fill="#4a905e" cx="20" cy="26" rx="4" ry="6"/><ellipse fill="#1a5131" cx="172" cy="193" rx="3" ry="12"/><ellipse fill="#0a152f" cx="93" cy="81" rx="2" ry="6"/><ellipse fill="#e8a23d" cx="185" cy="195" rx="2" ry="9"/><ellipse fill="#0f2d29" cx="127" cy="191" rx="6" ry="4"/><ellipse fill="#607740" cx="113" cy="1" rx="5" ry="36"/><ellipse fill="#07302e" cx="164" cy="210" rx="2" ry="4"/><ellipse fill="#e3d8b2" cx="13" cy="205" rx="3" ry="4"/><ellipse fill="#192236" cx="152" cy="21" rx="8" ry="11"/><ellipse fill="#48573f" cx="141" cy="213" rx="13" ry="2"/><ellipse fill="#d0b0a1" cx="128" cy="23" rx="3" ry="19"/><circle fill="#ffffe9" cx="100" cy="172" r="2"/><ellipse fill="#57672d" cx="144" cy="7" rx="4" ry="33"/><ellipse fill="#e9a6a8" cx="34" cy="184" rx="4" ry="3"/><ellipse fill="#918287" cx="56" rx="7" ry="44"/><ellipse fill="#4f6949" cx="48" cy="184" rx="2" ry="41"/><ellipse fill="#34453e" cx="140" cy="184" rx="29" ry="2"/><ellipse fill="#154627" cx="66" cy="174" rx="9" ry="2"/><ellipse fill="#0b0b19" cy="140" rx="9" ry="5"/><ellipse fill="#000008" cx="173" cy="254" rx="2" ry="4"/><circle fill="#feeed1" cx="70" cy="183" r="2"/><ellipse fill="#e0e4d4" cx="79" cy="200" rx="5" ry="3"/><ellipse fill="#273425" cx="110" cy="218" rx="3" ry="4"/><ellipse fill="#2e4531" cx="89" cy="7" rx="2" ry="22"/><ellipse fill="#c0ada0" cx="96" cy="30" rx="3" ry="6"/><ellipse fill="#eed48d" cy="210" rx="5" ry="3"/><ellipse fill="#001e1a" cx="86" cy="211" rx="2" ry="4"/><ellipse fill="#05101a" cx="25" cy="136" rx="13" ry="2"/><ellipse fill="#3c5039" cx="25" cy="211" rx="18" ry="3"/><ellipse fill="#c7a65e" cx="115" cy="212" rx="8" ry="6"/><ellipse fill="#000010" cx="104" cy="27" rx="6" ry="5"/></g></svg>
\ No newline at end of file
diff --git a/src/build.js b/src/build.js
index 63b7ec6..57e1cb5 100644
--- a/src/build.js
+++ b/src/build.js
@@ -41,7 +41,8 @@ for (const [name, f] of Object.entries(fonts)) {
     const laputa = await readFile('assets/laputa.webp');
     const outName = `static/laputa.${makeHash(laputa)}.webp`;
     await writeFile('dist/' + outName, laputa);
-    html = html.replace('LAPUTA', outName);
+    const svg = await readFile('assets/laputa.svg');
+    html = html.replace('LAPUTA_WEBP', outName).replace('LAPUTA_SVG', 'data:image/svg+xml;base64,' + svg.toString('base64'));
 }
 
 await writeFile('dist/index.html', html);
diff --git a/src/index.html b/src/index.html
index 74fb478..50f1b7d 100644
--- a/src/index.html
+++ b/src/index.html
@@ -9,13 +9,12 @@
             box-sizing: border-box;
         }
         body {
-            background-image: url(LAPUTA);
+            background-image: url(LAPUTA_WEBP), URL(LAPUTA_SVG);
             /* todo: revist image-set */
             background-position-x: center;
             background-size: cover;
 
             color: white;
-            margin-top: 2em;
 
             font-family: Inter, sans-serif;
             font-size: 14px;