init the awkward code

static/html/jspaint/images/icons/safari-pinned-tab-source.svg

@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg4"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview6"
+     showgrid="true"
+     inkscape:zoom="16"
+     inkscape:cx="-0.88011253"
+     inkscape:cy="5.618052"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer2"
+     showguides="true"
+     inkscape:object-paths="false"
+     inkscape:snap-smooth-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3715" />
+    <inkscape:grid
+       type="xygrid"
+       id="grid3780"
+       spacingx="0.5"
+       spacingy="0.5"
+       empspacing="1000"
+       dotted="false" />
+  </sodipodi:namedview>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="Original Icon 16px"
+     style="display:inline"
+     sodipodi:insensitive="true">
+    <image
+       y="0"
+       x="0"
+       id="image3736"
+       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAAK/INwWK6QAAABl0RVh0 U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABIUExURfj4+MzMzAAAAIaGhkJCQrKysmZm Zurq6pmZmYAAAAAAgP//ADk5OXd3d+Pj44CAAMDAwP8AANfX1wAA/6CgpMwAZk1NTf///zdjoKEA AAAYdFJOU///////////////////////////////AM0TLuoAAACESURBVHjaVM5ZFsMgCAXQB4ga m8GmA/vfaVHTNH3HHy6owEx+MTM4AJEJniYDVAZAzJvSWg4R7EEUrrhPBGEmIoaJcnXYbv5OBysP fk2t9msdpJRv3eAtsvQzHxD6h1UlHGBBNT/jMtMJKe2afeCEFWnPcp3ASnqd6JDbmmNT4798BBgA MHgFhs/sAR8AAAAASUVORK5CYII= "
+       style="image-rendering:optimizeSpeed"
+       preserveAspectRatio="none"
+       height="16"
+       width="16" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Vector Icon"
+     style="display:inline;opacity:0.552">
+    <path
+       d="M 2,0 V 3.7735049 L 1.5,3 C 1.154704,2.4658236 0,4 0,4.5 0,4.7348627 0.06465177,4.9273855 0.26894269,5 L 1.144568,5.3112379 1,5.5 2,6.5 V 8 H 1 C 0.5,8 0,8 0,8.5 V 10 C 0,10.5 0.5,10.5 1,10.5 V 15 C 1,15.365539 1.6013156,16 2,16 H 16 V 3.5 L 12.5,0 Z M 3,1 H 12 V 4 H 15 V 15 H 9 V 10.5 C 9.5,10.5 10,10.5 10,10 V 8.5 C 10,8 9.5,7.99988 9,8 H 8.5 L 10.5,6 10.226563,5.7421875 11.5,5 C 12.005288,4.7055066 10.405109,2.8104521 10,3.5 L 9.265625,4.75 9,4.5 7,6.5 V 2.6999456 H 6.66667 L 7,1.5 C 7.1388938,1 4.8610979,1 5,1.5 L 5.33335,2.6999456 H 5.00002 L 5,7 3,5 Z"
+       id="path2"
+       inkscape:connector-curvature="0"
+       style="fill:#ff00ff;fill-rule:evenodd;stroke-width:1"
+       sodipodi:nodetypes="ccsssccccscccsscccccccccccssscccsscccccssccccc" />
+  </g>
+</svg>

static/html/jspaint/images/icons/safari-pinned-tab.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2 0v3.774L1.5 3C1.155 2.466 0 4 0 4.5c0 .235.065.427.269.5l.876.311L1 5.5l1 1V8H1c-.5 0-1 0-1 .5V10c0 .5.5.5 1 .5V15c0 .366.601 1 1 1h14V3.5L12.5 0zm1 1h9v3h3v11H9v-4.5c.5 0 1 0 1-.5V8.5C10 8 9.5 8 9 8h-.5l2-2-.273-.258L11.5 5c.505-.294-1.095-2.19-1.5-1.5l-.734 1.25L9 4.5l-2 2V2.7h-.333L7 1.5c.139-.5-2.139-.5-2 0l.333 1.2H5V7L3 5z"/>
+</svg>

static/html/jspaint/images/icons/silhouette-48x48.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48">
+  <path fill-rule="evenodd" d="M9 0v15l-2-2-.5.5-2.5-4c-.912-1.459-5 3.25-3.5 4l4 2-.5.5 5 5v3H8c-.5 0-1 .5-1.002 1v6C7 31.5 7.5 32 8 32.002V47c0 .5.5 1 1 1h39V9.5L38.5 0H9zm1 1h28v10h9v36H28V32c.5 0 1-.5 1-1v-6c0-.5-.5-1-1-1h-2l7.5-7.5-.5-.5 3.5-2.5c1.15-.822-2.75-4.7-3.5-3.5l-2.5 4-.5-.5L20 23V8h-1l1-4c.373-1.49-6.373-1.49-6 0l1 4h-1v12l-4-4V1zm0 21l2 2h-2v-2z"/>
+</svg>