diff --git a/gerboweb/colors.svg b/gerboweb/colors.svg
new file mode 100644
index 0000000..d7b2eee
--- /dev/null
+++ b/gerboweb/colors.svg
@@ -0,0 +1,357 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="210mm"
+   height="297mm"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="colors.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.98994949"
+     inkscape:cx="192.41904"
+     inkscape:cy="301.38284"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1030"
+     inkscape:window-x="0"
+     inkscape:window-y="50"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:#006130;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713"
+       width="49.696209"
+       height="30.26951"
+       x="31.182737"
+       y="80.797615" />
+    <rect
+       style="fill:#00964a;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-3"
+       width="49.696209"
+       height="30.26951"
+       x="31.182737"
+       y="111.06712" />
+    <rect
+       style="fill:#00d167;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-3-6"
+       width="49.696209"
+       height="30.26951"
+       x="31.182737"
+       y="141.33664" />
+    <rect
+       style="fill:#4cffa4;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-3-6-7"
+       width="49.696209"
+       height="30.26951"
+       x="31.182737"
+       y="171.60614" />
+    <rect
+       style="fill:#b7ffda;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-3-6-7-5"
+       width="49.696209"
+       height="30.26951"
+       x="31.182737"
+       y="201.87566" />
+    <rect
+       style="fill:#e1fff0;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-3-6-7-5-3"
+       width="49.696209"
+       height="30.26951"
+       x="31.182737"
+       y="232.14517" />
+    <rect
+       style="fill:#003018;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-5"
+       width="49.696209"
+       height="30.26951"
+       x="31.182737"
+       y="50.528107" />
+    <rect
+       style="fill:#003761;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-6"
+       width="49.696209"
+       height="30.26951"
+       x="80.878944"
+       y="80.797615" />
+    <rect
+       style="fill:#005596;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-3-2"
+       width="49.696209"
+       height="30.26951"
+       x="80.878944"
+       y="111.06712" />
+    <rect
+       style="fill:#0076d1;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-3-6-9"
+       width="49.696209"
+       height="30.26951"
+       x="80.878944"
+       y="141.33664" />
+    <rect
+       style="fill:#4cb1ff;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-3-6-7-1"
+       width="49.696209"
+       height="30.26951"
+       x="80.878944"
+       y="171.60614" />
+    <rect
+       style="fill:#b7e0ff;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-3-6-7-5-2"
+       width="49.696209"
+       height="30.26951"
+       x="80.878944"
+       y="201.87566" />
+    <rect
+       style="fill:#e1f2ff;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-3-6-7-5-3-7"
+       width="49.696209"
+       height="30.26951"
+       x="80.878944"
+       y="232.14517" />
+    <rect
+       style="fill:#001b30;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-5-0"
+       width="49.696209"
+       height="30.26951"
+       x="80.878944"
+       y="50.528107" />
+    <rect
+       style="fill:#611200;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-6-9"
+       width="49.696209"
+       height="30.26951"
+       x="130.57515"
+       y="80.797615" />
+    <rect
+       style="fill:#961c00;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-3-2-3"
+       width="49.696209"
+       height="30.26951"
+       x="130.57515"
+       y="111.06712" />
+    <rect
+       style="fill:#d12700;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-3-6-9-6"
+       width="49.696209"
+       height="30.26951"
+       x="130.57515"
+       y="141.33664" />
+    <rect
+       style="fill:#ff6e4c;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-3-6-7-1-0"
+       width="49.696209"
+       height="30.26951"
+       x="130.57515"
+       y="171.60614" />
+    <rect
+       style="fill:#ffc5b7;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-3-6-7-5-2-6"
+       width="49.696209"
+       height="30.26951"
+       x="130.57515"
+       y="201.87566" />
+    <rect
+       style="fill:#ffe7e1;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-3-6-7-5-3-7-2"
+       width="49.696209"
+       height="30.26951"
+       x="130.57515"
+       y="232.14517" />
+    <rect
+       style="fill:#300900;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-5-0-6"
+       width="49.696209"
+       height="30.26951"
+       x="130.57515"
+       y="50.528107" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot4715"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
+       transform="matrix(0.26458333,0,0,0.26458333,1.7165056,1.561349)"><flowRegion
+         id="flowRegion4717"><rect
+           id="rect4719"
+           width="117.1777"
+           height="112.12693"
+           x="65.659912"
+           y="221.46361" /></flowRegion><flowPara
+         id="flowPara4721">1</flowPara></flowRoot>    <flowRoot
+       transform="matrix(0.26458333,0,0,0.26458333,1.9516334,31.90063)"
+       xml:space="preserve"
+       id="flowRoot4715-1"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"><flowRegion
+         id="flowRegion4717-8"><rect
+           id="rect4719-7"
+           width="117.1777"
+           height="112.12693"
+           x="65.659912"
+           y="221.46361" /></flowRegion><flowPara
+         id="flowPara4721-9">2</flowPara><flowPara
+         id="flowPara4747" /></flowRoot>    <flowRoot
+       transform="matrix(0.26458333,0,0,0.26458333,1.8301938,62.095201)"
+       xml:space="preserve"
+       id="flowRoot4715-1-2"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"><flowRegion
+         id="flowRegion4717-8-0"><rect
+           id="rect4719-7-2"
+           width="117.1777"
+           height="112.12693"
+           x="65.659912"
+           y="221.46361" /></flowRegion><flowPara
+         id="flowPara4747-7">3</flowPara></flowRoot>    <flowRoot
+       transform="matrix(0.26458333,0,0,0.26458333,1.8482805,92.369888)"
+       xml:space="preserve"
+       id="flowRoot4715-1-5"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"><flowRegion
+         id="flowRegion4717-8-9"><rect
+           id="rect4719-7-22"
+           width="117.1777"
+           height="112.12693"
+           x="65.659912"
+           y="221.46361" /></flowRegion><flowPara
+         id="flowPara4747-9">4</flowPara></flowRoot>    <flowRoot
+       transform="matrix(0.26458333,0,0,0.26458333,1.8637835,122.56446)"
+       xml:space="preserve"
+       id="flowRoot4715-1-7"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"><flowRegion
+         id="flowRegion4717-8-3"><rect
+           id="rect4719-7-6"
+           width="117.1777"
+           height="112.12693"
+           x="65.659912"
+           y="221.46361" /></flowRegion><flowPara
+         id="flowPara4747-2">5</flowPara></flowRoot>    <flowRoot
+       transform="matrix(0.26458333,0,0,0.26458333,1.7733497,152.90373)"
+       xml:space="preserve"
+       id="flowRoot4715-1-9"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"><flowRegion
+         id="flowRegion4717-8-31"><rect
+           id="rect4719-7-9"
+           width="117.1777"
+           height="112.12693"
+           x="65.659912"
+           y="221.46361" /></flowRegion><flowPara
+         id="flowPara4747-78">6</flowPara></flowRoot>    <flowRoot
+       transform="matrix(0.26458333,0,0,0.26458333,1.82761,183.17841)"
+       xml:space="preserve"
+       id="flowRoot4715-1-4"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"><flowRegion
+         id="flowRegion4717-8-5"><rect
+           id="rect4719-7-0"
+           width="117.1777"
+           height="112.12693"
+           x="65.659912"
+           y="221.46361" /></flowRegion><flowPara
+         id="flowPara4747-1">7</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot4842"
+       style="fill:black;fill-opacity:1;stroke:none;font-family:sans-serif;font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;letter-spacing:0px;word-spacing:0px"><flowRegion
+         id="flowRegion4844"><rect
+           id="rect4846"
+           width="118.18785"
+           height="803.07129"
+           x="-4.0406103"
+           y="164.89507" /></flowRegion><flowPara
+         id="flowPara4848"></flowPara></flowRoot>    <rect
+       style="fill:#611200;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-6-9-6"
+       width="49.696209"
+       height="30.26951"
+       x="130.57515"
+       y="80.797615" />
+    <rect
+       style="fill:#961c00;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-3-2-3-3"
+       width="49.696209"
+       height="30.26951"
+       x="130.57515"
+       y="111.06712" />
+    <rect
+       style="fill:#d12700;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-3-6-9-6-2"
+       width="49.696209"
+       height="30.26951"
+       x="130.57515"
+       y="141.33664" />
+    <rect
+       style="fill:#ff6e4c;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-3-6-7-1-0-0"
+       width="49.696209"
+       height="30.26951"
+       x="130.57515"
+       y="171.60614" />
+    <rect
+       style="fill:#ffc5b7;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-3-6-7-5-2-6-6"
+       width="49.696209"
+       height="30.26951"
+       x="130.57515"
+       y="201.87566" />
+    <rect
+       style="fill:#ffe7e1;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-3-6-7-5-3-7-2-1"
+       width="49.696209"
+       height="30.26951"
+       x="130.57515"
+       y="232.14517" />
+    <rect
+       style="fill:#300900;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-5-0-6-5"
+       width="49.696209"
+       height="30.26951"
+       x="130.57515"
+       y="50.528107" />
+    <rect
+       style="fill:#f5fbff;fill-opacity:1;stroke-width:0.1581243"
+       id="rect3713-3-6-7-5-3-7-5"
+       width="49.696209"
+       height="30.26951"
+       x="80.878944"
+       y="262.41467" />
+    <flowRoot
+       transform="matrix(0.26458333,0,0,0.26458333,1.8276101,213.44792)"
+       xml:space="preserve"
+       id="flowRoot4715-1-4-4"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"><flowRegion
+         id="flowRegion4717-8-5-7"><rect
+           id="rect4719-7-0-6"
+           width="117.1777"
+           height="112.12693"
+           x="65.659912"
+           y="221.46361" /></flowRegion><flowPara
+         id="flowPara4747-1-5">8</flowPara></flowRoot>  </g>
+</svg>