Revised diagrams in intro, installation, architecture, and application chapters. #19897

Change-Id: I42673cabcd171dd560dfe84fd84eb86e7ba11733

documentation/application/application-overview.asciidoc

@@ -19,7 +19,7 @@ by the application server or the application itself.
 
 [[figure.application.architecture]]
 .Server-Side Application Architecture
-image::img/application-architecture-hi.png[width=70%, scaledwidth=100%]
+image::img/application-architecture-hi.png[width=75%, scaledwidth=90%]
 
 <<figure.application.architecture>> illustrates the basic architecture of an
 application made with the Vaadin Framework, with all the major elements, which

documentation/application/img/application-architecture.svg

@@ -0,0 +1,970 @@
+<?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"
+   height="1536.1"
+   width="1463.1"
+   xml:space="preserve"
+   viewBox="0 0 1463.1 1536.1"
+   y="0px"
+   x="0px"
+   id="Layer_1"
+   version="1.1"><metadata
+     id="metadata973"><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="defs971" /><style
+     id="style3"
+     type="text/css">
+	.st0{fill:none;stroke:#FF3A4B;stroke-miterlimit:10;}
+	.st1{fill:#FFFFFF;stroke:#E61E6E;stroke-miterlimit:10;}
+	.st2{fill:none;stroke:#7F7F7F;stroke-miterlimit:10;}
+	.st3{fill:none;stroke:#33393B;stroke-width:2;stroke-miterlimit:10;}
+	.st4{fill:none;}
+	.st5{fill:#E5E7E9;}
+	.st6{fill:none;stroke:#231F20;stroke-miterlimit:10;}
+	.st7{fill:none;stroke:#000000;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st8{fill:none;stroke:#000000;stroke-miterlimit:10;}
+	.st9{fill:none;stroke:#00B4F0;stroke-miterlimit:10;}
+	.st10{fill:#FF3A4B;}
+	.st11{fill:none;stroke:#FF3A4B;stroke-width:2;stroke-miterlimit:10;}
+	.st12{fill:none;stroke:#00B4F0;stroke-width:2;stroke-miterlimit:10;}
+	.st13{fill:#FFFFFF;}
+	.st14{fill:#33393B;}
+	.st15{fill:#FF3B4A;}
+	.st16{fill:#00B4F0;}
+	.st17{fill:none;stroke:#33393B;stroke-miterlimit:10;}
+</style><rect
+     style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10"
+     id="rect5"
+     height="1172.1"
+     width="1452.1"
+     class="st0"
+     y="272.70001"
+     x="5.5" /><rect
+     style="fill:#ffffff;stroke:#e61e6e;stroke-miterlimit:10"
+     id="rect7"
+     height="192"
+     width="1270.3"
+     class="st1"
+     y="1338.6"
+     x="130.5" /><g
+     transform="translate(-356.5,-160.5)"
+     id="g55"><path
+       id="path57"
+       d="m 757.9,254.8 -3.7,-12.3 -3.8,12.3 -2.7,0 -5.2,-15.8 2.9,0 3.8,12.8 3.8,-12.8 2.6,0 3.8,12.8 3.8,-12.8 2.7,0 -5.3,15.8 -2.7,0 z" /><path
+       id="path59"
+       d="m 774.9,241.4 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path
+       id="path61"
+       d="m 798.4,239 c 3.3,0 5.3,1.5 5.3,3.9 0,1.8 -1.1,3.1 -2.8,3.5 2.1,0.4 3.4,1.9 3.4,4 0,2.7 -2.2,4.3 -5.7,4.3 l -7,0 0,-15.7 6.8,0 z m -4.2,6.5 4.1,0 c 1.7,0 2.7,-0.8 2.7,-2.1 0,-1.3 -1,-2.1 -2.7,-2.1 l -4.1,0 0,4.2 z m 0,6.9 4.1,0 c 2.1,0 3.3,-0.8 3.3,-2.3 0,-1.4 -1.2,-2.2 -3.3,-2.2 l -4.1,0 0,4.5 z" /><path
+       id="path63"
+       d="m 829.1,239 c 3.3,0 5.3,1.5 5.3,3.9 0,1.8 -1.1,3.1 -2.8,3.5 2.1,0.4 3.4,1.9 3.4,4 0,2.7 -2.2,4.3 -5.7,4.3 l -7,0 0,-15.7 6.8,0 z m -4.2,6.5 4.1,0 c 1.7,0 2.7,-0.8 2.7,-2.1 0,-1.3 -1,-2.1 -2.7,-2.1 l -4.1,0 0,4.2 z m 0,6.9 4.1,0 c 2.1,0 3.3,-0.8 3.3,-2.3 0,-1.4 -1.2,-2.2 -3.3,-2.2 l -4.1,0 0,4.5 z" /><path
+       id="path65"
+       d="m 849.8,250 c -0.2,0 -0.5,0 -0.7,0 l -3.7,0 0,4.8 -2.7,0 0,-15.8 6.4,0 c 4,0 6.4,2 6.4,5.4 0,2.5 -1.2,4.3 -3.3,5.1 l 3.5,5.3 -3,0 -2.9,-4.8 z m -0.7,-2.4 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.7,0 0,6.2 3.7,0 z" /><path
+       id="path67"
+       d="m 878.9,246.9 c 0,4.5 -3.7,8 -8.4,8 -4.7,0 -8.4,-3.5 -8.4,-8 0,-4.5 3.7,-8 8.4,-8 4.8,0 8.4,3.5 8.4,8 z m -14,0 c 0,3.1 2.6,5.6 5.7,5.6 3.1,0 5.6,-2.5 5.6,-5.6 0,-3.1 -2.5,-5.6 -5.6,-5.6 -3.1,0 -5.7,2.5 -5.7,5.6 z" /><path
+       id="path69"
+       d="m 899.5,254.8 -3.7,-12.3 -3.8,12.3 -2.7,0 -5.3,-15.8 2.9,0 3.8,12.8 3.8,-12.8 2.6,0 3.8,12.8 3.8,-12.8 2.7,0 -5.3,15.8 -2.6,0 z" /><path
+       id="path71"
+       d="m 924.6,240.5 -1.1,2.3 c -1.7,-1 -3.4,-1.5 -4.6,-1.5 -1.6,0 -2.6,0.6 -2.6,1.6 0,3.4 8.5,1.6 8.5,7.3 0,2.8 -2.5,4.6 -5.9,4.6 -2.5,0 -4.8,-1 -6.4,-2.5 l 1.1,-2.3 c 1.6,1.5 3.7,2.3 5.3,2.3 1.8,0 3,-0.7 3,-1.9 0,-3.5 -8.5,-1.6 -8.5,-7.2 0,-2.7 2.3,-4.4 5.7,-4.4 2,0.1 4,0.8 5.5,1.7 z" /><path
+       id="path73"
+       d="m 935.1,241.4 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path
+       id="path75"
+       d="m 958.8,250 c -0.2,0 -0.5,0 -0.7,0 l -3.7,0 0,4.8 -2.7,0 0,-15.8 6.4,0 c 4,0 6.4,2 6.4,5.4 0,2.5 -1.2,4.3 -3.3,5.1 l 3.5,5.3 -3,0 -2.9,-4.8 z m -0.7,-2.4 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.7,0 0,6.2 3.7,0 z" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g77"><path
+       id="path79"
+       d="m 757.2,275.4 -1.1,1.4 c -1.2,-1.2 -2.9,-2 -4.7,-2 -3.6,0 -6.4,2.8 -6.4,6.2 0,3.4 2.9,6.2 6.4,6.2 1.7,0 3.4,-0.7 4.7,-1.9 l 1.1,1.2 c -1.6,1.5 -3.7,2.4 -5.9,2.4 -4.6,0 -8.2,-3.5 -8.2,-8 0,-4.4 3.7,-7.9 8.2,-7.9 2.3,0.1 4.4,1 5.9,2.4 z" /><path
+       id="path81"
+       d="m 761.5,289 0,-16.7 1.8,0 0,16.7 -1.8,0 z" /><path
+       id="path83"
+       d="m 770.8,273.7 c 0,0.7 -0.5,1.2 -1.1,1.2 -0.7,0 -1.1,-0.5 -1.1,-1.2 0,-0.7 0.5,-1.2 1.1,-1.2 0.6,0 1.1,0.5 1.1,1.2 z m -2,15.3 0,-11.9 1.7,0 0,11.9 -1.7,0 z" /><path
+       id="path85"
+       d="m 786.1,283.7 -9.7,0 c 0.3,2.3 2,3.8 4.3,3.8 1.5,0 2.8,-0.5 3.7,-1.5 l 1,1 c -1.1,1.3 -2.8,2 -4.8,2 -3.5,0 -5.9,-2.5 -5.9,-6 0,-3.5 2.4,-6 5.9,-6 3.8,0 5.7,2.7 5.5,6.7 z m -1.5,-1.4 c -0.1,-2.3 -1.6,-3.7 -4,-3.7 -2.3,0 -3.9,1.5 -4.1,3.7 l 8.1,0 z" /><path
+       id="path87"
+       d="m 801.1,281.6 0,7.3 -1.8,0 0,-6.9 c 0,-2.1 -1.3,-3.3 -3.4,-3.3 -2.3,0 -3.8,1.6 -4,3.8 l 0,6.4 -1.8,0 0,-11.9 1.8,0 0,2.6 c 0.8,-1.8 2.4,-2.7 4.6,-2.7 3,0.1 4.6,1.9 4.6,4.7 z" /><path
+       id="path89"
+       d="m 812.3,288.2 c -0.8,0.6 -1.7,0.9 -2.7,0.9 -1.7,0 -3,-1 -3,-3.4 l 0,-6.8 -1.7,0 0,-1.4 1.7,0 0,-3.1 1.7,0 0,3.1 3.8,0 0,1.4 -3.8,0 0,6.5 c 0,1.4 0.6,2 1.6,2 0.6,0 1.2,-0.2 1.9,-0.6 l 0.5,1.4 z" /><path
+       id="path91"
+       d="m 830.3,278.1 -0.7,1.4 c -0.9,-0.6 -2.1,-1 -3.2,-1 -1.3,0 -2.3,0.5 -2.3,1.6 0,2.6 6.6,1.3 6.6,5.5 0,2.3 -2.1,3.4 -4.4,3.4 -1.7,0 -3.4,-0.6 -4.6,-1.7 l 0.7,-1.3 c 1,0.9 2.5,1.5 3.9,1.5 1.4,0 2.5,-0.5 2.5,-1.7 0.1,-2.9 -6.6,-1.4 -6.6,-5.6 0,-2.3 2,-3.2 4.1,-3.2 1.7,0 3.1,0.4 4,1.1 z" /><path
+       id="path93"
+       d="m 836.8,273.7 c 0,0.7 -0.5,1.2 -1.1,1.2 -0.7,0 -1.1,-0.5 -1.1,-1.2 0,-0.7 0.5,-1.2 1.1,-1.2 0.6,0 1.1,0.5 1.1,1.2 z m -2.1,15.3 0,-11.9 1.7,0 0,11.9 -1.7,0 z" /><path
+       id="path95"
+       d="m 852.8,289 -1.8,0 0,-2.5 c -0.9,1.7 -2.5,2.6 -4.6,2.6 -3.4,0 -5.7,-2.5 -5.7,-6 0,-3.6 2.3,-6 5.7,-6 2.1,0 3.8,1 4.6,2.7 l 0,-7.4 1.8,0 0,16.6 z m -1.8,-5.9 c 0,-2.6 -1.8,-4.5 -4.3,-4.5 -2.5,0 -4.3,1.9 -4.3,4.5 0,2.6 1.8,4.4 4.3,4.4 2.6,0 4.3,-1.9 4.3,-4.4 z" /><path
+       id="path97"
+       d="m 868.6,283.7 -9.7,0 c 0.3,2.3 2,3.8 4.3,3.8 1.5,0 2.7,-0.5 3.7,-1.5 l 1,1 c -1.1,1.3 -2.8,2 -4.8,2 -3.5,0 -5.9,-2.5 -5.9,-6 0,-3.5 2.4,-6 5.9,-6 3.7,0 5.6,2.7 5.5,6.7 z m -1.6,-1.4 c -0.1,-2.3 -1.6,-3.7 -4,-3.7 -2.3,0 -3.9,1.5 -4.1,3.7 l 8.1,0 z" /><path
+       id="path99"
+       d="m 890.2,283.7 -9.7,0 c 0.3,2.3 2,3.8 4.3,3.8 1.5,0 2.8,-0.5 3.7,-1.5 l 1,1 c -1.1,1.3 -2.8,2 -4.8,2 -3.5,0 -5.9,-2.5 -5.9,-6 0,-3.5 2.4,-6 5.9,-6 3.8,0 5.7,2.7 5.5,6.7 z m -1.5,-1.4 c -0.1,-2.3 -1.6,-3.7 -4,-3.7 -2.3,0 -3.9,1.5 -4.1,3.7 l 8.1,0 z" /><path
+       id="path101"
+       d="m 905.2,281.6 0,7.3 -1.8,0 0,-6.9 c 0,-2.1 -1.3,-3.3 -3.4,-3.3 -2.3,0 -3.8,1.6 -4,3.8 l 0,6.4 -1.8,0 0,-11.9 1.8,0 0,2.6 c 0.8,-1.8 2.4,-2.7 4.6,-2.7 3,0.1 4.6,1.9 4.6,4.7 z" /><path
+       id="path103"
+       d="m 920.6,287.7 c 0,3.5 -2.4,5.7 -6,5.7 -1.9,0 -3.4,-0.6 -4.9,-1.7 l 0.8,-1.4 c 1.2,1 2.4,1.5 4,1.5 2.6,0 4.3,-1.6 4.3,-4.1 l 0,-1.7 c -0.8,1.6 -2.4,2.5 -4.4,2.5 -3.2,0 -5.4,-2.4 -5.4,-5.7 0,-3.3 2.2,-5.7 5.4,-5.7 2,0 3.6,0.9 4.4,2.5 l 0,-2.4 1.8,0 0,10.5 z m -1.7,-4.9 c 0,-2.5 -1.7,-4.2 -4.1,-4.2 -2.4,0 -4.1,1.8 -4.1,4.2 0,2.4 1.7,4.2 4.1,4.2 2.4,0 4.1,-1.8 4.1,-4.2 z" /><path
+       id="path105"
+       d="m 927.8,273.7 c 0,0.7 -0.5,1.2 -1.1,1.2 -0.7,0 -1.1,-0.5 -1.1,-1.2 0,-0.7 0.5,-1.2 1.1,-1.2 0.6,0 1.1,0.5 1.1,1.2 z m -2,15.3 0,-11.9 1.7,0 0,11.9 -1.7,0 z" /><path
+       id="path107"
+       d="m 943.8,281.6 0,7.3 -1.8,0 0,-6.9 c 0,-2.1 -1.3,-3.3 -3.4,-3.3 -2.3,0 -3.8,1.6 -4,3.8 l 0,6.4 -1.8,0 0,-11.9 1.8,0 0,2.6 c 0.8,-1.8 2.4,-2.7 4.6,-2.7 2.9,0.1 4.6,1.9 4.6,4.7 z" /><path
+       id="path109"
+       d="m 959,283.7 -9.7,0 c 0.3,2.3 2,3.8 4.3,3.8 1.5,0 2.8,-0.5 3.7,-1.5 l 1,1 c -1.1,1.3 -2.8,2 -4.8,2 -3.5,0 -5.9,-2.5 -5.9,-6 0,-3.5 2.4,-6 5.9,-6 3.8,0 5.7,2.7 5.5,6.7 z m -1.5,-1.4 c -0.1,-2.3 -1.6,-3.7 -4,-3.7 -2.3,0 -3.9,1.5 -4.1,3.7 l 8.1,0 z" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g111"><path
+       id="path113"
+       d="m 1558.7,717.6 c 4.7,0 8.2,3.3 8.2,7.9 0,4.6 -3.4,7.9 -8.2,7.9 l -6.4,0 0,-15.8 6.4,0 z m -3.9,13.4 3.9,0 c 3.1,0 5.4,-2.3 5.4,-5.5 0,-3.2 -2.4,-5.5 -5.5,-5.5 l -3.8,0 0,11 z" /><path
+       id="path115"
+       d="m 1576.8,720 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path
+       id="path117"
+       d="m 1596.1,720 0,4.6 7.2,0 0,2.4 -7.2,0 0,6.5 -2.7,0 0,-15.8 10.6,0 0,2.4 -7.9,0 z" /><path
+       id="path119"
+       d="m 1612.5,729.8 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 4,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path
+       id="path121"
+       d="m 1644.4,726.8 c 0,4.1 -2.6,6.6 -6.9,6.6 -4.3,0 -6.9,-2.5 -6.9,-6.6 l 0,-9.2 2.7,0 0,9.2 c 0,2.7 1.6,4.3 4.2,4.3 2.6,0 4.2,-1.6 4.2,-4.3 l 0,-9.2 2.7,0 0,9.2 z" /><path
+       id="path123"
+       d="m 1662.2,730.9 0,2.4 -9.5,0 0,-15.8 2.7,0 0,13.4 6.8,0 z" /><path
+       id="path125"
+       d="m 1675,720 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path
+       id="path127"
+       d="m 1573.4,747 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path
+       id="path129"
+       d="m 1596.2,760.4 0,-6.5 -8.4,0 0,6.5 -2.7,0 0,-15.8 2.7,0 0,6.9 8.4,0 0,-6.9 2.7,0 0,15.8 -2.7,0 z" /><path
+       id="path131"
+       d="m 1610.1,747 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path
+       id="path133"
+       d="m 1641,760.4 0,-11.8 -5,10.1 -1.7,0 -5,-10.1 0,11.8 -2.5,0 0,-15.8 3.2,0 5.2,10.5 5.2,-10.5 3.1,0 0,15.8 -2.5,0 z" /><path
+       id="path135"
+       d="m 1654.8,747 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g137"><path
+       id="path139"
+       d="m 1518.8,940.8 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 3.9,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path
+       id="path141"
+       d="m 1544,928.6 c 4,0 6.2,2 6.2,5.4 0,3.6 -2.3,5.6 -6.2,5.6 l -3.6,0 0,4.8 -2.7,0 0,-15.8 6.3,0 z m -3.7,8.6 3.5,0 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.5,0 0,6.3 z" /><path
+       id="path143"
+       d="m 1563.6,928.6 c 4,0 6.2,2 6.2,5.4 0,3.6 -2.3,5.6 -6.2,5.6 l -3.6,0 0,4.8 -2.7,0 0,-15.8 6.3,0 z m -3.6,8.6 3.5,0 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.5,0 0,6.3 z" /><path
+       id="path145"
+       d="m 1586.5,941.9 0,2.4 -9.5,0 0,-15.8 2.7,0 0,13.4 6.8,0 z" /><path
+       id="path147"
+       d="m 1593.6,944.4 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path
+       id="path149"
+       d="m 1617.9,930.9 -1.6,1.9 c -1.1,-1.2 -2.8,-2 -4.4,-2 -3.2,0 -5.6,2.4 -5.6,5.5 0,3.1 2.5,5.6 5.6,5.6 1.6,0 3.2,-0.7 4.4,-1.9 l 1.6,1.8 c -1.6,1.6 -3.9,2.6 -6.1,2.6 -4.6,0 -8.2,-3.5 -8.2,-8 0,-4.5 3.6,-7.9 8.3,-7.9 2.2,0 4.4,0.9 6,2.4 z" /><path
+       id="path151"
+       d="m 1627.2,940.8 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 4,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path
+       id="path153"
+       d="m 1650.3,931 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path
+       id="path155"
+       d="m 1662.1,944.4 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path
+       id="path157"
+       d="m 1688.9,936.5 c 0,4.5 -3.7,8 -8.4,8 -4.7,0 -8.4,-3.5 -8.4,-8 0,-4.5 3.7,-8 8.4,-8 4.7,0 8.4,3.5 8.4,8 z m -14.1,0 c 0,3.1 2.6,5.6 5.7,5.6 3.1,0 5.6,-2.5 5.6,-5.6 0,-3.1 -2.5,-5.6 -5.6,-5.6 -3.1,0 -5.7,2.4 -5.7,5.6 z" /><path
+       id="path159"
+       d="m 1707.3,944.4 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path
+       id="path161"
+       d="m 1571.4,958 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path
+       id="path163"
+       d="m 1594.2,971.4 0,-6.5 -8.4,0 0,6.5 -2.7,0 0,-15.8 2.7,0 0,6.9 8.4,0 0,-6.9 2.7,0 0,15.8 -2.7,0 z" /><path
+       id="path165"
+       d="m 1608.2,958 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path
+       id="path167"
+       d="m 1639,971.4 0,-11.8 -5,10.1 -1.7,0 -5,-10.1 0,11.8 -2.5,0 0,-15.8 3.2,0 5.2,10.5 5.2,-10.5 3.1,0 0,15.8 -2.5,0 z" /><path
+       id="path169"
+       d="m 1652.8,958 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /></g><path
+     style="fill:none;stroke:#231f20;stroke-miterlimit:10"
+     id="path171"
+     d="m 350.8,120 -64.7,0 c -2.2,0 -4,-1.8 -4,-4 l 0,-45.5 c 0,-2.2 1.8,-4 4,-4 l 64.7,0 c 2.2,0 4,1.8 4,4 l 0,45.5 c 0,2.2 -1.8,4 -4,4 z"
+     class="st6" /><line
+     style="fill:none;stroke:#000000;stroke-linejoin:round;stroke-miterlimit:10"
+     id="line173"
+     y2="130.89999"
+     x2="318.5"
+     y1="120"
+     x1="318.5"
+     class="st7" /><line
+     style="fill:none;stroke:#000000;stroke-linejoin:round;stroke-miterlimit:10"
+     id="line175"
+     y2="131"
+     x2="308.29999"
+     y1="131"
+     x1="328.70001"
+     class="st7" /><circle
+     id="circle177"
+     r="2.5999999"
+     cy="131"
+     cx="328.70001" /><circle
+     id="circle179"
+     r="2.5999999"
+     cy="131"
+     cx="308.29999" /><line
+     style="fill:none;stroke:#000000;stroke-miterlimit:10"
+     id="line181"
+     y2="79.800003"
+     x2="354.79999"
+     y1="79.800003"
+     x1="282.20001"
+     class="st8" /><circle
+     id="circle183"
+     r="2"
+     cy="73.399994"
+     cx="289.5" /><circle
+     id="circle185"
+     r="2"
+     cy="73.399994"
+     cx="297.40002" /><circle
+     id="circle187"
+     r="2"
+     cy="73.399994"
+     cx="304.70001" /><polygon
+     transform="translate(-356.5,-160.5)"
+     style="fill:none;stroke:#000000;stroke-miterlimit:10"
+     id="polygon189"
+     points="671.9,231.8 698.1,231.8 701.1,240.3 668.9,240.3 "
+     class="st8" /><rect
+     style="fill:none;stroke:#000000;stroke-miterlimit:10"
+     id="rect191"
+     height="8.5"
+     width="63.299999"
+     class="st8"
+     y="85.800003"
+     x="287.5" /><rect
+     style="fill:none;stroke:#000000;stroke-miterlimit:10"
+     id="rect193"
+     height="13.5"
+     width="27.700001"
+     class="st8"
+     y="100.29999"
+     x="287.5" /><line
+     style="fill:none;stroke:#000000;stroke-miterlimit:10"
+     id="line195"
+     y2="101.5"
+     x2="347"
+     y1="101.5"
+     x1="323"
+     class="st8" /><line
+     style="fill:none;stroke:#000000;stroke-miterlimit:10"
+     id="line197"
+     y2="105.70001"
+     x2="343"
+     y1="105.70001"
+     x1="323"
+     class="st8" /><rect
+     style="fill:none;stroke:#00b4f0;stroke-miterlimit:10"
+     id="rect199"
+     height="192"
+     width="1267.4"
+     class="st9"
+     y="5.5"
+     x="125.5" /><g
+     transform="translate(-356.5,-160.5)"
+     id="g201"><path
+       id="path203"
+       d="m 756.2,1572.1 c 3.3,0 5.3,1.5 5.3,3.9 0,1.8 -1.1,3.1 -2.8,3.5 2.1,0.4 3.4,1.9 3.4,4 0,2.7 -2.2,4.3 -5.7,4.3 l -7,0 0,-15.8 6.8,0 z m -4.1,6.6 4.1,0 c 1.7,0 2.7,-0.8 2.7,-2.1 0,-1.3 -1,-2.1 -2.7,-2.1 l -4.1,0 0,4.2 z m 0,6.8 4.1,0 c 2.1,0 3.3,-0.8 3.3,-2.3 0,-1.4 -1.2,-2.2 -3.3,-2.2 l -4.1,0 0,4.5 z" /><path
+       id="path205"
+       d="m 772,1584.3 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 4,-9.3 -3,7 5.9,0 -2.9,-7 z" /><path
+       id="path207"
+       d="m 803.5,1574.5 -1.6,1.9 c -1.1,-1.2 -2.8,-2 -4.4,-2 -3.2,0 -5.6,2.4 -5.6,5.5 0,3.1 2.5,5.6 5.6,5.6 1.6,0 3.2,-0.7 4.4,-1.9 l 1.6,1.8 c -1.6,1.6 -3.9,2.6 -6.1,2.6 -4.6,0 -8.2,-3.5 -8.2,-8 0,-4.5 3.6,-7.9 8.3,-7.9 2.3,0 4.5,0.9 6,2.4 z" /><path
+       id="path209"
+       d="m 816.1,1580.9 -2.7,3 0,4 -2.7,0 0,-15.8 2.7,0 0,8.2 7.5,-8.2 3.1,0 -6.1,6.7 6.5,9 -3.2,0 -5.1,-6.9 z" /><path
+       id="path211"
+       d="m 844.4,1574.5 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.2,0 0,2.4 -8.6,0 z" /><path
+       id="path213"
+       d="m 872.1,1587.9 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path
+       id="path215"
+       d="m 889.9,1572.1 c 4.7,0 8.2,3.3 8.2,7.9 0,4.6 -3.4,7.9 -8.2,7.9 l -6.4,0 0,-15.8 6.4,0 z m -3.8,13.4 3.9,0 c 3.1,0 5.4,-2.3 5.4,-5.5 0,-3.2 -2.4,-5.5 -5.5,-5.5 l -3.8,0 0,11 z" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g217"><path
+       id="path219"
+       d="m 759.4,1607.8 -0.8,1.7 c -1.4,-0.9 -3.1,-1.3 -4.3,-1.3 -2,0 -3.4,0.8 -3.4,2.1 0,4.1 8.9,1.9 8.9,7.7 0,2.6 -2.3,4.3 -5.7,4.3 -2.3,0 -4.6,-1 -6,-2.4 l 0.8,-1.6 c 1.5,1.4 3.5,2.2 5.3,2.2 2.3,0 3.7,-0.9 3.7,-2.4 0,-4.1 -8.9,-1.9 -8.9,-7.6 0,-2.5 2.2,-4.1 5.5,-4.1 1.7,-0.1 3.6,0.5 4.9,1.4 z" /><path
+       id="path221"
+       d="m 774.6,1616.9 -9.7,0 c 0.3,2.3 2,3.8 4.3,3.8 1.5,0 2.8,-0.5 3.7,-1.5 l 1,1 c -1.1,1.3 -2.8,2 -4.8,2 -3.5,0 -5.9,-2.5 -5.9,-6 0,-3.5 2.4,-6 5.9,-6 3.8,0 5.7,2.7 5.5,6.7 z m -1.6,-1.4 c -0.1,-2.3 -1.6,-3.7 -4,-3.7 -2.3,0 -3.9,1.5 -4.1,3.7 l 8.1,0 z" /><path
+       id="path223"
+       d="m 780.5,1612.9 c 0.8,-1.7 2.3,-2.7 4.3,-2.7 l 0,1.8 c -2.5,0 -4.1,1.5 -4.3,3.9 l 0,6.3 -1.8,0 0,-11.9 1.8,0 0,2.6 z" /><path
+       id="path225"
+       d="m 791.5,1622.2 -4.7,-11.9 1.9,0 3.8,10.1 3.8,-10.1 1.8,0 -4.7,11.9 -1.9,0 z" /><path
+       id="path227"
+       d="m 811.1,1616.9 -9.7,0 c 0.3,2.3 2,3.8 4.3,3.8 1.5,0 2.7,-0.5 3.7,-1.5 l 1,1 c -1.1,1.3 -2.8,2 -4.8,2 -3.5,0 -5.9,-2.5 -5.9,-6 0,-3.5 2.4,-6 5.9,-6 3.8,0 5.7,2.7 5.5,6.7 z m -1.6,-1.4 c -0.1,-2.3 -1.6,-3.7 -4,-3.7 -2.3,0 -3.9,1.5 -4.1,3.7 l 8.1,0 z" /><path
+       id="path229"
+       d="m 817,1612.9 c 0.8,-1.7 2.3,-2.7 4.3,-2.7 l 0,1.8 c -2.5,0 -4.1,1.5 -4.3,3.9 l 0,6.3 -1.8,0 0,-11.9 1.8,0 0,2.6 z" /><path
+       id="path231"
+       d="m 839,1611.3 -0.7,1.4 c -0.9,-0.6 -2.1,-1 -3.2,-1 -1.3,0 -2.3,0.5 -2.3,1.6 0,2.6 6.6,1.3 6.6,5.5 0,2.3 -2.1,3.4 -4.4,3.4 -1.7,0 -3.4,-0.6 -4.6,-1.7 l 0.7,-1.3 c 1,0.9 2.5,1.5 3.9,1.5 1.4,0 2.5,-0.5 2.5,-1.7 0.1,-2.9 -6.6,-1.4 -6.6,-5.6 0,-2.3 2,-3.2 4.1,-3.2 1.6,0 3,0.4 4,1.1 z" /><path
+       id="path233"
+       d="m 845.4,1606.9 c 0,0.7 -0.5,1.2 -1.1,1.2 -0.7,0 -1.1,-0.5 -1.1,-1.2 0,-0.7 0.5,-1.2 1.1,-1.2 0.6,0 1.1,0.5 1.1,1.2 z m -2,15.3 0,-11.9 1.7,0 0,11.9 -1.7,0 z" /><path
+       id="path235"
+       d="m 861.4,1622.2 -1.8,0 0,-2.5 c -0.9,1.7 -2.5,2.6 -4.6,2.6 -3.4,0 -5.7,-2.5 -5.7,-6 0,-3.6 2.3,-6 5.7,-6 2.1,0 3.8,1 4.6,2.7 l 0,-7.4 1.8,0 0,16.6 z m -1.7,-5.9 c 0,-2.6 -1.8,-4.5 -4.3,-4.5 -2.5,0 -4.3,1.9 -4.3,4.5 0,2.6 1.8,4.4 4.3,4.4 2.5,0 4.3,-1.9 4.3,-4.4 z" /><path
+       id="path237"
+       d="m 877.2,1616.9 -9.7,0 c 0.3,2.3 2,3.8 4.3,3.8 1.5,0 2.7,-0.5 3.7,-1.5 l 1,1 c -1.1,1.3 -2.8,2 -4.8,2 -3.5,0 -5.9,-2.5 -5.9,-6 0,-3.5 2.4,-6 5.9,-6 3.8,0 5.7,2.7 5.5,6.7 z m -1.6,-1.4 c -0.1,-2.3 -1.6,-3.7 -4,-3.7 -2.3,0 -3.9,1.5 -4.1,3.7 l 8.1,0 z" /><path
+       id="path239"
+       d="m 888.7,1622.2 0,-16.7 1.8,0 0,16.7 -1.8,0 z" /><path
+       id="path241"
+       d="m 906.9,1616.2 c 0,3.6 -2.5,6 -6,6 -3.5,0 -6,-2.5 -6,-6 0,-3.5 2.5,-6 6,-6 3.5,0 6,2.5 6,6 z m -10.3,0 c 0,2.6 1.8,4.4 4.3,4.4 2.5,0 4.3,-1.8 4.3,-4.4 0,-2.6 -1.8,-4.4 -4.3,-4.4 -2.5,0 -4.3,1.9 -4.3,4.4 z" /><path
+       id="path243"
+       d="m 921.4,1620.9 c 0,3.5 -2.4,5.7 -6,5.7 -1.9,0 -3.4,-0.6 -4.9,-1.7 l 0.8,-1.4 c 1.2,1 2.4,1.5 4,1.5 2.6,0 4.3,-1.6 4.3,-4.1 l 0,-1.8 c -0.8,1.6 -2.4,2.5 -4.4,2.5 -3.2,0 -5.4,-2.4 -5.4,-5.7 0,-3.3 2.2,-5.7 5.4,-5.7 2,0 3.6,0.9 4.4,2.5 l 0,-2.4 1.8,0 0,10.6 z m -1.7,-4.9 c 0,-2.5 -1.7,-4.2 -4.1,-4.2 -2.4,0 -4.1,1.8 -4.1,4.2 0,2.4 1.7,4.2 4.1,4.2 2.4,0 4.1,-1.8 4.1,-4.2 z" /><path
+       id="path245"
+       d="m 928.5,1606.9 c 0,0.7 -0.5,1.2 -1.1,1.2 -0.7,0 -1.1,-0.5 -1.1,-1.2 0,-0.7 0.5,-1.2 1.1,-1.2 0.7,0 1.1,0.5 1.1,1.2 z m -2,15.3 0,-11.9 1.7,0 0,11.9 -1.7,0 z" /><path
+       id="path247"
+       d="m 943,1612 -1,1.2 c -0.9,-0.9 -2.1,-1.4 -3.5,-1.4 -2.5,0 -4.2,1.8 -4.2,4.4 0,2.6 1.8,4.4 4.2,4.4 1.6,0 2.8,-0.5 3.7,-1.5 l 1,1.1 c -1.1,1.3 -2.7,2.1 -4.8,2.1 -3.4,0 -5.9,-2.5 -5.9,-6 0,-3.5 2.5,-6 5.9,-6 1.9,-0.1 3.5,0.6 4.6,1.7 z" /></g><line
+     style="fill:none;stroke:#000000;stroke-miterlimit:10"
+     id="line249"
+     y2="496.40002"
+     x2="261.70001"
+     y1="197.5"
+     x1="261.70001"
+     class="st8" /><rect
+     style="fill:none;stroke:#000000;stroke-miterlimit:10"
+     id="rect251"
+     height="153"
+     width="272.29999"
+     class="st8"
+     y="496.40002"
+     x="1123.4" /><g
+     transform="translate(-356.5,-160.5)"
+     id="g253"><path
+       id="path255"
+       d="m 566.4,715.4 -6.3,-15.8 2.9,0 4.9,12.8 4.9,-12.8 2.8,0 -6.4,15.8 -2.8,0 z" /><path
+       id="path257"
+       d="m 583.3,711.8 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 4,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path
+       id="path259"
+       d="m 604.4,711.8 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 4,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path
+       id="path261"
+       d="m 629.8,699.6 c 4.7,0 8.2,3.3 8.2,7.9 0,4.6 -3.4,7.9 -8.2,7.9 l -6.4,0 0,-15.8 6.4,0 z m -3.8,13.4 3.9,0 c 3.1,0 5.4,-2.3 5.4,-5.5 0,-3.2 -2.4,-5.5 -5.5,-5.5 l -3.8,0 0,11 z" /><path
+       id="path263"
+       d="m 645.3,715.4 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path
+       id="path265"
+       d="m 667.7,715.4 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path
+       id="path267"
+       d="m 559.3,728.1 -1.1,2.3 c -1.7,-1 -3.4,-1.5 -4.6,-1.5 -1.6,0 -2.6,0.6 -2.6,1.6 0,3.4 8.5,1.6 8.5,7.3 0,2.8 -2.5,4.6 -5.9,4.6 -2.5,0 -4.8,-1 -6.4,-2.5 l 1.1,-2.3 c 1.6,1.5 3.7,2.3 5.3,2.3 1.8,0 3,-0.7 3,-1.9 0,-3.5 -8.5,-1.6 -8.5,-7.2 0,-2.7 2.3,-4.4 5.7,-4.4 2,0.1 4.1,0.8 5.5,1.7 z" /><path
+       id="path269"
+       d="m 569.8,729 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path
+       id="path271"
+       d="m 593.6,737.6 c -0.2,0 -0.5,0 -0.7,0 l -3.7,0 0,4.8 -2.7,0 0,-15.8 6.4,0 c 4,0 6.4,2 6.4,5.4 0,2.5 -1.2,4.3 -3.3,5.1 l 3.5,5.3 -3,0 -2.9,-4.8 z m -0.8,-2.3 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.7,0 0,6.2 3.7,0 z" /><path
+       id="path273"
+       d="m 611.3,742.4 -6.3,-15.8 2.9,0 4.9,12.8 4.9,-12.8 2.8,0 -6.4,15.8 -2.8,0 z" /><path
+       id="path275"
+       d="m 636.6,740 0,2.4 -9.5,0 0,-15.8 2.7,0 0,13.4 6.8,0 z" /><path
+       id="path277"
+       d="m 646.3,729 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path
+       id="path279"
+       d="m 668.7,729 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path
+       id="path281"
+       d="m 678,745 7.1,-21 2.2,0 -7.1,21 -2.2,0 z" /><path
+       id="path283"
+       d="m 559.7,753.7 c 4,0 6.2,2 6.2,5.4 0,3.6 -2.3,5.6 -6.2,5.6 l -3.6,0 0,4.8 -2.7,0 0,-15.8 6.3,0 z m -3.6,8.6 3.5,0 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.5,0 0,6.3 z" /><path
+       id="path285"
+       d="m 588.5,761.6 c 0,4.5 -3.7,8 -8.4,8 -4.7,0 -8.4,-3.5 -8.4,-8 0,-4.5 3.7,-8 8.4,-8 4.8,0 8.4,3.5 8.4,8 z m -14,0 c 0,3.1 2.6,5.6 5.7,5.6 3.1,0 5.6,-2.5 5.6,-5.6 0,-3.1 -2.5,-5.6 -5.6,-5.6 -3.1,0 -5.7,2.4 -5.7,5.6 z" /><path
+       id="path287"
+       d="m 603,764.7 c -0.2,0 -0.5,0 -0.7,0 l -3.7,0 0,4.8 -2.7,0 0,-15.8 6.4,0 c 4,0 6.4,2 6.4,5.4 0,2.5 -1.2,4.3 -3.3,5.1 l 3.5,5.3 -3,0 -2.9,-4.8 z m -0.7,-2.4 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.7,0 0,6.2 3.7,0 z" /><path
+       id="path289"
+       d="m 622.5,756.1 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path
+       id="path291"
+       d="m 643.7,767 0,2.4 -9.5,0 0,-15.8 2.7,0 0,13.4 6.8,0 z" /><path
+       id="path293"
+       d="m 653.5,756.1 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path
+       id="path295"
+       d="m 675.9,756.1 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /></g><rect
+     style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10"
+     id="rect297"
+     height="153"
+     width="272.29999"
+     class="st0"
+     y="496.40002"
+     x="125.5" /><g
+     transform="translate(-356.5,-160.5)"
+     id="g299"><path
+       id="path301"
+       d="m 896.4,733.4 -6.3,-15.8 2.9,0 4.9,12.8 4.9,-12.8 2.8,0 -6.4,15.8 -2.8,0 z" /><path
+       id="path303"
+       d="m 913.3,729.8 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 3.9,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path
+       id="path305"
+       d="m 934.4,729.8 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 4,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path
+       id="path307"
+       d="m 959.8,717.6 c 4.7,0 8.2,3.3 8.2,7.9 0,4.6 -3.4,7.9 -8.2,7.9 l -6.4,0 0,-15.8 6.4,0 z m -3.8,13.4 3.9,0 c 3.1,0 5.4,-2.3 5.4,-5.5 0,-3.2 -2.4,-5.5 -5.5,-5.5 l -3.8,0 0,11 z" /><path
+       id="path309"
+       d="m 975.3,733.4 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path
+       id="path311"
+       d="m 997.7,733.4 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path
+       id="path313"
+       d="m 896.6,746.1 -1.1,2.3 c -1.7,-1 -3.4,-1.5 -4.6,-1.5 -1.6,0 -2.6,0.6 -2.6,1.6 0,3.4 8.5,1.6 8.5,7.3 0,2.8 -2.5,4.6 -5.9,4.6 -2.5,0 -4.8,-1 -6.4,-2.5 l 1.1,-2.3 c 1.6,1.5 3.7,2.3 5.3,2.3 1.8,0 3,-0.7 3,-1.9 0,-3.5 -8.5,-1.6 -8.5,-7.2 0,-2.7 2.3,-4.4 5.7,-4.4 2,0.1 4,0.8 5.5,1.7 z" /><path
+       id="path315"
+       d="m 907,747 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path
+       id="path317"
+       d="m 930.8,755.6 c -0.2,0 -0.5,0 -0.7,0 l -3.7,0 0,4.8 -2.7,0 0,-15.8 6.4,0 c 4,0 6.4,2 6.4,5.4 0,2.5 -1.2,4.3 -3.3,5.1 l 3.5,5.3 -3,0 -2.9,-4.8 z m -0.7,-2.3 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.7,0 0,6.2 3.7,0 z" /><path
+       id="path319"
+       d="m 948.6,760.4 -6.3,-15.8 2.9,0 4.9,12.8 4.9,-12.8 2.8,0 -6.4,15.8 -2.8,0 z" /><path
+       id="path321"
+       d="m 964.4,760.4 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path
+       id="path323"
+       d="m 988.7,747 -1.6,1.9 c -1.1,-1.2 -2.8,-2 -4.4,-2 -3.2,0 -5.6,2.4 -5.6,5.5 0,3.1 2.5,5.6 5.6,5.6 1.6,0 3.2,-0.7 4.4,-1.9 l 1.6,1.8 c -1.6,1.6 -3.9,2.6 -6.1,2.6 -4.6,0 -8.2,-3.5 -8.2,-8 0,-4.5 3.6,-7.9 8.3,-7.9 2.2,0 4.4,0.9 6,2.4 z" /><path
+       id="path325"
+       d="m 998.6,747 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /></g><rect
+     style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10"
+     id="rect327"
+     height="153"
+     width="272.29999"
+     class="st0"
+     y="496.40002"
+     x="455.5" /><g
+     transform="translate(-356.5,-160.5)"
+     id="g329"><path
+       id="path331"
+       d="m 896.4,943.8 -6.3,-15.8 2.9,0 4.9,12.8 4.9,-12.8 2.8,0 -6.4,15.8 -2.8,0 z" /><path
+       id="path333"
+       d="m 913.3,940.2 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 3.9,-9.3 -3,7 5.9,0 -2.9,-7 z" /><path
+       id="path335"
+       d="m 934.4,940.2 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 4,-9.3 -3,7 5.9,0 -2.9,-7 z" /><path
+       id="path337"
+       d="m 959.8,928 c 4.7,0 8.2,3.3 8.2,7.9 0,4.6 -3.4,7.9 -8.2,7.9 l -6.4,0 0,-15.8 6.4,0 z m -3.8,13.4 3.9,0 c 3.1,0 5.4,-2.3 5.4,-5.5 0,-3.2 -2.4,-5.5 -5.5,-5.5 l -3.8,0 0,11 z" /><path
+       id="path339"
+       d="m 975.3,943.8 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path
+       id="path341"
+       d="m 997.7,943.8 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path
+       id="path343"
+       d="m 895.6,956.6 -1.1,2.3 c -1.7,-1 -3.4,-1.5 -4.6,-1.5 -1.6,0 -2.6,0.6 -2.6,1.6 0,3.4 8.5,1.6 8.5,7.3 0,2.8 -2.5,4.6 -5.9,4.6 -2.5,0 -4.8,-1 -6.4,-2.5 l 1.1,-2.3 c 1.6,1.5 3.7,2.3 5.3,2.3 1.8,0 3,-0.7 3,-1.9 0,-3.5 -8.5,-1.6 -8.5,-7.2 0,-2.7 2.3,-4.4 5.7,-4.4 2,0.1 4,0.7 5.5,1.7 z" /><path
+       id="path345"
+       d="m 906.1,957.5 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path
+       id="path347"
+       d="m 933.4,956.6 -1.1,2.3 c -1.7,-1 -3.4,-1.5 -4.6,-1.5 -1.6,0 -2.6,0.6 -2.6,1.6 0,3.4 8.5,1.6 8.5,7.3 0,2.8 -2.5,4.6 -5.9,4.6 -2.5,0 -4.8,-1 -6.4,-2.5 l 1.1,-2.3 c 1.6,1.5 3.7,2.3 5.3,2.3 1.8,0 3,-0.7 3,-1.9 0,-3.5 -8.5,-1.6 -8.5,-7.2 0,-2.7 2.3,-4.4 5.7,-4.4 2,0.1 4,0.7 5.5,1.7 z" /><path
+       id="path349"
+       d="m 951.9,956.6 -1.1,2.3 c -1.7,-1 -3.4,-1.5 -4.6,-1.5 -1.6,0 -2.6,0.6 -2.6,1.6 0,3.4 8.5,1.6 8.5,7.3 0,2.8 -2.5,4.6 -5.9,4.6 -2.5,0 -4.8,-1 -6.4,-2.5 l 1.1,-2.3 c 1.6,1.5 3.7,2.3 5.3,2.3 1.8,0 3,-0.7 3,-1.9 0,-3.5 -8.5,-1.6 -8.5,-7.2 0,-2.7 2.3,-4.4 5.7,-4.4 2.1,0.1 4.1,0.7 5.5,1.7 z" /><path
+       id="path351"
+       d="m 959.7,970.8 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path
+       id="path353"
+       d="m 986.5,963 c 0,4.5 -3.7,8 -8.4,8 -4.7,0 -8.4,-3.5 -8.4,-8 0,-4.5 3.7,-8 8.4,-8 4.7,0 8.4,3.4 8.4,8 z m -14,0 c 0,3.1 2.6,5.6 5.7,5.6 3.1,0 5.6,-2.5 5.6,-5.6 0,-3.1 -2.5,-5.6 -5.6,-5.6 -3.2,0 -5.7,2.4 -5.7,5.6 z" /><path
+       id="path355"
+       d="m 1004.9,970.8 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /></g><rect
+     style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10"
+     id="rect357"
+     height="153"
+     width="272.29999"
+     class="st0"
+     y="706.79999"
+     x="455.5" /><rect
+     style="fill:none;stroke:#000000;stroke-miterlimit:10"
+     id="rect359"
+     height="153"
+     width="272.29999"
+     class="st8"
+     y="707.40002"
+     x="1120.6" /><g
+     transform="translate(-356.5,-160.5)"
+     id="g361"><path
+       id="path363"
+       d="m 941.5,1148.5 c 0,4.1 -2.6,6.6 -6.9,6.6 -4.3,0 -6.9,-2.5 -6.9,-6.6 l 0,-9.2 2.7,0 0,9.2 c 0,2.7 1.6,4.3 4.2,4.3 2.6,0 4.2,-1.6 4.2,-4.3 l 0,-9.2 2.7,0 0,9.2 z" /><path
+       id="path365"
+       d="m 949.8,1155.1 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path
+       id="path367"
+       d="m 852.3,1168.7 -1.6,1.9 c -1.1,-1.2 -2.8,-2 -4.4,-2 -3.2,0 -5.6,2.4 -5.6,5.5 0,3.1 2.5,5.6 5.6,5.6 1.6,0 3.2,-0.7 4.4,-1.9 l 1.6,1.8 c -1.6,1.6 -3.9,2.6 -6.1,2.6 -4.6,0 -8.2,-3.5 -8.2,-8 0,-4.5 3.6,-7.9 8.3,-7.9 2.2,0 4.5,0.9 6,2.4 z" /><path
+       id="path369"
+       d="m 874.6,1174.2 c 0,4.5 -3.7,8 -8.4,8 -4.7,0 -8.4,-3.5 -8.4,-8 0,-4.5 3.7,-8 8.4,-8 4.8,0.1 8.4,3.5 8.4,8 z m -14,0 c 0,3.1 2.6,5.6 5.7,5.6 3.1,0 5.6,-2.5 5.6,-5.6 0,-3.1 -2.5,-5.6 -5.6,-5.6 -3.1,0.1 -5.7,2.5 -5.7,5.6 z" /><path
+       id="path371"
+       d="m 896.2,1182.1 0,-11.8 -5,10.1 -1.7,0 -5,-10.1 0,11.8 -2.5,0 0,-15.8 3.2,0 5.2,10.5 5.2,-10.5 3.1,0 0,15.8 -2.5,0 z" /><path
+       id="path373"
+       d="m 913.6,1166.3 c 4,0 6.2,2 6.2,5.4 0,3.6 -2.3,5.6 -6.2,5.6 l -3.6,0 0,4.8 -2.7,0 0,-15.8 6.3,0 z m -3.6,8.7 3.5,0 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.5,0 0,6.3 z" /><path
+       id="path375"
+       d="m 942.4,1174.2 c 0,4.5 -3.7,8 -8.4,8 -4.7,0 -8.4,-3.5 -8.4,-8 0,-4.5 3.7,-8 8.4,-8 4.8,0.1 8.4,3.5 8.4,8 z m -14,0 c 0,3.1 2.6,5.6 5.7,5.6 3.1,0 5.6,-2.5 5.6,-5.6 0,-3.1 -2.5,-5.6 -5.6,-5.6 -3.1,0.1 -5.7,2.5 -5.7,5.6 z" /><path
+       id="path377"
+       d="m 960.8,1182.1 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path
+       id="path379"
+       d="m 974.8,1168.7 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path
+       id="path381"
+       d="m 1002.5,1182.1 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path
+       id="path383"
+       d="m 1019.5,1168.7 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path
+       id="path385"
+       d="m 1042,1167.9 -1.1,2.3 c -1.7,-1 -3.4,-1.5 -4.6,-1.5 -1.6,0 -2.6,0.6 -2.6,1.6 0,3.4 8.5,1.6 8.5,7.3 0,2.8 -2.5,4.6 -5.9,4.6 -2.5,0 -4.8,-1 -6.4,-2.5 l 1.1,-2.3 c 1.6,1.5 3.7,2.3 5.3,2.3 1.8,0 3,-0.7 3,-1.9 0,-3.5 -8.5,-1.6 -8.5,-7.2 0,-2.7 2.3,-4.4 5.7,-4.4 2.1,0 4.1,0.7 5.5,1.7 z" /></g><rect
+     style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10"
+     id="rect387"
+     height="153"
+     width="272.29999"
+     class="st0"
+     y="918.09998"
+     x="451.5" /><g
+     transform="translate(-356.5,-160.5)"
+     id="g389"><path
+       id="path391"
+       d="m 591.8,1148.5 c 0,4.1 -2.6,6.6 -6.9,6.6 -4.3,0 -6.9,-2.5 -6.9,-6.6 l 0,-9.2 2.7,0 0,9.2 c 0,2.7 1.6,4.3 4.2,4.3 2.6,0 4.2,-1.6 4.2,-4.3 l 0,-9.2 2.7,0 0,9.2 z" /><path
+       id="path393"
+       d="m 610.8,1140.8 -1.1,2.3 c -1.7,-1 -3.4,-1.5 -4.6,-1.5 -1.6,0 -2.6,0.6 -2.6,1.6 0,3.4 8.5,1.6 8.5,7.3 0,2.8 -2.5,4.6 -5.9,4.6 -2.5,0 -4.8,-1 -6.4,-2.5 l 1.1,-2.3 c 1.6,1.5 3.7,2.3 5.3,2.3 1.8,0 3,-0.7 3,-1.9 0,-3.5 -8.5,-1.6 -8.5,-7.2 0,-2.7 2.3,-4.4 5.7,-4.4 2,0.1 4,0.7 5.5,1.7 z" /><path
+       id="path395"
+       d="m 621.3,1141.7 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path
+       id="path397"
+       d="m 645,1150.3 c -0.2,0 -0.5,0 -0.7,0 l -3.7,0 0,4.8 -2.7,0 0,-15.8 6.4,0 c 4,0 6.4,2 6.4,5.4 0,2.5 -1.2,4.3 -3.3,5.1 l 3.5,5.3 -3,0 -2.9,-4.8 z m -0.7,-2.4 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.7,0 0,6.2 3.7,0 z" /><path
+       id="path399"
+       d="m 534.3,1182.1 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path
+       id="path401"
+       d="m 556.7,1182.1 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path
+       id="path403"
+       d="m 573.8,1168.7 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path
+       id="path405"
+       d="m 588.2,1168.7 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path
+       id="path407"
+       d="m 612,1177.3 c -0.2,0 -0.5,0 -0.7,0 l -3.7,0 0,4.8 -2.7,0 0,-15.8 6.4,0 c 4,0 6.4,2 6.4,5.4 0,2.5 -1.2,4.3 -3.3,5.1 l 3.5,5.3 -3,0 -2.9,-4.8 z m -0.7,-2.3 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.7,0 0,6.2 3.7,0 z" /><path
+       id="path409"
+       d="m 628.3,1168.7 0,4.6 7.2,0 0,2.4 -7.2,0 0,6.5 -2.7,0 0,-15.8 10.6,0 0,2.4 -7.9,0 z" /><path
+       id="path411"
+       d="m 644.7,1178.6 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 4,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path
+       id="path413"
+       d="m 676.2,1168.7 -1.6,1.9 c -1.1,-1.2 -2.8,-2 -4.4,-2 -3.2,0 -5.6,2.4 -5.6,5.5 0,3.1 2.5,5.6 5.6,5.6 1.6,0 3.2,-0.7 4.4,-1.9 l 1.6,1.8 c -1.6,1.6 -3.9,2.6 -6.1,2.6 -4.6,0 -8.2,-3.5 -8.2,-8 0,-4.5 3.6,-7.9 8.3,-7.9 2.3,0 4.5,0.9 6,2.4 z" /><path
+       id="path415"
+       d="m 686.1,1168.7 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /></g><rect
+     style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10"
+     id="rect417"
+     height="153"
+     width="272.29999"
+     class="st0"
+     y="918.09998"
+     x="125.5" /><g
+     transform="translate(-356.5,-160.5)"
+     id="g419"><path
+       id="path421"
+       d="m 558.2,953.2 -3.7,-12.3 -3.8,12.3 -2.7,0 -5.2,-15.8 2.9,0 3.8,12.8 3.8,-12.8 2.6,0 3.8,12.8 3.8,-12.8 2.7,0 -5.3,15.8 -2.7,0 z" /><path
+       id="path423"
+       d="m 575.2,939.8 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path
+       id="path425"
+       d="m 598.7,937.4 c 3.3,0 5.3,1.5 5.3,3.9 0,1.8 -1.1,3.1 -2.8,3.5 2.1,0.4 3.4,1.9 3.4,4 0,2.7 -2.2,4.3 -5.7,4.3 l -7,0 0,-15.8 6.8,0 z m -4.2,6.6 4.1,0 c 1.7,0 2.7,-0.8 2.7,-2.1 0,-1.3 -1,-2.1 -2.7,-2.1 l -4.1,0 0,4.2 z m 0,6.9 4.1,0 c 2.1,0 3.3,-0.8 3.3,-2.3 0,-1.4 -1.2,-2.2 -3.3,-2.2 l -4.1,0 0,4.5 z" /><path
+       id="path427"
+       d="m 618.6,937.4 c 4,0 6.2,2 6.2,5.4 0,3.6 -2.3,5.6 -6.2,5.6 l -3.6,0 0,4.8 -2.7,0 0,-15.8 6.3,0 z m -3.7,8.7 3.5,0 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.5,0 0,6.3 z" /><path
+       id="path429"
+       d="m 633.2,949.7 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 4,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path
+       id="path431"
+       d="m 664.8,945.5 0,5.8 c -1.6,1.2 -4,2.1 -6.1,2.1 -4.7,0 -8.3,-3.5 -8.3,-8 0,-4.5 3.7,-8 8.5,-8 2.3,0 4.5,0.9 6.1,2.2 l -1.5,2 c -1.2,-1.1 -2.9,-1.8 -4.6,-1.8 -3.2,0 -5.7,2.5 -5.7,5.6 0,3.2 2.5,5.6 5.8,5.6 1.2,0 2.5,-0.4 3.6,-1.1 l 0,-4.4 2.2,0 z" /><path
+       id="path433"
+       d="m 675.7,939.8 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /></g><rect
+     style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10"
+     id="rect435"
+     height="153"
+     width="272.29999"
+     class="st0"
+     y="707.20001"
+     x="125.5" /><g
+     transform="translate(-356.5,-160.5)"
+     id="g437"><path
+       id="path439"
+       d="m 903.9,1346.9 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path
+       id="path441"
+       d="m 924.8,1360.3 -6.3,-15.8 2.9,0 4.9,12.8 4.9,-12.8 2.8,0 -6.4,15.8 -2.8,0 z" /><path
+       id="path443"
+       d="m 943.3,1346.9 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path
+       id="path445"
+       d="m 971,1360.3 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path
+       id="path447"
+       d="m 988,1346.9 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.7,0 0,2.4 -5,0 z" /><path
+       id="path449"
+       d="m 887.2,1384.9 0,2.4 -9.5,0 0,-15.8 2.7,0 0,13.4 6.8,0 z" /><path
+       id="path451"
+       d="m 894.2,1387.3 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path
+       id="path453"
+       d="m 916.2,1373 -1.1,2.3 c -1.7,-1 -3.4,-1.5 -4.6,-1.5 -1.6,0 -2.6,0.6 -2.6,1.6 0,3.4 8.5,1.6 8.5,7.3 0,2.8 -2.5,4.6 -6,4.6 -2.5,0 -4.8,-1 -6.4,-2.5 l 1.1,-2.3 c 1.6,1.5 3.7,2.3 5.3,2.3 1.8,0 3,-0.7 3,-1.9 0,-3.5 -8.5,-1.6 -8.5,-7.2 0,-2.7 2.3,-4.4 5.7,-4.4 2.2,0.1 4.2,0.8 5.6,1.7 z" /><path
+       id="path455"
+       d="m 929.8,1373.9 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path
+       id="path457"
+       d="m 944.3,1373.9 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path
+       id="path459"
+       d="m 972,1387.3 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path
+       id="path461"
+       d="m 985.9,1373.9 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path
+       id="path463"
+       d="m 1009.7,1382.5 c -0.2,0 -0.5,0 -0.7,0 l -3.7,0 0,4.8 -2.7,0 0,-15.8 6.4,0 c 4,0 6.4,2 6.4,5.4 0,2.5 -1.2,4.3 -3.3,5.1 l 3.5,5.3 -3,0 -2.9,-4.8 z m -0.7,-2.3 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.7,0 0,6.2 3.7,0 z" /></g><rect
+     style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10"
+     id="rect465"
+     height="153"
+     width="272.29999"
+     class="st0"
+     y="1127.3"
+     x="125.5" /><g
+     transform="translate(-356.5,-160.5)"
+     id="g467"><path
+       id="path469"
+       d="m 523.7,1360.7 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 4,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path
+       id="path471"
+       d="m 548.9,1348.5 c 4,0 6.2,2 6.2,5.4 0,3.6 -2.3,5.6 -6.2,5.6 l -3.6,0 0,4.8 -2.7,0 0,-15.8 6.3,0 z m -3.6,8.6 3.5,0 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.5,0 0,6.3 z" /><path
+       id="path473"
+       d="m 568.6,1348.5 c 4,0 6.2,2 6.2,5.4 0,3.6 -2.3,5.6 -6.2,5.6 l -3.6,0 0,4.8 -2.7,0 0,-15.8 6.3,0 z m -3.7,8.6 3.5,0 c 2.4,0 3.8,-1 3.8,-3.2 0,-2.1 -1.4,-3.1 -3.8,-3.1 l -3.5,0 0,6.3 z" /><path
+       id="path475"
+       d="m 591.4,1361.8 0,2.4 -9.4,0 0,-15.8 2.7,0 0,13.4 6.7,0 z" /><path
+       id="path477"
+       d="m 598.5,1364.3 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path
+       id="path479"
+       d="m 622.8,1350.8 -1.6,1.9 c -1.1,-1.2 -2.8,-2 -4.4,-2 -3.2,0 -5.6,2.4 -5.6,5.5 0,3.1 2.5,5.6 5.6,5.6 1.6,0 3.2,-0.7 4.4,-1.9 l 1.6,1.8 c -1.6,1.6 -3.9,2.6 -6.1,2.6 -4.6,0 -8.2,-3.5 -8.2,-8 0,-4.5 3.6,-7.9 8.3,-7.9 2.2,0 4.5,0.9 6,2.4 z" /><path
+       id="path481"
+       d="m 632.2,1360.7 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 3.9,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path
+       id="path483"
+       d="m 655.3,1350.9 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path
+       id="path485"
+       d="m 667.1,1364.3 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /><path
+       id="path487"
+       d="m 693.8,1356.4 c 0,4.5 -3.7,8 -8.4,8 -4.7,0 -8.4,-3.5 -8.4,-8 0,-4.5 3.7,-8 8.4,-8 4.7,0 8.4,3.5 8.4,8 z m -14,0 c 0,3.1 2.6,5.6 5.7,5.6 3.1,0 5.6,-2.5 5.6,-5.6 0,-3.1 -2.5,-5.6 -5.6,-5.6 -3.2,0 -5.7,2.4 -5.7,5.6 z" /><path
+       id="path489"
+       d="m 712.2,1364.3 -8.4,-11.3 0,11.3 -2.7,0 0,-15.8 2.6,0 8.5,11.3 0,-11.3 2.6,0 0,15.8 -2.6,0 z" /><path
+       id="path491"
+       d="m 619.4,1384.8 c 0,4.1 -2.6,6.6 -6.9,6.6 -4.3,0 -6.9,-2.5 -6.9,-6.6 l 0,-9.2 2.7,0 0,9.2 c 0,2.7 1.6,4.3 4.2,4.3 2.6,0 4.2,-1.6 4.2,-4.3 l 0,-9.2 2.7,0 0,9.2 z" /><path
+       id="path493"
+       d="m 627.7,1391.3 0,-15.8 2.7,0 0,15.8 -2.7,0 z" /></g><rect
+     style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10"
+     id="rect495"
+     height="153"
+     width="272.29999"
+     class="st0"
+     y="1127.3"
+     x="455.5" /><g
+     transform="translate(-356.5,-160.5)"
+     id="g497"><path
+       id="path499"
+       d="m 1249.8,1348.5 c 4.7,0 8.2,3.3 8.2,7.9 0,4.6 -3.4,7.9 -8.2,7.9 l -6.4,0 0,-15.8 6.4,0 z m -3.8,13.4 3.9,0 c 3.1,0 5.4,-2.3 5.4,-5.5 0,-3.2 -2.4,-5.5 -5.5,-5.5 l -3.8,0 0,11 z" /><path
+       id="path501"
+       d="m 1267.2,1360.7 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 3.9,-9.4 -3,7 6,0 -3,-7 z" /><path
+       id="path503"
+       d="m 1290.3,1350.9 0,13.4 -2.7,0 0,-13.4 -5,0 0,-2.4 12.6,0 0,2.4 -4.9,0 z" /><path
+       id="path505"
+       d="m 1302.8,1360.7 -1.5,3.6 -2.8,0 7,-15.8 2.7,0 6.9,15.8 -2.8,0 -1.5,-3.6 -8,0 z m 3.9,-9.4 -3,7 5.9,0 -2.9,-7 z" /><path
+       id="path507"
+       d="m 1243.8,1391.3 0,-11.8 -5,10.1 -1.7,0 -5,-10.1 0,11.8 -2.5,0 0,-15.8 3.2,0 5.2,10.5 5.2,-10.5 3.1,0 0,15.8 -2.5,0 z" /><path
+       id="path509"
+       d="m 1270.3,1383.4 c 0,4.5 -3.7,8 -8.4,8 -4.7,0 -8.4,-3.5 -8.4,-8 0,-4.5 3.7,-8 8.4,-8 4.8,0.1 8.4,3.5 8.4,8 z m -14,0 c 0,3.1 2.6,5.6 5.7,5.6 3.1,0 5.6,-2.5 5.6,-5.6 0,-3.1 -2.5,-5.6 -5.6,-5.6 -3.1,0 -5.7,2.5 -5.7,5.6 z" /><path
+       id="path511"
+       d="m 1284.1,1375.5 c 4.7,0 8.2,3.3 8.2,7.9 0,4.6 -3.4,7.9 -8.2,7.9 l -6.4,0 0,-15.8 6.4,0 z m -3.8,13.4 3.9,0 c 3.1,0 5.4,-2.3 5.4,-5.5 0,-3.2 -2.4,-5.5 -5.5,-5.5 l -3.8,0 0,11 z" /><path
+       id="path513"
+       d="m 1302.3,1377.9 0,4.3 7.7,0 0,2.4 -7.7,0 0,4.3 8.9,0 0,2.4 -11.5,0 0,-15.8 11.3,0 0,2.4 -8.7,0 z" /><path
+       id="path515"
+       d="m 1328.4,1388.9 0,2.4 -9.5,0 0,-15.8 2.7,0 0,13.4 6.8,0 z" /></g><rect
+     style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10"
+     id="rect517"
+     height="153"
+     width="272.29999"
+     class="st0"
+     y="1127.3"
+     x="789.5" /><g
+     transform="translate(-356.5,-160.5)"
+     id="g519"><path
+       style="fill:#ff3a4b"
+       id="path521"
+       d="m 770,505.4 -4.5,10 -2.3,0 16,-35.3 2.3,0 16.2,35.3 -2.3,0 -4.6,-10 -20.8,0 z m 10.3,-22.8 -9.3,20.7 18.8,0 -9.5,-20.7 z"
+       class="st10" /><path
+       style="fill:#ff3a4b"
+       id="path523"
+       d="m 826.6,480.1 c 8.7,0 13.6,4.2 13.6,11.6 0,7.6 -4.9,11.9 -13.6,11.9 l -10.3,0 0,11.8 -2.1,0 0,-35.3 12.4,0 z m -10.3,21.5 10.2,0 c 7.4,0 11.6,-3.5 11.6,-9.8 0,-6.2 -4.2,-9.6 -11.6,-9.6 l -10.2,0 0,19.4 z"
+       class="st10" /><path
+       style="fill:#ff3a4b"
+       id="path525"
+       d="m 870.2,480.1 c 8.7,0 13.6,4.2 13.6,11.6 0,7.6 -4.9,11.9 -13.6,11.9 l -10.3,0 0,11.8 -2.1,0 0,-35.3 12.4,0 z m -10.3,21.5 10.2,0 c 7.4,0 11.6,-3.5 11.6,-9.8 0,-6.2 -4.2,-9.6 -11.6,-9.6 l -10.2,0 0,19.4 z"
+       class="st10" /><path
+       style="fill:#ff3a4b"
+       id="path527"
+       d="m 919.2,513.4 0,2.1 -17.8,0 0,-35.3 2.1,0 0,33.2 15.7,0 z"
+       class="st10" /><path
+       style="fill:#ff3a4b"
+       id="path529"
+       d="m 936.8,515.4 0,-35.3 2.1,0 0,35.3 -2.1,0 z"
+       class="st10" /><path
+       style="fill:#ff3a4b"
+       id="path531"
+       d="m 988,484.8 -1.3,1.6 c -2.9,-2.7 -6.9,-4.3 -11.1,-4.3 -8.9,0 -16.2,7 -16.2,15.6 0,8.7 7.2,15.7 16.2,15.7 4.2,0 8.1,-1.6 11.1,-4.3 l 1.3,1.5 c -3.3,3 -7.8,4.9 -12.5,4.9 -10,0 -18.2,-7.9 -18.2,-17.7 0,-9.8 8.2,-17.7 18.2,-17.7 4.8,0 9.2,1.8 12.5,4.7 z"
+       class="st10" /><path
+       style="fill:#ff3a4b"
+       id="path533"
+       d="m 1007.8,505.4 -4.5,10 -2.3,0 16,-35.3 2.3,0 16.2,35.3 -2.3,0 -4.6,-10 -20.8,0 z m 10.3,-22.8 -9.3,20.7 18.8,0 -9.5,-20.7 z"
+       class="st10" /><path
+       style="fill:#ff3a4b"
+       id="path535"
+       d="m 1057.4,482.2 0,33.2 -2.1,0 0,-33.2 -11.9,0 0,-2.1 25.9,0 0,2.1 -11.9,0 z"
+       class="st10" /><path
+       style="fill:#ff3a4b"
+       id="path537"
+       d="m 1086.1,515.4 0,-35.3 2.1,0 0,35.3 -2.1,0 z"
+       class="st10" /><path
+       style="fill:#ff3a4b"
+       id="path539"
+       d="m 1143.2,497.8 c 0,9.8 -8.2,17.7 -18.3,17.7 -10.1,0 -18.3,-7.9 -18.3,-17.7 0,-9.8 8.2,-17.7 18.3,-17.7 10.2,0 18.3,7.9 18.3,17.7 z m -34.3,0 c 0,8.6 7.3,15.6 16.1,15.6 8.8,0 16.1,-7 16.1,-15.6 0,-8.6 -7.3,-15.6 -16.1,-15.6 -8.9,0 -16.1,6.9 -16.1,15.6 z"
+       class="st10" /><path
+       style="fill:#ff3a4b"
+       id="path541"
+       d="m 1187.4,515.4 -23.5,-32.1 0,32.1 -2.1,0 0,-35.3 2.5,0 23.6,32.1 0,-32.1 2.1,0 0,35.3 -2.6,0 z"
+       class="st10" /><path
+       style="fill:#ff3a4b"
+       id="path543"
+       d="m 1256.3,482.9 -1,1.9 c -2.6,-1.7 -6.2,-2.6 -9.2,-2.6 -5.6,0 -9.2,2.3 -9.2,6 0,10.8 20.7,5.2 20.6,18.2 0,5.5 -4.9,9 -12.3,9 -4.7,0 -9.5,-2.1 -12.6,-5.1 l 1.1,-1.9 c 2.9,3 7.4,4.8 11.5,4.8 6.1,0 9.9,-2.6 9.9,-6.8 0.1,-11.1 -20.6,-5.4 -20.6,-18.1 0,-5.1 4.6,-8.4 11.6,-8.4 3.7,0.1 7.6,1.3 10.2,3 z"
+       class="st10" /><path
+       style="fill:#ff3a4b"
+       id="path545"
+       d="m 1279.3,482.2 0,14.1 18.4,0 0,2.1 -18.4,0 0,14.9 21.3,0 0,2.1 -23.4,0 0,-35.3 22.8,0 0,2.1 -20.7,0 z"
+       class="st10" /><path
+       style="fill:#ff3a4b"
+       id="path547"
+       d="m 1335.4,503.5 c -1,0.2 -1.9,0.2 -3,0.2 l -10.4,0 0,11.8 -2.1,0 0,-35.3 12.5,0 c 8.7,0 13.7,4.2 13.7,11.6 0,6 -3.1,9.9 -8.7,11.4 l 8.8,12.3 -2.5,0 -8.3,-12 z m -3,-1.9 c 7.4,0 11.6,-3.5 11.6,-9.8 0,-6.2 -4.2,-9.6 -11.6,-9.6 l -10.4,0 0,19.4 10.4,0 z"
+       class="st10" /><path
+       style="fill:#ff3a4b"
+       id="path549"
+       d="m 1374.9,515.4 -14.6,-35.3 2.4,0 13.4,32.8 13.4,-32.8 2.3,0 -14.6,35.3 -2.3,0 z"
+       class="st10" /><path
+       style="fill:#ff3a4b"
+       id="path551"
+       d="m 1410.5,482.2 0,14.1 18.4,0 0,2.1 -18.4,0 0,14.9 21.3,0 0,2.1 -23.4,0 0,-35.3 22.8,0 0,2.1 -20.7,0 z"
+       class="st10" /><path
+       style="fill:#ff3a4b"
+       id="path553"
+       d="m 1466.6,503.5 c -1,0.2 -1.9,0.2 -3,0.2 l -10.3,0 0,11.8 -2.1,0 0,-35.3 12.5,0 c 8.7,0 13.7,4.2 13.7,11.6 0,6 -3.1,9.9 -8.7,11.4 l 8.8,12.3 -2.5,0 -8.4,-12 z m -3,-1.9 c 7.4,0 11.6,-3.5 11.6,-9.8 0,-6.2 -4.2,-9.6 -11.6,-9.6 l -10.4,0 0,19.4 10.4,0 z"
+       class="st10" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g555"><path
+       id="path557"
+       d="m 919.8,565.1 c 0,4.4 -2.6,6.9 -6.8,6.9 -2.6,0 -4.8,-1.2 -6.4,-3.1 l 1.7,-2.8 c 1.4,1.6 3.1,2.4 4.6,2.4 2,0 3.1,-1.2 3.1,-3.5 l 0,-11.7 -7.5,0 0,-3.3 11.3,0 0,15.1 z" /><path
+       id="path559"
+       d="m 941.1,569.8 c -1.2,1.5 -3.1,2.2 -5.5,2.2 -3.6,0 -5.8,-2.2 -5.8,-5.1 0,-3 2.3,-5 6.3,-5 l 5,0 0,-0.5 c 0,-2.1 -1.3,-3.3 -4,-3.3 -1.6,0 -3.2,0.6 -4.9,1.7 l -1.5,-2.5 c 2.3,-1.4 4,-2.1 7.1,-2.1 4.3,0 6.7,2.2 6.7,5.8 l 0,10.9 -3.5,0 0,-2.1 z m -0.1,-3.8 0,-1.5 -4.5,0 c -2.3,0 -3.4,0.6 -3.4,2.2 0,1.5 1.2,2.5 3.2,2.5 2.6,-0.1 4.6,-1.4 4.7,-3.2 z" /><path
+       id="path561"
+       d="m 958.9,571.8 -6.4,-16.6 3.7,0 4.6,13.1 4.6,-13.1 3.6,0 -6.4,16.6 -3.7,0 z" /><path
+       id="path563"
+       d="m 987.2,569.8 c -1.2,1.5 -3.1,2.2 -5.5,2.2 -3.6,0 -5.8,-2.2 -5.8,-5.1 0,-3 2.3,-5 6.3,-5 l 5,0 0,-0.5 c 0,-2.1 -1.3,-3.3 -4,-3.3 -1.6,0 -3.2,0.6 -4.9,1.7 l -1.5,-2.5 c 2.3,-1.4 4,-2.1 7.1,-2.1 4.3,0 6.7,2.2 6.7,5.8 l 0,10.9 -3.5,0 0,-2.1 z m 0,-3.8 0,-1.5 -4.5,0 c -2.3,0 -3.4,0.6 -3.4,2.2 0,1.5 1.2,2.5 3.2,2.5 2.5,-0.1 4.5,-1.4 4.7,-3.2 z" /><path
+       id="path565"
+       d="m 1035,571.8 -5.2,-17 -5.2,17 -3.8,0 -7.2,-21.8 4,0 5.3,17.7 5.3,-17.7 3.6,0 5.3,17.7 5.3,-17.7 3.8,0 -7.3,21.8 -3.9,0 z" /><path
+       id="path567"
+       d="m 1067.5,564.9 -12.5,0 c 0.6,2.6 2.5,4.1 5.1,4.1 1.8,0 3.5,-0.7 4.7,-1.9 l 1.9,2 c -1.6,1.8 -4,2.8 -6.9,2.8 -5.1,0 -8.5,-3.4 -8.5,-8.4 0,-5 3.5,-8.4 8.4,-8.4 5.9,0 8.2,3.8 7.8,9.8 z m -3.1,-2.6 c -0.1,-2.7 -1.9,-4.3 -4.6,-4.3 -2.6,0 -4.5,1.7 -4.9,4.3 l 9.5,0 z" /><path
+       id="path569"
+       d="m 1094.9,563.6 c 0,5 -3.1,8.4 -7.9,8.4 -2.6,0 -4.6,-1.1 -5.9,-3 l 0,2.9 -3.6,0 0,-23.1 3.6,0 0,9.4 c 1.2,-1.9 3.2,-3 5.8,-3 4.8,-0.1 8,3.3 8,8.4 z m -3.6,-0.1 c 0,-3.1 -2.1,-5.4 -5.1,-5.4 -3,0 -5,2.2 -5,5.4 0,3.2 2.1,5.4 5,5.4 3,0 5.1,-2.3 5.1,-5.4 z" /><path
+       id="path571"
+       d="m 1122.5,566.9 -2.1,4.9 -3.8,0 9.6,-21.8 3.8,0 9.5,21.8 -3.9,0 -2.1,-4.9 -11,0 z m 5.5,-13 -4.1,9.7 8.2,0 -4.1,-9.7 z" /><path
+       id="path573"
+       d="m 1165.9,563.6 c 0,5 -3.1,8.4 -7.9,8.4 -2.6,0 -4.6,-1.1 -5.9,-3 l 0,8.9 -3.6,0 0,-22.6 3.6,0 0,2.9 c 1.2,-1.9 3.2,-3 5.8,-3 4.8,-0.1 8,3.3 8,8.4 z m -3.6,-0.1 c 0,-3.1 -2.1,-5.4 -5.1,-5.4 -3,0 -5,2.2 -5,5.4 0,3.2 2.1,5.4 5,5.4 3,0 5.1,-2.3 5.1,-5.4 z" /><path
+       id="path575"
+       d="m 1193.3,563.6 c 0,5 -3.1,8.4 -7.9,8.4 -2.6,0 -4.6,-1.1 -5.9,-3 l 0,8.9 -3.6,0 0,-22.6 3.6,0 0,2.9 c 1.2,-1.9 3.2,-3 5.8,-3 4.8,-0.1 8,3.3 8,8.4 z m -3.6,-0.1 c 0,-3.1 -2.1,-5.4 -5.1,-5.4 -3,0 -5,2.2 -5,5.4 0,3.2 2.1,5.4 5,5.4 3,0 5.1,-2.3 5.1,-5.4 z" /><path
+       id="path577"
+       d="m 1203.5,571.8 0,-23.1 3.6,0 0,23.1 -3.6,0 z" /><path
+       id="path579"
+       d="m 1222.6,550.5 c 0,1.2 -0.9,2.2 -2.1,2.2 -1.2,0 -2.1,-0.9 -2.1,-2.2 0,-1.3 0.9,-2.2 2.1,-2.2 1.2,0 2.1,0.9 2.1,2.2 z m -3.8,21.3 0,-16.6 3.6,0 0,16.6 -3.6,0 z" /><path
+       id="path581"
+       d="m 1247.5,557.8 -2,2.3 c -1.2,-1.2 -2.7,-1.9 -4.7,-1.9 -2.9,0 -4.9,2.2 -4.9,5.3 0,3.1 2.1,5.3 4.9,5.3 2.1,0 3.8,-0.7 4.9,-2 l 2,2 c -1.5,2 -3.9,3.1 -7,3.1 -4.9,0 -8.4,-3.4 -8.4,-8.4 0,-5 3.4,-8.4 8.4,-8.4 2.9,0 5.3,1 6.8,2.7 z" /><path
+       id="path583"
+       d="m 1266.9,569.8 c -1.2,1.5 -3.1,2.2 -5.5,2.2 -3.6,0 -5.8,-2.2 -5.8,-5.1 0,-3 2.3,-5 6.3,-5 l 5,0 0,-0.5 c 0,-2.1 -1.3,-3.3 -4,-3.3 -1.6,0 -3.2,0.6 -4.9,1.7 l -1.5,-2.5 c 2.3,-1.4 4,-2.1 7.1,-2.1 4.3,0 6.7,2.2 6.7,5.8 l 0,10.9 -3.5,0 0,-2.1 z m 0,-3.8 0,-1.5 -4.5,0 c -2.3,0 -3.4,0.6 -3.4,2.2 0,1.5 1.2,2.5 3.2,2.5 2.5,-0.1 4.5,-1.4 4.7,-3.2 z" /><path
+       id="path585"
+       d="m 1290.9,570.8 c -1.3,0.8 -2.7,1.2 -4.1,1.2 -2.5,0 -4.6,-1.4 -4.6,-4.8 l 0,-8.6 -2.3,0 0,-2.7 2.3,0 0,-4.6 3.6,0 0,4.6 4.9,0 0,2.7 -4.9,0 0,7.9 c 0,1.7 0.7,2.2 1.8,2.2 0.7,0 1.5,-0.2 2.5,-0.7 l 0.8,2.8 z" /><path
+       id="path587"
+       d="m 1304.3,550.5 c 0,1.2 -0.9,2.2 -2.1,2.2 -1.2,0 -2.1,-0.9 -2.1,-2.2 0,-1.3 0.9,-2.2 2.1,-2.2 1.2,0 2.1,0.9 2.1,2.2 z m -3.9,21.3 0,-16.6 3.6,0 0,16.6 -3.6,0 z" /><path
+       id="path589"
+       d="m 1331.3,563.5 c 0,5 -3.5,8.4 -8.6,8.4 -5.1,0 -8.7,-3.4 -8.7,-8.4 0,-5 3.5,-8.4 8.7,-8.4 5,0 8.6,3.4 8.6,8.4 z m -13.8,0.1 c 0,3.2 2.1,5.4 5.1,5.4 3,0 5,-2.2 5,-5.4 0,-3.2 -2.1,-5.4 -5,-5.4 -3,0 -5.1,2.2 -5.1,5.4 z" /><path
+       id="path591"
+       d="m 1357.1,561.5 0,10.3 -3.6,0 0,-9.3 c 0,-2.5 -1.5,-4 -4,-4 -2.7,0 -4.5,1.9 -4.7,4.5 l 0,8.8 -3.6,0 0,-16.6 3.6,0 0,3.2 c 1.2,-2.3 3.3,-3.3 6.1,-3.3 3.9,0 6.2,2.4 6.2,6.4 z" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g605"><path
+       id="rect607"
+       d="m 647.59998,1563.2 57.09999,0 0,12.3 -57.09999,0 z"
+       style="fill:#ffffff" /><path
+       style="fill:#33393b"
+       id="path609"
+       d="m 705.1,1576 -58,0 0,-13.2 58,0 0,13.2 z m -57.1,-1 56.2,0 0,-11.4 -56.2,0 0,11.4 z"
+       class="st14" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g611"><path
+       id="rect613"
+       d="m 647.59998,1580.3 57.09999,0 0,12.3 -57.09999,0 z"
+       style="fill:#ffffff" /><path
+       style="fill:#33393b"
+       id="path615"
+       d="m 705.1,1593.1 -58,0 0,-13.2 58,0 0,13.2 z m -57.1,-1 56.2,0 0,-11.4 -56.2,0 0,11.4 z"
+       class="st14" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g617"><path
+       id="rect619"
+       d="m 647.59998,1597.4 57.09999,0 0,12.3 -57.09999,0 z"
+       style="fill:#ffffff" /><path
+       style="fill:#33393b"
+       id="path621"
+       d="m 705.1,1610.1 -58,0 0,-13.2 58,0 0,13.2 z m -57.1,-0.9 56.2,0 0,-11.4 -56.2,0 0,11.4 z"
+       class="st14" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g623"><path
+       id="rect625"
+       d="m 675.70001,1615.5 0.9,0 0,9.1 -0.9,0 z"
+       style="fill:#33393b" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g627"><path
+       id="rect629"
+       d="m 649.20001,1624.2 55.5,0 0,0.9 -55.5,0 z"
+       style="fill:#33393b" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g631"><path
+       id="circle633"
+       d="m 677.99998,1624.6 a 1.9,1.9 0 0 1 -1.9,1.9 1.9,1.9 0 0 1 -1.9,-1.9 1.9,1.9 0 0 1 1.9,-1.9 1.9,1.9 0 0 1 1.9,1.9 z"
+       style="fill:#33393b" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g635"><path
+       id="circle637"
+       d="m 655.3,1569.4 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z"
+       style="fill:#33393b" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g639"><path
+       id="circle641"
+       d="m 661.39998,1569.4 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z"
+       style="fill:#33393b" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g643"><path
+       id="circle645"
+       d="m 667.39998,1569.4 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z"
+       style="fill:#33393b" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g647"><path
+       id="circle649"
+       d="m 700.50001,1569.4 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z"
+       style="fill:#ff3b4a" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g651"><path
+       id="circle653"
+       d="m 655.3,1586.4 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z"
+       style="fill:#33393b" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g655"><path
+       id="circle657"
+       d="m 661.39998,1586.4 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z"
+       style="fill:#33393b" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g659"><path
+       id="circle661"
+       d="m 667.39998,1586.4 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z"
+       style="fill:#33393b" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g663"><path
+       id="circle665"
+       d="m 700.50001,1586.4 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z"
+       style="fill:#ff3b4a" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g667"><path
+       id="circle669"
+       d="m 655.3,1603.6 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z"
+       style="fill:#33393b" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g671"><path
+       id="circle673"
+       d="m 651.00001,1624.6 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z"
+       style="fill:#33393b" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g675"><path
+       id="circle677"
+       d="m 706.50001,1624.6 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z"
+       style="fill:#33393b" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g679"><path
+       id="circle681"
+       d="m 677.89998,1615.5 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z"
+       style="fill:#33393b" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g683"><path
+       id="circle685"
+       d="m 661.39998,1603.6 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z"
+       style="fill:#33393b" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g687"><path
+       id="circle689"
+       d="m 667.39998,1603.6 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z"
+       style="fill:#33393b" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g691"><path
+       id="circle693"
+       d="m 700.50001,1603.6 a 1.8,1.8 0 0 1 -1.8,1.8 1.8,1.8 0 0 1 -1.8,-1.8 1.8,1.8 0 0 1 1.8,-1.8 1.8,1.8 0 0 1 1.8,1.8 z"
+       style="fill:#ff3b4a" /></g><line
+     style="fill:none;stroke:#00b4f0;stroke-miterlimit:10"
+     id="line695"
+     y2="496.40002"
+     x2="1258.2"
+     y1="197.60001"
+     x1="1258.2"
+     class="st9" /><line
+     style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10"
+     id="line927"
+     y2="572.90002"
+     x2="455.5"
+     y1="572.90002"
+     x1="397.79999"
+     class="st0" /><line
+     style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10"
+     id="line929"
+     y2="706.79999"
+     x2="589.70001"
+     y1="649.20001"
+     x1="589.70001"
+     class="st0" /><line
+     style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10"
+     id="line931"
+     y2="917.5"
+     x2="589.70001"
+     y1="859.79999"
+     x1="589.70001"
+     class="st0" /><polygon
+     transform="translate(-356.5,-160.5)"
+     style="fill:#33393b"
+     id="polygon933"
+     points="637,634.3 618.2,659.2 599.3,634.3 "
+     class="st14" /><polygon
+     transform="translate(-356.5,-160.5)"
+     style="fill:#33393b"
+     id="polygon935"
+     points="602.8,1247.3 614.2,1232.3 625.6,1247.3 "
+     class="st14" /><line
+     style="fill:none;stroke:#33393b;stroke-miterlimit:10"
+     id="line937"
+     y2="1086.8"
+     x2="257.70001"
+     y1="1126.5"
+     x1="257.70001"
+     class="st17" /><polygon
+     transform="translate(-356.5,-160.5)"
+     style="fill:#33393b"
+     id="polygon939"
+     points="625.6,1482.6 614.2,1497.6 602.8,1482.6 "
+     class="st14" /><line
+     style="fill:none;stroke:#33393b;stroke-miterlimit:10"
+     id="line941"
+     y2="1322.1"
+     x2="257.70001"
+     y1="1282.4"
+     x1="257.70001"
+     class="st17" /><polygon
+     transform="translate(-356.5,-160.5)"
+     style="fill:#33393b"
+     id="polygon943"
+     points="955.6,1484.1 944.2,1499.1 932.8,1484.1 "
+     class="st14" /><line
+     style="fill:none;stroke:#33393b;stroke-miterlimit:10"
+     id="line945"
+     y2="1323.6"
+     x2="587.70001"
+     y1="1283.9"
+     x1="587.70001"
+     class="st17" /><polygon
+     transform="translate(-356.5,-160.5)"
+     style="fill:#33393b"
+     id="polygon947"
+     points="932.8,1247.3 944.2,1232.3 955.6,1247.3 "
+     class="st14" /><polygon
+     transform="translate(-356.5,-160.5)"
+     style="fill:#33393b"
+     id="polygon949"
+     points="955.6,1272 944.2,1287 932.8,1272 "
+     class="st14" /><line
+     style="fill:none;stroke:#33393b;stroke-miterlimit:10"
+     id="line951"
+     y2="1086.8"
+     x2="587.70001"
+     y1="1126.5"
+     x1="587.70001"
+     class="st17" /><g
+     transform="translate(-356.5,-160.5)"
+     id="g953"><path
+       id="path955"
+       d="m 776.4,714.9 5.5,0 0,-13.9 -4.2,0 0,-2 c 2.2,-0.3 3.7,-0.8 5.1,-1.6 l 2.3,0 0,17.4 5.1,0 0,2.5 -13.6,0 0,-2.4 z" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g957"><path
+       id="path959"
+       d="m 641.7,1059.4 5.5,0 0,-13.9 -4.2,0 0,-1.9 c 2.2,-0.3 3.7,-0.8 5.1,-1.6 l 2.3,0 0,17.4 5.1,0 0,2.5 -13.6,0 0,-2.5 z" /></g><g
+     transform="translate(-356.5,-160.5)"
+     id="g961"><path
+       id="path963"
+       d="m 639.7,833.6 2.5,0 0.3,2.5 0.1,0 c 1.5,-1.6 3.3,-2.9 5.6,-2.9 3.6,0 5.2,2.2 5.2,6.2 l 0,9.5 -3.1,0 0,-9.1 c 0,-2.7 -0.9,-3.9 -3.2,-3.9 -1.6,0 -2.8,0.8 -4.4,2.4 l 0,10.6 -3.1,0 0,-15.3 z" /></g><line
+     style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10"
+     id="line965"
+     y2="706.79999"
+     x2="261.70001"
+     y1="649.40002"
+     x1="261.70001"
+     class="st0" /><line
+     style="fill:none;stroke:#ff3a4b;stroke-miterlimit:10"
+     id="line967"
+     y2="917.40002"
+     x2="259.70001"
+     y1="859.90002"
+     x1="259.70001"
+     class="st0" /></svg>

documentation/application/original-drawings/Makefile

@@ -0,0 +1,18 @@
+SVG =
+RASTERIMAGES = application-architecture
+
+RASTERSRCIMAGES := $(foreach file, $(RASTERIMAGES), $(file).svg)
+RASTERIMAGES_HI := $(foreach file, $(RASTERIMAGES), ../img/$(file)-hi.png)
+RASTERIMAGES_LO := $(foreach file, $(RASTERIMAGES), ../img/$(file)-lo.png)
+SVGTRGIMAGES := $(foreach file, $(SVG), ../img/$(file).svg)
+
+images: $(RASTERIMAGES_HI) $(SVGTRGIMAGES) FORCE
+# Just do low now $(TRGIMAGES_LO)
+
+$(RASTERIMAGES_HI): ../img/%-hi.png: %.svg
+	inkscape --export-png $@ --export-dpi=300 --export-area-drawing $<
+
+$(SVGTRGIMAGES): ../img/%.svg: %.svg FORCE
+	inkscape $< --export-text-to-path -l $@
+
+FORCE:

documentation/architecture/architecture-overview.asciidoc

@@ -17,8 +17,8 @@ in the browser. The two models can share their UI widgets, themes, and back-end
 code and services, and can be mixed together easily.
 
 [[figure.architecture.detailed]]
-.Vaadin Runtime Architecture
-image::img/architecture-detailed-hi.png[width=70%, scaledwidth=100%]
+.Vaadin runtime architecture
+image::img/architecture-detailed-hi.png[width=80%, scaledwidth=100%]
 
 <<figure.architecture.detailed>> gives a basic illustration of the client-side
 and server-side communications, in a running situation where the page with the

documentation/architecture/original-drawings/Makefile

@@ -0,0 +1,18 @@
+SVG =
+RASTERIMAGES = architecture-detailed
+
+RASTERSRCIMAGES := $(foreach file, $(RASTERIMAGES), $(file).svg)
+RASTERIMAGES_HI := $(foreach file, $(RASTERIMAGES), ../img/$(file)-hi.png)
+RASTERIMAGES_LO := $(foreach file, $(RASTERIMAGES), ../img/$(file)-lo.png)
+SVGTRGIMAGES := $(foreach file, $(SVG), ../img/$(file).svg)
+
+images: $(RASTERIMAGES_HI) $(SVGTRGIMAGES) FORCE
+# Just do low now $(TRGIMAGES_LO)
+
+$(RASTERIMAGES_HI): ../img/%-hi.png: %.svg
+	inkscape --export-png $@ --export-dpi=300 --export-area-drawing $<
+
+$(SVGTRGIMAGES): ../img/%.svg: %.svg FORCE
+	inkscape $< --export-text-to-path -l $@
+
+FORCE:

documentation/components/components-fields.asciidoc

@@ -9,14 +9,13 @@ layout: page
 
 ((("[classname]#Field#", id="term.components.fields", range="startofrange")))
 
-
-__Fields__ are components that have a value that the user can change through the
-user interface. <<figure.components.fields>> illustrates the inheritance
-relationships and the important interfaces and base classes.
+_Fields_ are components that have a value that the user can change through the
+user interface.
+<<figure.components.fields>> illustrates the inheritance relationships and the important interfaces and base classes.
 
 [[figure.components.fields]]
 .Field components
-image::img/field-diagram-hi.png[width=60%, scaledwidth=100%]
+image::img/field-diagram-hi.png[width=80%, scaledwidth=100%]
 
 Field components are built upon the framework defined in the [classname]#Field#
 interface and the [classname]#AbstractField# base class.
@@ -29,6 +28,10 @@ addition to the component features inherited from
 The description of the field interfaces and base classes is broken down in the
 following sections.
 
+[[figure.components.fields.hasvalue]]
+.Field components having values
+image::img/field-interface-v8-hi.png[width=60%, scaledwidth=100%]
+
 [[components.fields.field]]
 == The [classname]#Field# Interface
 

documentation/components/original-drawings/Makefile

@@ -0,0 +1,13 @@
+IMAGES = slider-example1 field-interface-v8 field-diagram
+
+SRCIMAGES := $(foreach file, $(IMAGES), $(file).svg)
+TRGIMAGES_HI := $(foreach file, $(IMAGES), ../img/$(file)-hi.png)
+TRGIMAGES_LO := $(foreach file, $(IMAGES), ../img/$(file)-lo.png)
+
+images: $(TRGIMAGES_HI) FORCE
+# Just do low now $(TRGIMAGES_LO)
+
+$(TRGIMAGES_HI): ../img/%-hi.png: %.svg
+	inkscape --export-png $@ --export-dpi=300 --export-area-page $<
+
+FORCE:

documentation/components/original-drawings/field-interface-v8.svg

@@ -0,0 +1,276 @@
+<?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: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="82mm"
+   height="42mm"
+   viewBox="0 0 290.55118 148.81889"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r"
+   sodipodi:docname="field-interface-v8.svg">
+  <defs
+     id="defs4">
+    <marker
+       inkscape:stockid="EmptyTriangleOutL"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="EmptyTriangleOutL"
+       style="overflow:visible"
+       inkscape:isstock="true">
+      <path
+         id="path4695"
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#00b4f0;stroke-width:1pt;stroke-opacity:1"
+         transform="matrix(0.8,0,0,0.8,-4.8,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow2Lend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow2Lend"
+       style="overflow:visible"
+       inkscape:isstock="true">
+      <path
+         id="path4556"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
+         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+         transform="matrix(-1.1,0,0,-1.1,-1.1,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow2Mend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow2Mend"
+       style="overflow:visible"
+       inkscape:isstock="true">
+      <path
+         id="path4562"
+         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
+         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+         transform="scale(-0.6,-0.6)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="EmptyTriangleOutL"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="EmptyTriangleOutL-9"
+       style="overflow:visible"
+       inkscape:isstock="true">
+      <path
+         inkscape:connector-curvature="0"
+         id="path4695-8"
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         style="fill:#ffffff;fill-rule:evenodd;stroke:#00b4f0;stroke-width:1pt;stroke-opacity:1"
+         transform="matrix(0.8,0,0,0.8,-4.8,0)" />
+    </marker>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.959798"
+     inkscape:cx="149.36774"
+     inkscape:cy="83.496431"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1060"
+     inkscape:window-x="-2"
+     inkscape:window-y="-3"
+     inkscape:window-maximized="1"
+     inkscape:object-nodes="true"
+     inkscape:snap-center="false"
+     inkscape:snap-object-midpoints="true"
+     inkscape:object-paths="true"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4136"
+       spacingx="3.5433071"
+       spacingy="3.5433071"
+       empspacing="10"
+       units="mm" />
+    <sodipodi:guide
+       position="145.27559,191.33858"
+       orientation="1,0"
+       id="guide4278" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <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>
+  <g
+     inkscape:label="Taso 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-903.54331)">
+    <g
+       id="g4462"
+       transform="translate(74.409446,67.322836)">
+      <rect
+         y="839.76379"
+         x="31.889767"
+         height="35.433056"
+         width="77.952759"
+         id="rect4408"
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#33383a;stroke-width:1.06299213;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(-0.28483429,13.018324)"
+         id="flowRoot4420"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4422"><use
+             height="100%"
+             width="100%"
+             id="use4424"
+             xlink:href="#rect4408"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4428">HasValue&lt;T&gt;</flowPara></flowRoot>      <flowRoot
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
+         id="flowRoot4420-0-2-7"
+         transform="translate(-5.960083e-4,3.7265644)"><flowRegion
+           id="flowRegion4422-7-6-3"><use
+             x="0"
+             y="0"
+             xlink:href="#rect4408-7"
+             id="use4424-6-1-1"
+             width="100%"
+             height="100%" /></flowRegion><flowPara
+           id="flowPara4428-1-6-72">«interface»</flowPara></flowRoot>    </g>
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#00b4f0;stroke-width:1.06299213;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1.06299213,1.06299213;stroke-dashoffset:0;stroke-opacity:1;marker-end:url(#EmptyTriangleOutL)"
+       d="m 106.29921,1013.3858 0,-35.43303 38.97638,0 0,-35.43307"
+       id="path4529"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccc" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#00b4f0;stroke-width:1.06299213;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1.06299213,1.06299213;stroke-dashoffset:0;stroke-opacity:1;marker-end:url(#EmptyTriangleOutL-9)"
+       d="m 184.25197,1013.3858 0,-35.43303 -38.97638,0 0,-35.43307"
+       id="path4529-3"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccc" />
+    <g
+       id="g5560"
+       transform="translate(35.404948,102.75593)">
+      <rect
+         y="886.83691"
+         x="53.275875"
+         height="9.619791"
+         width="35.306797"
+         id="rect5558"
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.06299213;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+      <flowRoot
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         id="flowRoot4420-0-2"
+         transform="translate(-0.13751283,47.764101)"><flowRegion
+           id="flowRegion4422-7-6"><use
+             x="0"
+             y="0"
+             xlink:href="#rect4408-7"
+             id="use4424-6-1"
+             width="100%"
+             height="100%" /></flowRegion><flowPara
+           id="flowPara4428-1-6">&lt;String&gt;</flowPara></flowRoot>    </g>
+    <g
+       transform="translate(113.3736,102.75593)"
+       id="g5560-8">
+      <rect
+         y="886.83691"
+         x="53.275875"
+         height="9.619791"
+         width="35.306797"
+         id="rect5558-2"
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.06299213;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+      <flowRoot
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         id="flowRoot4420-0-2-6"
+         transform="translate(-0.13751283,47.764101)"><flowRegion
+           id="flowRegion4422-7-6-8"><use
+             x="0"
+             y="0"
+             xlink:href="#rect4408-7"
+             id="use4424-6-1-6"
+             width="100%"
+             height="100%" /></flowRegion><flowPara
+           id="flowPara4428-1-6-7">&lt;LocalDate&gt;</flowPara></flowRoot>    </g>
+    <g
+       transform="translate(35.43307,173.62206)"
+       id="g4462-8">
+      <rect
+         y="839.76379"
+         x="35.433071"
+         height="35.433071"
+         width="70.866142"
+         id="rect4408-7"
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:1.06299213;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(0.25253814,11.616754)"
+         id="flowRoot4420-0"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4422-7"><use
+             height="100%"
+             width="100%"
+             id="use4424-6"
+             xlink:href="#rect4408-7"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4428-1">TextField</flowPara></flowRoot>    </g>
+    <g
+       transform="translate(113.38583,173.62206)"
+       id="g4462-8-1">
+      <rect
+         y="839.76379"
+         x="35.433071"
+         height="35.433071"
+         width="70.866142"
+         id="rect4408-7-4"
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:1.06299213;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(0.25253814,11.616754)"
+         id="flowRoot4420-0-3"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4422-7-4"><use
+             height="100%"
+             width="100%"
+             id="use4424-6-4"
+             xlink:href="#rect4408-7-4"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4428-1-4">DateField</flowPara></flowRoot>    </g>
+  </g>
+</svg>

documentation/installing/installing-eclipse.adoc

@@ -16,8 +16,8 @@ Using Eclipse IDE for Vaadin development requires installing the IDE itself and
 You are adviced to also configure a web server in Eclipse.
 You can then use the server for running the Vaadin applications that you create.
 
-.Installation of the Eclipse IDE toolchain
-image::img/installation-eclipse-hi.png[]
+.Installing the Eclipse IDE toolchain
+image::img/installation-eclipse-hi.png[width=90%, scaledwidth=100%]
 
 Vaadin Designer is a visual design tool for professional developers.
 It allows for easy creation of declarative designs.

documentation/installing/installing-idea.asciidoc

@@ -10,6 +10,9 @@ layout: page
 With IntelliJ IDEA, you have two choices: use the commercial Ultimate Edition or the free Community Edition.
 In the following, we cover the installation and configuration of them both.
 
+.Installing the IntelliJ IDEA toolchain
+image::img/installation-intellij-hi.png[width=100%, scaledwidth=100%]
+
 The Ultimate Edition::
 The Ultimate Edition includes built-in support for creating Vaadin applications and running or debugging them in an integrated application server.
 

documentation/installing/installing-netbeans.asciidoc

@@ -12,7 +12,7 @@ The Vaadin Plug-in for NetBeans supports creating Vaadin projects, updating Vaad
 It also allows directly downloading Vaadin add-ons from the Vaadin Directory.
 
 .Installation of the NetBeans IDE toolchain
-image::img/installation-netbeans-hi.png[width=80%, scaledwidth=80%]
+image::img/installation-netbeans-hi.png[width=100%, scaledwidth=100%]
 
 The installation bundle includes a web server, so you do not need that.
 

documentation/installing/installing-other.adoc

@@ -28,8 +28,8 @@ After Firebug is installed, it can be enabled at any time from the Firefox
 toolbar. <<figure.firebug.calc>> shows Firebug in action.
 
 [[figure.firebug.calc]]
-.Firebug Debugger for Firefox
-image::img/firebug.png[scaledwidth=100%]
+.Firebug debugger for Firefox
+image::img/firebug.png[width=100%, scaledwidth=100%]
 
 The most important feature in Firebug is inspecting HTML elements. Right-click
 on an element and select [guilabel]#Inspect Element with Firebug# to inspect it.

documentation/installing/installing-overview.adoc

@@ -13,7 +13,7 @@ You can use Vaadin with any Java IDE or no IDE at all.
 Vaadin has special support for the Eclipse and NetBeans IDEs, as well as for IntelliJ IDEA.
 
 .Vaadin installation steps
-image::img/installation-steps.svg[scaledwidth=100%]
+image::img/installation-steps-hi.png[width=100%, scaledwidth=100%]
 
 Managing Vaadin and other Java libraries can get tedious to do manually, so using a build system that manages dependencies automatically is adviced.
 Vaadin is distributed in the Maven central repository, and can be used with any build or dependency management system that can access Maven repositories, such as Ivy or Gradle, in addition to Maven.

documentation/installing/installing-toolchain.adoc

@@ -28,7 +28,7 @@ your entire toolchain supports it.
 
 [[figure.toolchain]]
 .Development Toolchain and Process
-image::img/toolchain-hi.png[width=70%, scaledwidth=100%]
+image::img/toolchain-hi.png[width=80%, scaledwidth=100%]
 
 <<figure.toolchain>> illustrates the development toolchain. You develop your
 application as an Eclipse project. The project must include, in addition to your

documentation/installing/original-drawings/Makefile

@@ -1,13 +1,18 @@
-IMAGES = installation-steps installation-eclipse installation-netbeans
+SVG =
+RASTERIMAGES = installation-steps installation-eclipse installation-netbeans \
+	installation-intellij toolchain
 
-SRCIMAGES := $(foreach file, $(IMAGES), $(file).svg)
-TRGIMAGES_HI := $(foreach file, $(IMAGES), ../img/$(file)-hi.png)
-TRGIMAGES_LO := $(foreach file, $(IMAGES), ../img/$(file)-lo.png)
+RASTERSRCIMAGES := $(foreach file, $(RASTERIMAGES), $(file).svg)
+RASTERIMAGES_HI := $(foreach file, $(RASTERIMAGES), ../img/$(file)-hi.png)
+SVGTRGIMAGES := $(foreach file, $(SVG), ../img/$(file).svg)
 
-images: $(TRGIMAGES_HI) FORCE
-# Just do low now $(TRGIMAGES_LO) 
+images: $(RASTERIMAGES_HI) $(SVGTRGIMAGES) FORCE
+# Just do low now $(TRGIMAGES_LO)
 
-$(TRGIMAGES_HI): ../img/%-hi.png: %.svg
-	inkscape --export-png $@ --export-dpi=150 --export-area-drawing $<
+$(RASTERIMAGES_HI): ../img/%-hi.png: %.svg
+	inkscape --export-png $@ --export-dpi=300 --export-area-page $<
+
+$(SVGTRGIMAGES): ../img/%.svg: %.svg FORCE
+	inkscape $< --export-text-to-path -l $@
 
 FORCE:

documentation/installing/original-drawings/installation-eclipse.svg

@@ -7,13 +7,14 @@
    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="1052.3622"
-   height="744.09448"
+   width="82mm"
+   height="41mm"
    id="svg1901"
    sodipodi:version="0.32"
-   inkscape:version="0.48.4 r9939"
+   inkscape:version="0.91 r"
    sodipodi:docname="installation-eclipse.svg"
    version="1.1">
   <defs
@@ -23,12 +24,12 @@
      pagecolor="#ffffff"
      bordercolor="#666666"
      borderopacity="1.0"
-     inkscape:pageopacity="0.0"
+     inkscape:pageopacity="1"
      inkscape:pageshadow="2"
-     inkscape:zoom="2.8"
-     inkscape:cx="338.6838"
-     inkscape:cy="422.05166"
-     inkscape:document-units="px"
+     inkscape:zoom="3.959798"
+     inkscape:cx="138.80258"
+     inkscape:cy="99.669053"
+     inkscape:document-units="mm"
      inkscape:current-layer="layer1"
      inkscape:window-width="1920"
      inkscape:window-height="1060"
@@ -43,24 +44,18 @@
      inkscape:object-nodes="true"
      inkscape:snap-object-midpoints="true"
      showguides="true"
-     inkscape:guide-bbox="true">
+     inkscape:guide-bbox="true"
+     units="mm">
     <inkscape:grid
        type="xygrid"
        id="grid2982"
-       empspacing="5"
+       empspacing="10"
        visible="true"
        enabled="true"
        snapvisiblegridlinesonly="true"
-       spacingx="5px"
-       spacingy="5px" />
-    <sodipodi:guide
-       orientation="1,0"
-       position="227.32143,468.92857"
-       id="guide3116" />
-    <sodipodi:guide
-       orientation="1,0"
-       position="330,370"
-       id="guide3120" />
+       spacingx="3.5433071"
+       spacingy="3.5433071"
+       units="mm" />
   </sodipodi:namedview>
   <metadata
      id="metadata1906">
@@ -78,459 +73,438 @@
      inkscape:label="Taso 1"
      inkscape:groupmode="layer"
      id="layer1"
-     transform="translate(0,-308.2677)">
-    <rect
-       style="color:#000000;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.13524589;stroke-dasharray:2, 1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-       id="rect3115"
-       width="550"
-       height="220"
-       x="130"
-       y="224.09448"
-       ry="0"
-       transform="translate(0,308.2677)" />
+     transform="translate(0,-907.08661)">
     <path
-       style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
-       d="m 185,727.36221 50,0 290,-3e-5"
-       id="path3003"
+       style="fill:none;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 81.496063,956.69294 0,3.54331"
+       id="path3003-6-5-30"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 38.976381,921.25986 42.913386,2e-5 159.055113,-2e-5"
+       id="path3003-6"
        inkscape:connector-curvature="0"
        sodipodi:nodetypes="ccc" />
+    <circle
+       r="3.5432572"
+       cy="921.25983"
+       cx="81.496063"
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="path2997-7" />
+    <circle
+       r="3.5432572"
+       cy="921.25983"
+       cx="131.10236"
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="path2997-7-4" />
+    <circle
+       r="3.5432572"
+       cy="921.25983"
+       cx="180.70866"
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="path2997-7-2" />
+    <circle
+       r="10.629871"
+       cy="921.25983"
+       cx="230.31496"
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="path2997-7-9-2" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot4349"
+       style="font-style:normal;font-weight:normal;font-size:10px;line-height:125%;font-family:Sans;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       transform="translate(-3.5433044,878.74018)"><flowRegion
+         id="flowRegion4351"><rect
+           id="rect4353"
+           width="67.322838"
+           height="42.519684"
+           x="49.6063"
+           y="56.692909"
+           style="font-size:10px" /></flowRegion><flowPara
+         id="flowPara4355" /></flowRoot>    <g
+       id="g4392"
+       transform="translate(7.0866139,116.9292)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="21.259842"
+         width="35.433071"
+         id="rect4347"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369"><use
+             height="100%"
+             width="100%"
+             id="use4371"
+             xlink:href="#rect4347"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4373">Install</flowPara><flowPara
+           id="flowPara4375">Eclipse</flowPara></flowRoot>    </g>
     <g
-       id="g3238"
-       transform="translate(160,2.7294197e-5)">
-      <g
-         transform="translate(50.125,-69.875)"
-         id="g3908-4-9">
-        <rect
-           style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-           id="rect3806-4-2-2"
-           width="60"
-           height="40.000027"
-           x="14.875"
-           y="657.23718"
-           ry="1.8654728"
-           rx="1.8654728" />
-        <flowRoot
-           transform="translate(0.74636894,298.81113)"
-           style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:90%;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-           id="flowRoot3808-5-7-2"
-           xml:space="preserve"><flowRegion
-             id="flowRegion3810-5-6-3"><rect
-               style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-               y="363.14072"
-               x="16.541248"
-               height="25.285309"
-               width="52.587383"
-               id="rect3812-6-6-4" /></flowRegion><flowPara
-             id="flowPara3820-9-2-0">On</flowPara><flowPara
-             id="flowPara3942-8-3">Windows</flowPara></flowRoot>      </g>
-      <g
-         transform="translate(50.125,-49.875)"
-         id="g3908-4">
-        <rect
-           style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-           id="rect3806-4-2"
-           width="60"
-           height="35.000027"
-           x="14.875"
-           y="662.23718"
-           ry="1.8654728"
-           rx="1.8654728" />
-        <flowRoot
-           transform="translate(0.73921187,303.05351)"
-           style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-           id="flowRoot3808-5-7"
-           xml:space="preserve"><flowRegion
-             id="flowRegion3810-5-6"><rect
-               style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-               y="363.14072"
-               x="16.541248"
-               height="25.127552"
-               width="44.320438"
-               id="rect3812-6-6" /></flowRegion><flowPara
-             id="flowPara3820-9-2"
-             style="font-size:11px">On</flowPara><flowPara
-             id="flowPara3942-8"
-             style="font-size:11px">OS X</flowPara></flowRoot>      </g>
-      <g
-         transform="translate(50.125,-29.875)"
-         id="g3908">
-        <rect
-           style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-           id="rect3806-4"
-           width="60"
-           height="30.000027"
-           x="14.875"
-           y="667.23718"
-           ry="1.8654728"
-           rx="1.8654728" />
-        <flowRoot
-           transform="translate(0.71890704,308.81113)"
-           style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-           id="flowRoot3808-5"
-           xml:space="preserve"><flowRegion
-             id="flowRegion3810-5"><rect
-               style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-               y="363.14072"
-               x="16.541248"
-               height="25.127552"
-               width="44.320438"
-               id="rect3812-6" /></flowRegion><flowPara
-             id="flowPara3820-9"
-             style="font-size:11px">On</flowPara><flowPara
-             id="flowPara3942"
-             style="font-size:11px">Linux</flowPara></flowRoot>      </g>
-      <g
-         transform="translate(30,-2.7058031e-6)"
-         id="g3822">
-        <path
-           sodipodi:type="arc"
-           style="color:#000000;fill:#000000;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.13524589;stroke-dasharray:2, 1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-           id="path3005-2"
-           sodipodi:cx="25"
-           sodipodi:cy="419.09448"
-           sodipodi:rx="9.1659365"
-           sodipodi:ry="9.1659365"
-           d="m 19.911936,426.71852 c -4.210641,-2.81006 -5.346037,-8.50146 -2.535977,-12.7121 2.81006,-4.21064 8.501463,-5.34604 12.712105,-2.53598 4.210641,2.81006 5.346037,8.50146 2.535977,12.71211 -2.809352,4.20958 -8.498806,5.34564 -12.709387,2.53779 L 25,419.09448 z"
-           transform="matrix(0.54549827,0,0,0.54549827,36.362543,498.74687)"
-           sodipodi:start="2.1592864"
-           sodipodi:end="8.4421153" />
-        <path
-           sodipodi:nodetypes="cc"
-           style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
-           d="m 50,419.09448 c 0,-15 0,-25.36336 0,-25.36336"
-           id="path3804"
-           inkscape:connector-curvature="0"
-           transform="translate(0,308.2677)" />
-      </g>
-      <g
-         transform="translate(4.8113861,-12.853955)"
-         id="g3868">
-        <rect
-           style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-           id="rect3806"
-           width="90"
-           height="40.000011"
-           x="30.188614"
-           y="675.21613"
-           ry="3.0304618"
-           rx="3.0304618" />
-        <flowRoot
-           xml:space="preserve"
-           id="flowRoot3808"
-           style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-           transform="translate(18.369364,319.99189)"><flowRegion
-             id="flowRegion3810"><rect
-               id="rect3812"
-               width="90.278"
-               height="32.083504"
-               x="16.541248"
-               y="363.14072"
-               style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-             id="flowPara3816">Install</flowPara><flowPara
-             id="flowPara3820">Eclipse</flowPara></flowRoot>      </g>
-    </g>
-    <g
-       id="g3271"
-       transform="translate(160,2.7294197e-5)">
-      <g
-         transform="translate(145,-2.4872322e-5)"
-         id="g3822-0">
-        <path
-           sodipodi:type="arc"
-           style="color:#000000;fill:#000000;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.13524589;stroke-dasharray:2, 1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-           id="path3005-2-8"
-           sodipodi:cx="25"
-           sodipodi:cy="419.09448"
-           sodipodi:rx="9.1659365"
-           sodipodi:ry="9.1659365"
-           d="m 19.911936,426.71852 c -4.210641,-2.81006 -5.346037,-8.50146 -2.535977,-12.7121 2.81006,-4.21064 8.501463,-5.34604 12.712105,-2.53598 4.210641,2.81006 5.346037,8.50146 2.535977,12.71211 -2.809352,4.20958 -8.498806,5.34564 -12.709387,2.53779 L 25,419.09448 z"
-           transform="matrix(0.54549827,0,0,0.54549827,36.362543,498.74687)"
-           sodipodi:start="2.1592864"
-           sodipodi:end="8.4421153" />
-        <path
-           sodipodi:nodetypes="cc"
-           style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
-           d="m 50,419.09448 c 0,-15 0,-25.36336 0,-25.36336"
-           id="path3804-9"
-           inkscape:connector-curvature="0"
-           transform="translate(0,308.2677)" />
-      </g>
+       id="g4392-4"
+       transform="translate(49.606296,116.92921)">
       <rect
-         style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-         id="rect3806-0"
-         width="120"
-         height="40.000027"
-         x="135"
-         y="662.36218"
-         ry="3.0304618"
-         rx="3.0304618" />
+         y="818.50391"
+         x="56.692913"
+         height="21.259813"
+         width="49.606297"
+         id="rect4347-8"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
       <flowRoot
-         xml:space="preserve"
-         id="flowRoot3808-3"
-         style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-         transform="translate(123.18075,307.13791)"><flowRegion
-           id="flowRegion3810-3"><rect
-             id="rect3812-1"
-             width="115.278"
-             height="49.002258"
-             x="16.541248"
-             y="363.14072"
-             style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-           id="flowPara3462">Install the</flowPara><flowPara
-           id="flowPara3120">Vaadin Plugin</flowPara></flowRoot>      <rect
-         style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:2,4;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-         id="rect3806-0-1"
-         width="120"
-         height="40.000027"
-         x="135"
-         y="612.36218"
-         ry="3.0304618"
-         rx="3.0304618" />
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367-1"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-1"><use
+             height="100%"
+             width="100%"
+             id="use4371-0"
+             xlink:href="#rect4347-8"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4373-7">Install the</flowPara><flowPara
+           id="flowPara4375-8">Vaadin Plugin</flowPara></flowRoot>    </g>
+    <flowRoot
+       transform="translate(-80.859252,95.125518)"
+       id="flowRoot4367-1-7"
+       style="font-style:normal;font-variant:normal;font-weight:200;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Ultra-Light';text-align:end;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:end;fill:#5b686b;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       xml:space="preserve"><flowRegion
+         id="flowRegion4369-1-5"><use
+           height="100%"
+           width="100%"
+           id="use4371-0-1"
+           xlink:href="#rect4347-8"
+           y="0"
+           x="0" /></flowRegion><flowPara
+         id="flowPara4375-8-3">START</flowPara><flowPara
+         id="flowPara4462">HERE</flowPara></flowRoot>    <g
+       id="g4392-0"
+       transform="translate(10.629921,141.73235)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="17.716536"
+         width="28.346457"
+         id="rect4347-0"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
       <flowRoot
-         xml:space="preserve"
-         id="flowRoot3808-3-8"
-         style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-         transform="translate(123.18075,257.13788)"><flowRegion
-           id="flowRegion3810-3-8"><rect
-             id="rect3812-1-4"
-             width="115.278"
-             height="49.002258"
-             x="16.541248"
-             y="363.14072"
-             style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-           id="flowPara3143">Install Vaadin Designer</flowPara></flowRoot>      <path
-         sodipodi:nodetypes="cc"
-         style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:2,2;stroke-dashoffset:0"
-         d="m 195,662.36216 0,-10"
-         id="path3804-97"
-         inkscape:connector-curvature="0" />
-    </g>
+         transform="translate(2.6821639,1.591953)"
+         id="flowRoot4367-0"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-0"><use
+             height="100%"
+             width="100%"
+             id="use4371-01"
+             xlink:href="#rect4347-0"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4375-9"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;writing-mode:lr-tb;text-anchor:start">On Windows</flowPara></flowRoot>    </g>
     <g
-       transform="translate(290,0.36334209)"
-       id="g3271-5">
-      <g
-         transform="translate(150.125,-110.23837)"
-         id="g3908-4-9-7-8">
-        <rect
-           style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-           id="rect3806-4-2-2-0-0"
-           width="60"
-           height="50.000092"
-           x="14.875"
-           y="647.60052"
-           ry="1.8654728"
-           rx="1.8654728" />
-        <flowRoot
-           transform="translate(1.0223215,288.61775)"
-           style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-           id="flowRoot3808-5-7-2-4-0"
-           xml:space="preserve"><flowRegion
-             id="flowRegion3810-5-6-3-2-1"><rect
-               style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-               y="363.14072"
-               x="16.541248"
-               height="25.842058"
-               width="52.311432"
-               id="rect3812-6-6-4-0-0" /></flowRegion><flowPara
-             id="flowPara3123-9">Apache</flowPara><flowPara
-             id="flowPara3417">Tomcat</flowPara></flowRoot>      </g>
-      <g
-         transform="translate(145.125,-89.874981)"
-         id="g3908-4-1-3">
-        <rect
-           style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-           id="rect3806-4-2-6-8"
-           width="60"
-           height="45.000046"
-           x="19.875"
-           y="652.23712"
-           ry="1.8654728"
-           rx="1.8654728" />
-        <flowRoot
-           transform="translate(5.7477504,293.01433)"
-           style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-           id="flowRoot3808-5-7-0-0"
-           xml:space="preserve"><flowRegion
-             id="flowRegion3810-5-6-6-0"><rect
-               style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-               y="363.14072"
-               x="16.541248"
-               height="21.08209"
-               width="52.586002"
-               id="rect3812-6-6-0-0" /></flowRegion><flowPara
-             id="flowPara3127-7">TomEE</flowPara></flowRoot>      </g>
-      <g
-         transform="translate(145.125,-69.875003)"
-         id="g3908-4-1-3-3">
-        <rect
-           style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-           id="rect3806-4-2-6-8-5"
-           width="60"
-           height="40.000023"
-           x="19.875"
-           y="657.23718"
-           ry="1.8654728"
-           rx="1.8654728" />
-        <flowRoot
-           transform="translate(6.486036,298.2575)"
-           style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-           id="flowRoot3808-5-7-0-0-9"
-           xml:space="preserve"><flowRegion
-             id="flowRegion3810-5-6-6-0-5"><rect
-               style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-               y="363.14072"
-               x="16.541248"
-               height="25.127552"
-               width="44.320438"
-               id="rect3812-6-6-0-0-8" /></flowRegion><flowPara
-             id="flowPara3127-7-1">Wildfly</flowPara></flowRoot>      </g>
-      <g
-         transform="translate(145.125,-49.875)"
-         id="g3908-3-3">
-        <rect
-           style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-           id="rect3806-4-0-0"
-           width="60"
-           height="35.000027"
-           x="19.875"
-           y="662.23718"
-           ry="1.8654728"
-           rx="1.8654728" />
-        <flowRoot
-           transform="translate(5.5983218,303.07893)"
-           style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-           id="flowRoot3808-5-8-5"
-           xml:space="preserve"><flowRegion
-             id="flowRegion3810-5-3-9"><rect
-               style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-               y="363.14072"
-               x="16.541248"
-               height="21.017509"
-               width="57.735432"
-               id="rect3812-6-1-3" /></flowRegion><flowPara
-             id="flowPara3131-2">GlassFish</flowPara></flowRoot>      </g>
-      <g
-         transform="translate(145.125,-29.875002)"
-         id="g3908-3-3-7">
-        <rect
-           style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-           id="rect3806-4-0-0-8"
-           width="60"
-           height="30.000025"
-           x="19.875"
-           y="667.23718"
-           ry="1.8654728"
-           rx="1.8654728" />
-        <flowRoot
-           transform="translate(5.4917504,307.90036)"
-           style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-           id="flowRoot3808-5-8-5-5"
-           xml:space="preserve"><flowRegion
-             id="flowRegion3810-5-3-9-6"><rect
-               style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-               y="363.14072"
-               x="16.541248"
-               height="25.127552"
-               width="44.320438"
-               id="rect3812-6-1-3-8" /></flowRegion><flowPara
-             id="flowPara3131-2-5">Other</flowPara></flowRoot>      </g>
-      <g
-         transform="translate(130,2.421875e-6)"
-         id="g3822-0-3">
-        <path
-           sodipodi:type="arc"
-           style="color:#000000;fill:#000000;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.13524589;stroke-dasharray:2, 1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-           id="path3005-2-8-1"
-           sodipodi:cx="25"
-           sodipodi:cy="419.09448"
-           sodipodi:rx="9.1659365"
-           sodipodi:ry="9.1659365"
-           d="m 19.911936,426.71852 c -4.210641,-2.81006 -5.346037,-8.50146 -2.535977,-12.7121 2.81006,-4.21064 8.501463,-5.34604 12.712105,-2.53598 4.210641,2.81006 5.346037,8.50146 2.535977,12.71211 -2.809352,4.20958 -8.498806,5.34564 -12.709387,2.53779 L 25,419.09448 z"
-           transform="matrix(0.54549827,0,0,0.54549827,36.362543,498.74687)"
-           sodipodi:start="2.1592864"
-           sodipodi:end="8.4421153" />
-        <path
-           sodipodi:nodetypes="cc"
-           style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
-           d="m 50,419.09448 c 0,-15 0,-25.36336 0,-25.36336"
-           id="path3804-9-3"
-           inkscape:connector-curvature="0"
-           transform="translate(0,308.2677)" />
-      </g>
+       id="g4392-4-4"
+       transform="translate(106.2992,116.92922)">
       <rect
-         style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-         id="rect3806-0-6"
-         width="90"
-         height="40.363342"
-         x="135"
-         y="661.99884"
-         ry="3.0304618"
-         rx="3.0304618" />
+         y="818.50391"
+         x="56.692913"
+         height="21.259834"
+         width="35.433071"
+         id="rect4347-8-7"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
       <flowRoot
-         xml:space="preserve"
-         id="flowRoot3808-3-6"
-         style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-         transform="translate(122.76475,307.13793)"><flowRegion
-           id="flowRegion3810-3-6"><rect
-             id="rect3812-1-7"
-             width="90.694"
-             height="31.720194"
-             x="16.541248"
-             y="363.14072"
-             style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-           id="flowPara3413">Configure</flowPara><flowPara
-           id="flowPara3088">a Server</flowPara></flowRoot>    </g>
-    <path
-       sodipodi:type="arc"
-       style="color:#000000;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3.66637278;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-       id="path3005-2-1-8-2"
-       sodipodi:cx="25"
-       sodipodi:cy="419.09448"
-       sodipodi:rx="18.331858"
-       sodipodi:ry="18.331858"
-       d="M 14.823881,434.34255 C 6.4026049,428.72244 4.1318157,417.33964 9.7519312,408.91836 15.372047,400.49709 26.754843,398.2263 35.176119,403.84641 c 8.421276,5.62012 10.692065,17.00292 5.07195,25.42419 -5.412093,8.10957 -16.224957,10.56415 -24.607996,5.58614"
-       transform="matrix(0.54549827,0,0,0.54549827,511.36254,499.11015)"
-       sodipodi:start="2.1592864"
-       sodipodi:end="8.3898438"
-       sodipodi:open="true" />
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367-1-5"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-1-6"><use
+             height="100%"
+             width="100%"
+             id="use4371-0-13"
+             xlink:href="#rect4347-8-7"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4561">Configure a Server</flowPara></flowRoot>    </g>
+    <circle
+       r="10.629871"
+       cy="921.25983"
+       cx="38.976379"
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="path2997-7-9" />
     <flowRoot
        xml:space="preserve"
-       id="flowRoot3808-4-1"
-       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-       transform="translate(523.46875,347.01565)"><flowRegion
-         id="flowRegion3810-2-4"><rect
-           id="rect3812-0-5"
-           width="85.838005"
-           height="45.504295"
-           x="16.541248"
-           y="363.14072"
-           style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-         id="flowPara3187">Go</flowPara><flowPara
-         id="flowPara3227">Create a Project</flowPara></flowRoot>    <path
-       sodipodi:type="arc"
-       style="color:#000000;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3.66637278;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-       id="path3005-2-1-8-2-7"
-       sodipodi:cx="25"
-       sodipodi:cy="419.09448"
-       sodipodi:rx="18.331858"
-       sodipodi:ry="18.331858"
-       d="M 14.823881,434.34255 C 6.4026049,428.72244 4.1318157,417.33964 9.7519312,408.91836 15.372047,400.49709 26.754843,398.2263 35.176119,403.84641 c 8.421276,5.62012 10.692065,17.00292 5.07195,25.42419 -5.412093,8.10957 -16.224957,10.56415 -24.607996,5.58614"
-       transform="matrix(0.54549827,0,0,0.54549827,171.36254,498.74687)"
-       sodipodi:start="2.1592864"
-       sodipodi:end="8.3898438"
-       sodipodi:open="true" />
-    <flowRoot
-       xml:space="preserve"
-       id="flowRoot3808-4-1-8"
-       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:end;line-height:89.99999762%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-       transform="translate(69.45294,353.63285)"><flowRegion
-         id="flowRegion3810-2-4-5"><rect
-           id="rect3812-0-5-7"
-           width="85.838005"
-           height="45.504295"
-           x="16.541248"
-           y="363.14072"
-           style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:end;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:end;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-         id="flowPara3227-2">Start</flowPara><flowPara
-         id="flowPara3142">Here</flowPara></flowRoot>  </g>
+       id="flowRoot4608"
+       style="font-style:normal;font-variant:normal;font-weight:200;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Ultra-Light';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       transform="translate(-8.7799417,886.00829)"><flowRegion
+         id="flowRegion4610"><rect
+           id="rect4612"
+           width="46.062996"
+           height="24.80315"
+           x="251.5748"
+           y="28.346453"
+           style="font-style:normal;font-variant:normal;font-weight:200;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Ultra-Light';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#00b4f0;fill-opacity:1" /></flowRegion><flowPara
+         id="flowPara4614">GO CREATE A PROJECT</flowPara></flowRoot>    <g
+       id="g4392-0-9"
+       transform="translate(10.629921,159.44888)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="17.716536"
+         width="28.346457"
+         id="rect4347-0-0"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367-0-6"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-0-9"><use
+             height="100%"
+             width="100%"
+             id="use4371-01-0"
+             xlink:href="#rect4347-0-0"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4375-9-7"
+           style="font-size:5px">On</flowPara><flowPara
+           style="font-size:5px"
+           id="flowPara4646">OS X</flowPara></flowRoot>    </g>
+    <g
+       id="g4392-0-9-5"
+       transform="translate(10.629921,177.16542)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="17.716536"
+         width="28.346457"
+         id="rect4347-0-0-5"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367-0-6-3"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-0-9-0"><use
+             height="100%"
+             width="100%"
+             id="use4371-01-0-2"
+             xlink:href="#rect4347-0-0-5"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4375-9-7-1"
+           style="font-size:5px">On</flowPara><flowPara
+           style="font-size:5px"
+           id="flowPara4646-5">Linux</flowPara></flowRoot>    </g>
+    <path
+       style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 81.496063,921.25987 0,14.17323"
+       id="path3003-6-5"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 131.10234,921.25989 0,14.17323"
+       id="path3003-6-5-3"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 180.70864,921.25989 0,14.17323"
+       id="path3003-6-5-7"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g4392-0-4-5"
+       transform="translate(109.8425,141.73237)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="17.716536"
+         width="28.346457"
+         id="rect4347-0-2-28"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367-0-7-0"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-0-6-6"><use
+             height="100%"
+             width="100%"
+             id="use4371-01-4-96"
+             xlink:href="#rect4347-0-2-28"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           style="font-size:5px"
+           id="flowPara4783-6">Apache</flowPara><flowPara
+           style="font-size:5px"
+           id="flowPara4917">Tomcat</flowPara></flowRoot>    </g>
+    <g
+       id="g4392-0-4-6-8"
+       transform="translate(109.8425,159.44891)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="17.716536"
+         width="28.346457"
+         id="rect4347-0-2-5-5"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367-0-7-2-4"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-0-6-7-7"><use
+             height="100%"
+             width="100%"
+             id="use4371-01-4-9-8"
+             xlink:href="#rect4347-0-2-5-5"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           style="font-size:5px"
+           id="flowPara4783-7-2">TomEE</flowPara></flowRoot>    </g>
+    <g
+       id="g4392-0-4-0-0"
+       transform="translate(109.8425,177.16544)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="17.716536"
+         width="28.346457"
+         id="rect4347-0-2-2-7"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367-0-7-4-8"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-0-6-5-6"><use
+             height="100%"
+             width="100%"
+             id="use4371-01-4-6-3"
+             xlink:href="#rect4347-0-2-2-7"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           style="font-size:5px"
+           id="flowPara4838-1">Wildfly</flowPara></flowRoot>    </g>
+    <path
+       style="fill:none;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 180.70864,956.69296 0,3.54331"
+       id="path3003-6-5-30-4-6"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g4392-0-4-0-0-1"
+       transform="translate(109.8425,194.88197)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="17.716536"
+         width="28.346457"
+         id="rect4347-0-2-2-7-1"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367-0-7-4-8-8"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-0-6-5-6-7"><use
+             height="100%"
+             width="100%"
+             id="use4371-01-4-6-3-4"
+             xlink:href="#rect4347-0-2-2-7-1"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           style="font-size:5px"
+           id="flowPara4838-1-1">Glassfish</flowPara></flowRoot>    </g>
+    <g
+       id="g4392-0-4-0-0-1-0"
+       transform="translate(109.8425,212.59851)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="17.716536"
+         width="28.346457"
+         id="rect4347-0-2-2-7-1-1"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367-0-7-4-8-8-1"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-0-6-5-6-7-2"><use
+             height="100%"
+             width="100%"
+             id="use4371-01-4-6-3-4-5"
+             xlink:href="#rect4347-0-2-2-7-1-1"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           style="font-size:5px"
+           id="flowPara4838-1-1-5">Other</flowPara></flowRoot>    </g>
+    <g
+       id="g4392-4-9"
+       transform="translate(49.606293,141.73233)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="21.259842"
+         width="49.6063"
+         id="rect4347-8-4"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.70866144, 0.70866144;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367-1-0"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-1-9"><use
+             height="100%"
+             width="100%"
+             id="use4371-0-7"
+             xlink:href="#rect4347-8-4"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4375-8-0">Install Vaadin Designer</flowPara></flowRoot>    </g>
+    <path
+       style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.70866144, 0.70866144;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 131.10236,956.69292 0,3.54331"
+       id="path3003-6-5-3-5"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g4392-4-9-8"
+       transform="translate(49.6063,166.53546)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="28.346457"
+         width="49.6063"
+         id="rect4347-8-4-0"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.70866144, 0.70866144;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367-1-0-2"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-1-9-9"><use
+             height="100%"
+             width="100%"
+             id="use4371-0-7-6"
+             xlink:href="#rect4347-8-4-0"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4375-8-0-1">Configure the</flowPara><flowPara
+           id="flowPara4353">Notification</flowPara><flowPara
+           id="flowPara4356">Center</flowPara></flowRoot>    </g>
+    <path
+       style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.70866144, 0.70866144;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 131.10236,981.49605 0,3.54331"
+       id="path3003-6-5-3-5-6"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+  </g>
 </svg>

documentation/installing/original-drawings/installation-intellij.svg

@@ -0,0 +1,382 @@
+<?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: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="82mm"
+   height="46mm"
+   id="svg1901"
+   sodipodi:version="0.32"
+   inkscape:version="0.91 r"
+   sodipodi:docname="installation-intellij.svg"
+   version="1.1">
+  <defs
+     id="defs1903" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.8"
+     inkscape:cx="153.1089"
+     inkscape:cy="76.118195"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:window-width="1920"
+     inkscape:window-height="1060"
+     inkscape:window-x="-2"
+     inkscape:window-y="-3"
+     showgrid="true"
+     inkscape:window-maximized="1"
+     inkscape:snap-center="true"
+     inkscape:snap-grids="true"
+     inkscape:snap-bbox="true"
+     inkscape:object-paths="true"
+     inkscape:object-nodes="true"
+     inkscape:snap-object-midpoints="true"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     units="mm">
+    <inkscape:grid
+       type="xygrid"
+       id="grid2982"
+       empspacing="10"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true"
+       spacingx="3.5433071"
+       spacingy="3.5433071"
+       units="mm" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata1906">
+    <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></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Taso 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-889.37006)">
+    <path
+       style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 38.976374,970.86611 24.80315,14.17323 141.732286,0 24.80315,-14.17321"
+       id="path3003-6-9"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccc" />
+    <path
+       style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 38.976377,970.86613 24.803147,-14.17325 141.732286,0 24.80315,14.17323"
+       id="path3003-6"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccc" />
+    <circle
+       r="3.5432572"
+       cy="985.03931"
+       cx="85.03936"
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="path2997-7" />
+    <circle
+       r="3.5432572"
+       cy="985.03925"
+       cx="141.7323"
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="path2997-7-4" />
+    <circle
+       r="10.629871"
+       cy="970.86609"
+       cx="230.31496"
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="path2997-7-9-2" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot4349"
+       style="font-style:normal;font-weight:normal;font-size:10px;line-height:125%;font-family:Sans;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       transform="translate(-3.5433088,928.34645)"><flowRegion
+         id="flowRegion4351"><rect
+           id="rect4353"
+           width="67.322838"
+           height="42.519684"
+           x="49.6063"
+           y="56.692909"
+           style="font-size:10px" /></flowRegion><flowPara
+         id="flowPara4355" /></flowRoot>    <g
+       id="g4392"
+       transform="translate(3.5433076,180.70871)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="28.346426"
+         width="49.606293"
+         id="rect4347"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369"><use
+             height="100%"
+             width="100%"
+             id="use4371"
+             xlink:href="#rect4347"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4281">Install IntelliJ</flowPara><flowPara
+           id="flowPara4375">Community</flowPara><flowPara
+           id="flowPara4249">Edition</flowPara><flowPara
+           id="flowPara4245" /><flowPara
+           id="flowPara4247" /></flowRoot>    </g>
+    <g
+       id="g4392-4"
+       transform="translate(60.236234,180.70866)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="21.259813"
+         width="49.606297"
+         id="rect4347-8"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367-1"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-1"><use
+             height="100%"
+             width="100%"
+             id="use4371-0"
+             xlink:href="#rect4347-8"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4373-7">Install the</flowPara><flowPara
+           id="flowPara4375-8">Vaadin Plugin</flowPara></flowRoot>    </g>
+    <flowRoot
+       transform="translate(-80.859256,144.73179)"
+       id="flowRoot4367-1-7"
+       style="font-style:normal;font-variant:normal;font-weight:200;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Ultra-Light';text-align:end;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:end;fill:#5b686b;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       xml:space="preserve"><flowRegion
+         id="flowRegion4369-1-5"><use
+           height="100%"
+           width="100%"
+           id="use4371-0-1"
+           xlink:href="#rect4347-8"
+           y="0"
+           x="0" /></flowRegion><flowPara
+         id="flowPara4375-8-3">START</flowPara><flowPara
+         id="flowPara4462">HERE</flowPara></flowRoot>    <circle
+       r="10.629871"
+       cy="970.86609"
+       cx="38.976376"
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="path2997-7-9" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot4608"
+       style="font-style:normal;font-variant:normal;font-weight:200;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Ultra-Light';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       transform="translate(-8.7799461,935.61456)"><flowRegion
+         id="flowRegion4610"><rect
+           id="rect4612"
+           width="46.062996"
+           height="24.80315"
+           x="251.5748"
+           y="28.346453"
+           style="font-style:normal;font-variant:normal;font-weight:200;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Ultra-Light';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#00b4f0;fill-opacity:1" /></flowRegion><flowPara
+         id="flowPara4614">GO CREATE A PROJECT</flowPara></flowRoot>    <path
+       style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 85.039365,985.03944 0,14.17323"
+       id="path3003-6-5"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 141.73228,985.03934 0,14.17323"
+       id="path3003-6-5-3"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g4392-4-9"
+       transform="translate(60.236217,209.05512)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="21.259842"
+         width="49.6063"
+         id="rect4347-8-4"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.70866144, 0.70866144;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367-1-0"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-1-9"><use
+             height="100%"
+             width="100%"
+             id="use4371-0-7"
+             xlink:href="#rect4347-8-4"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4375-8-0">Install Vaadin Designer</flowPara></flowRoot>    </g>
+    <path
+       style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.70866144, 0.70866144;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 141.7323,1020.4724 -2e-5,7.0866"
+       id="path3003-6-5-3-5"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <circle
+       r="3.5432572"
+       cy="956.69293"
+       cx="85.039352"
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="path2997-7-95" />
+    <circle
+       r="3.5432572"
+       cy="956.69287"
+       cx="141.73228"
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="path2997-7-4-7" />
+    <circle
+       r="3.5432572"
+       cy="956.69287"
+       cx="191.33859"
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="path2997-7-2-5" />
+    <g
+       id="g4392-48"
+       transform="translate(3.5433047,95.669298)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="28.346426"
+         width="49.606293"
+         id="rect4347-6"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367-2"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-9"><use
+             height="100%"
+             width="100%"
+             id="use4371-04"
+             xlink:href="#rect4347-6"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4281-2">Install IntelliJ</flowPara><flowPara
+           id="flowPara4375-0">Ultimate</flowPara><flowPara
+           id="flowPara4249-2">Edition</flowPara><flowPara
+           id="flowPara4245-2" /><flowPara
+           id="flowPara4247-9" /></flowRoot>    </g>
+    <g
+       id="g4392-4-0"
+       transform="translate(60.236219,102.75591)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="21.259813"
+         width="49.606297"
+         id="rect4347-8-6"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367-1-2"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-1-4"><use
+             height="100%"
+             width="100%"
+             id="use4371-0-9"
+             xlink:href="#rect4347-8-6"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4373-7-8">Install the</flowPara><flowPara
+           id="flowPara4375-8-34">Vaadin Plugin</flowPara></flowRoot>    </g>
+    <g
+       id="g4392-4-4-5"
+       transform="translate(116.92913,102.75592)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="21.259834"
+         width="35.433071"
+         id="rect4347-8-7-5"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367-1-5-2"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-1-6-7"><use
+             height="100%"
+             width="100%"
+             id="use4371-0-13-6"
+             xlink:href="#rect4347-8-7-5"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4561-0">Configure a Server</flowPara></flowRoot>    </g>
+    <path
+       style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 85.039361,942.51975 0,14.17323"
+       id="path3003-6-5-8"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 141.73228,942.51965 0,14.17323"
+       id="path3003-6-5-3-55"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 191.33858,942.51965 0,14.17323"
+       id="path3003-6-5-7-5"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g4392-4-9-3"
+       transform="translate(60.236217,74.409445)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="21.259842"
+         width="49.6063"
+         id="rect4347-8-4-0"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.70866144, 0.70866144;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367-1-0-3"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-1-9-9"><use
+             height="100%"
+             width="100%"
+             id="use4371-0-7-2"
+             xlink:href="#rect4347-8-4-0"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4375-8-0-4">Install Vaadin Designer</flowPara></flowRoot>    </g>
+    <path
+       style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.70866144, 0.70866144;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 141.73228,914.17319 0,7.08662"
+       id="path3003-6-5-3-5-1"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+  </g>
+</svg>

documentation/installing/original-drawings/installation-netbeans.svg

@@ -7,13 +7,14 @@
    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="1052.3622"
-   height="744.09448"
+   width="82mm"
+   height="31mm"
    id="svg1901"
    sodipodi:version="0.32"
-   inkscape:version="0.48.4 r9939"
+   inkscape:version="0.91 r"
    sodipodi:docname="installation-netbeans.svg"
    version="1.1">
   <defs
@@ -23,12 +24,12 @@
      pagecolor="#ffffff"
      bordercolor="#666666"
      borderopacity="1.0"
-     inkscape:pageopacity="0.0"
+     inkscape:pageopacity="1"
      inkscape:pageshadow="2"
-     inkscape:zoom="1.979899"
-     inkscape:cx="399.44283"
-     inkscape:cy="445.22531"
-     inkscape:document-units="px"
+     inkscape:zoom="3.959798"
+     inkscape:cx="148.5253"
+     inkscape:cy="82.243922"
+     inkscape:document-units="mm"
      inkscape:current-layer="layer1"
      inkscape:window-width="1920"
      inkscape:window-height="1060"
@@ -43,24 +44,18 @@
      inkscape:object-nodes="true"
      inkscape:snap-object-midpoints="true"
      showguides="true"
-     inkscape:guide-bbox="true">
+     inkscape:guide-bbox="true"
+     units="mm">
     <inkscape:grid
        type="xygrid"
        id="grid2982"
-       empspacing="5"
+       empspacing="10"
        visible="true"
        enabled="true"
        snapvisiblegridlinesonly="true"
-       spacingx="5px"
-       spacingy="5px" />
-    <sodipodi:guide
-       orientation="1,0"
-       position="227.32143,468.92857"
-       id="guide3116" />
-    <sodipodi:guide
-       orientation="1,0"
-       position="330,370"
-       id="guide3120" />
+       spacingx="3.5433071"
+       spacingy="3.5433071"
+       units="mm" />
   </sodipodi:namedview>
   <metadata
      id="metadata1906">
@@ -78,257 +73,215 @@
      inkscape:label="Taso 1"
      inkscape:groupmode="layer"
      id="layer1"
-     transform="translate(0,-308.2677)">
-    <rect
-       style="color:#000000;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.13524589;stroke-dasharray:2, 1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-       id="rect3115"
-       width="385"
-       height="170"
-       x="130"
-       y="274.09448"
-       ry="0"
-       transform="translate(0,308.2677)" />
+     transform="translate(0,-942.51968)">
     <path
-       style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
-       d="m 185,727.36221 50,0 190,-3e-5"
-       id="path3003"
+       style="fill:none;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 113.38583,992.12602 0,3.54331"
+       id="path3003-6-5-30"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 70.866144,956.69294 42.913386,2e-5 88.18897,-4e-5"
+       id="path3003-6"
        inkscape:connector-curvature="0"
        sodipodi:nodetypes="ccc" />
+    <circle
+       r="3.5432572"
+       cy="956.69293"
+       cx="113.38583"
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="path2997-7" />
+    <circle
+       r="3.5432572"
+       cy="956.69293"
+       cx="162.99211"
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="path2997-7-4" />
+    <circle
+       r="10.629871"
+       cy="956.69293"
+       cx="212.59842"
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="path2997-7-9-2" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot4349"
+       style="font-style:normal;font-weight:normal;font-size:10px;line-height:125%;font-family:Sans;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       transform="translate(-3.5433044,878.74018)"><flowRegion
+         id="flowRegion4351"><rect
+           id="rect4353"
+           width="67.322838"
+           height="42.519684"
+           x="49.6063"
+           y="56.692909"
+           style="font-size:10px" /></flowRegion><flowPara
+         id="flowPara4355" /></flowRoot>    <g
+       id="g4392"
+       transform="translate(38.976377,152.36228)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="21.259842"
+         width="35.433071"
+         id="rect4347"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369"><use
+             height="100%"
+             width="100%"
+             id="use4371"
+             xlink:href="#rect4347"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4373">Install</flowPara><flowPara
+           id="flowPara4375">NetBeans</flowPara></flowRoot>    </g>
     <g
-       id="g3238"
-       transform="translate(160,2.7294197e-5)">
-      <g
-         transform="translate(50.125,-69.875)"
-         id="g3908-4-9">
-        <rect
-           style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-           id="rect3806-4-2-2"
-           width="60"
-           height="40.000027"
-           x="14.875"
-           y="657.23718"
-           ry="1.8654728"
-           rx="1.8654728" />
-        <flowRoot
-           transform="translate(0.74636894,298.81113)"
-           style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:90%;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-           id="flowRoot3808-5-7-2"
-           xml:space="preserve"><flowRegion
-             id="flowRegion3810-5-6-3"><rect
-               style="font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-               y="363.14072"
-               x="16.541248"
-               height="25.285309"
-               width="52.587383"
-               id="rect3812-6-6-4" /></flowRegion><flowPara
-             id="flowPara3820-9-2-0">On</flowPara><flowPara
-             id="flowPara3942-8-3">Windows</flowPara></flowRoot>      </g>
-      <g
-         transform="translate(50.125,-49.875)"
-         id="g3908-4">
-        <rect
-           style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-           id="rect3806-4-2"
-           width="60"
-           height="35.000027"
-           x="14.875"
-           y="662.23718"
-           ry="1.8654728"
-           rx="1.8654728" />
-        <flowRoot
-           transform="translate(0.73921187,303.05351)"
-           style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-           id="flowRoot3808-5-7"
-           xml:space="preserve"><flowRegion
-             id="flowRegion3810-5-6"><rect
-               style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-               y="363.14072"
-               x="16.541248"
-               height="25.127552"
-               width="44.320438"
-               id="rect3812-6-6" /></flowRegion><flowPara
-             id="flowPara3820-9-2"
-             style="font-size:11px">On</flowPara><flowPara
-             id="flowPara3942-8"
-             style="font-size:11px">OS X</flowPara></flowRoot>      </g>
-      <g
-         transform="translate(50.125,-29.875)"
-         id="g3908">
-        <rect
-           style="color:#000000;fill:#e0e0e0;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-           id="rect3806-4"
-           width="60"
-           height="30.000027"
-           x="14.875"
-           y="667.23718"
-           ry="1.8654728"
-           rx="1.8654728" />
-        <flowRoot
-           transform="translate(0.71890704,308.81113)"
-           style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-           id="flowRoot3808-5"
-           xml:space="preserve"><flowRegion
-             id="flowRegion3810-5"><rect
-               style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-               y="363.14072"
-               x="16.541248"
-               height="25.127552"
-               width="44.320438"
-               id="rect3812-6" /></flowRegion><flowPara
-             id="flowPara3820-9"
-             style="font-size:11px">On</flowPara><flowPara
-             id="flowPara3942"
-             style="font-size:11px">Linux</flowPara></flowRoot>      </g>
-      <g
-         transform="translate(30,-2.7058031e-6)"
-         id="g3822">
-        <path
-           sodipodi:type="arc"
-           style="color:#000000;fill:#000000;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.13524589;stroke-dasharray:2, 1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-           id="path3005-2"
-           sodipodi:cx="25"
-           sodipodi:cy="419.09448"
-           sodipodi:rx="9.1659365"
-           sodipodi:ry="9.1659365"
-           d="m 19.911936,426.71852 c -4.210641,-2.81006 -5.346037,-8.50146 -2.535977,-12.7121 2.81006,-4.21064 8.501463,-5.34604 12.712105,-2.53598 4.210641,2.81006 5.346037,8.50146 2.535977,12.71211 -2.809352,4.20958 -8.498806,5.34564 -12.709387,2.53779 L 25,419.09448 z"
-           transform="matrix(0.54549827,0,0,0.54549827,36.362543,498.74687)"
-           sodipodi:start="2.1592864"
-           sodipodi:end="8.4421153" />
-        <path
-           sodipodi:nodetypes="cc"
-           style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
-           d="m 50,419.09448 c 0,-15 0,-25.36336 0,-25.36336"
-           id="path3804"
-           inkscape:connector-curvature="0"
-           transform="translate(0,308.2677)" />
-      </g>
-      <g
-         transform="translate(4.8113861,-12.853955)"
-         id="g3868">
-        <rect
-           style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-           id="rect3806"
-           width="90"
-           height="40.000011"
-           x="30.188614"
-           y="675.21613"
-           ry="3.0304618"
-           rx="3.0304618" />
-        <flowRoot
-           xml:space="preserve"
-           id="flowRoot3808"
-           style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-           transform="translate(18.369364,319.99189)"><flowRegion
-             id="flowRegion3810"><rect
-               id="rect3812"
-               width="90.278"
-               height="32.083504"
-               x="16.541248"
-               y="363.14072"
-               style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-             id="flowPara3816">Install</flowPara><flowPara
-             id="flowPara3820">NetBeans</flowPara></flowRoot>      </g>
-    </g>
-    <g
-       id="g3271"
-       transform="translate(160,2.7294197e-5)">
-      <g
-         transform="translate(145,-2.4872322e-5)"
-         id="g3822-0">
-        <path
-           sodipodi:type="arc"
-           style="color:#000000;fill:#000000;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.13524589;stroke-dasharray:2, 1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-           id="path3005-2-8"
-           sodipodi:cx="25"
-           sodipodi:cy="419.09448"
-           sodipodi:rx="9.1659365"
-           sodipodi:ry="9.1659365"
-           d="m 19.911936,426.71852 c -4.210641,-2.81006 -5.346037,-8.50146 -2.535977,-12.7121 2.81006,-4.21064 8.501463,-5.34604 12.712105,-2.53598 4.210641,2.81006 5.346037,8.50146 2.535977,12.71211 -2.809352,4.20958 -8.498806,5.34564 -12.709387,2.53779 L 25,419.09448 z"
-           transform="matrix(0.54549827,0,0,0.54549827,36.362543,498.74687)"
-           sodipodi:start="2.1592864"
-           sodipodi:end="8.4421153" />
-        <path
-           sodipodi:nodetypes="cc"
-           style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
-           d="m 50,419.09448 c 0,-15 0,-25.36336 0,-25.36336"
-           id="path3804-9"
-           inkscape:connector-curvature="0"
-           transform="translate(0,308.2677)" />
-      </g>
+       id="g4392-4"
+       transform="translate(81.496059,152.36229)">
       <rect
-         style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-         id="rect3806-0"
-         width="120"
-         height="40.000027"
-         x="135"
-         y="662.36218"
-         ry="3.0304618"
-         rx="3.0304618" />
+         y="818.50391"
+         x="56.692913"
+         height="21.259813"
+         width="49.606297"
+         id="rect4347-8"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
       <flowRoot
-         xml:space="preserve"
-         id="flowRoot3808-3"
-         style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-         transform="translate(123.18075,307.13791)"><flowRegion
-           id="flowRegion3810-3"><rect
-             id="rect3812-1"
-             width="115.278"
-             height="49.002258"
-             x="16.541248"
-             y="363.14072"
-             style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-           id="flowPara3462">Install the</flowPara><flowPara
-           id="flowPara3120">Vaadin Plugin</flowPara></flowRoot>    </g>
-    <path
-       sodipodi:type="arc"
-       style="color:#000000;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3.66637278;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-       id="path3005-2-1-8-2"
-       sodipodi:cx="25"
-       sodipodi:cy="419.09448"
-       sodipodi:rx="18.331858"
-       sodipodi:ry="18.331858"
-       d="m 14.823881,434.34255 a 18.331858,18.331858 0 1 1 0.816192,0.51419"
-       transform="matrix(0.54549827,0,0,0.54549827,411.36254,498.74687)"
-       sodipodi:start="2.1592864"
-       sodipodi:end="8.3898438"
-       sodipodi:open="true" />
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367-1"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-1"><use
+             height="100%"
+             width="100%"
+             id="use4371-0"
+             xlink:href="#rect4347-8"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4373-7">Install the</flowPara><flowPara
+           id="flowPara4375-8">Vaadin Plugin</flowPara></flowRoot>    </g>
     <flowRoot
-       xml:space="preserve"
-       id="flowRoot3808-4-1"
-       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-       transform="translate(423.46875,347.39977)"><flowRegion
-         id="flowRegion3810-2-4"><rect
-           id="rect3812-0-5"
-           width="85.838005"
-           height="45.504295"
-           x="16.541248"
-           y="363.14072"
-           style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:start;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-         id="flowPara3187">Go</flowPara><flowPara
-         id="flowPara3227">Create a Project</flowPara></flowRoot>    <path
-       sodipodi:type="arc"
-       style="color:#000000;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:3.66637278;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-       id="path3005-2-1-8-2-7"
-       sodipodi:cx="25"
-       sodipodi:cy="419.09448"
-       sodipodi:rx="18.331858"
-       sodipodi:ry="18.331858"
-       d="M 14.823881,434.34255 C 6.4026049,428.72244 4.1318157,417.33964 9.7519312,408.91836 15.372047,400.49709 26.754843,398.2263 35.176119,403.84641 c 8.421276,5.62012 10.692065,17.00292 5.07195,25.42419 -5.412093,8.10957 -16.224957,10.56415 -24.607996,5.58614"
-       transform="matrix(0.54549827,0,0,0.54549827,171.36254,498.74687)"
-       sodipodi:start="2.1592864"
-       sodipodi:end="8.3898438"
-       sodipodi:open="true" />
+       transform="translate(-48.969489,130.5586)"
+       id="flowRoot4367-1-7"
+       style="font-style:normal;font-variant:normal;font-weight:200;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Ultra-Light';text-align:end;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:end;fill:#5b686b;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       xml:space="preserve"><flowRegion
+         id="flowRegion4369-1-5"><use
+           height="100%"
+           width="100%"
+           id="use4371-0-1"
+           xlink:href="#rect4347-8"
+           y="0"
+           x="0" /></flowRegion><flowPara
+         id="flowPara4375-8-3">START</flowPara><flowPara
+         id="flowPara4462">HERE</flowPara></flowRoot>    <g
+       id="g4392-0"
+       transform="translate(42.519684,177.16543)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="17.716536"
+         width="28.346457"
+         id="rect4347-0"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(2.6821639,1.591953)"
+         id="flowRoot4367-0"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-0"><use
+             height="100%"
+             width="100%"
+             id="use4371-01"
+             xlink:href="#rect4347-0"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4375-9"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;writing-mode:lr-tb;text-anchor:start">On Windows</flowPara></flowRoot>    </g>
+    <circle
+       r="10.629871"
+       cy="956.69293"
+       cx="70.866142"
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="path2997-7-9" />
     <flowRoot
        xml:space="preserve"
-       id="flowRoot3808-4-1-8"
-       style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:end;line-height:89.99999762%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-       transform="translate(69.45294,353.63285)"><flowRegion
-         id="flowRegion3810-2-4-5"><rect
-           id="rect3812-0-5-7"
-           width="85.838005"
-           height="45.504295"
-           x="16.541248"
-           y="363.14072"
-           style="font-size:16px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:end;line-height:89.99999762%;writing-mode:lr-tb;text-anchor:end;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-         id="flowPara3227-2">Start</flowPara><flowPara
-         id="flowPara3142">Here</flowPara></flowRoot>  </g>
+       id="flowRoot4608"
+       style="font-style:normal;font-variant:normal;font-weight:200;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Ultra-Light';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#00b4f0;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       transform="translate(-26.496477,921.44139)"><flowRegion
+         id="flowRegion4610"><rect
+           id="rect4612"
+           width="46.062996"
+           height="24.80315"
+           x="251.5748"
+           y="28.346453"
+           style="font-style:normal;font-variant:normal;font-weight:200;font-stretch:normal;font-size:7.5px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Ultra-Light';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#00b4f0;fill-opacity:1" /></flowRegion><flowPara
+         id="flowPara4614">GO CREATE A PROJECT</flowPara></flowRoot>    <g
+       id="g4392-0-9"
+       transform="translate(42.519684,194.88196)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="17.716536"
+         width="28.346457"
+         id="rect4347-0-0"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367-0-6"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-0-9"><use
+             height="100%"
+             width="100%"
+             id="use4371-01-0"
+             xlink:href="#rect4347-0-0"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4375-9-7"
+           style="font-size:5px">On</flowPara><flowPara
+           style="font-size:5px"
+           id="flowPara4646">OS X</flowPara></flowRoot>    </g>
+    <g
+       id="g4392-0-9-5"
+       transform="translate(42.519684,212.5985)">
+      <rect
+         y="818.50391"
+         x="56.692913"
+         height="17.716536"
+         width="28.346457"
+         id="rect4347-0-0-5"
+         style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#a1b6bb;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" />
+      <flowRoot
+         transform="translate(2.6821639,0.70806943)"
+         id="flowRoot4367-0-6-3"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:6.25px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         xml:space="preserve"><flowRegion
+           id="flowRegion4369-0-9-0"><use
+             height="100%"
+             width="100%"
+             id="use4371-01-0-2"
+             xlink:href="#rect4347-0-0-5"
+             y="0"
+             x="0" /></flowRegion><flowPara
+           id="flowPara4375-9-7-1"
+           style="font-size:5px">On</flowPara><flowPara
+           style="font-size:5px"
+           id="flowPara4646-5">Linux</flowPara></flowRoot>    </g>
+    <path
+       style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 113.38583,956.69295 0,14.17323"
+       id="path3003-6-5"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;stroke:#00b4f0;stroke-width:0.70866144;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 162.9921,956.69297 0,14.17323"
+       id="path3003-6-5-3"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+  </g>
 </svg>

documentation/introduction/intro-overview.asciidoc

@@ -23,8 +23,8 @@ browser and the server. With the Vaadin approach, you do not need to learn and
 deal directly with browser technologies, such as HTML or JavaScript.
 
 [[figure.intro.architecture]]
-.Vaadin Application Architecture
-image::img/architecture-vaadin7-hi.png[scaledwidth=100%]
+.Vaadin application architecture
+image::img/architecture.png[width=100%, scaledwidth=100%]
 
 <<figure.intro.architecture>> illustrates the basic architectures of web
 applications made with Vaadin. The server-side application architecture consists

documentation/introduction/original-drawings/Makefile

@@ -0,0 +1,16 @@
+SVG =
+RASTERIMAGES = architecture
+
+RASTERSRCIMAGES := $(foreach file, $(RASTERIMAGES), $(file).svg)
+RASTERIMAGES := $(foreach file, $(RASTERIMAGES), ../img/$(file).png)
+SVGTRGIMAGES := $(foreach file, $(SVG), ../img/$(file).svg)
+
+images: $(RASTERIMAGES) $(SVGTRGIMAGES) FORCE
+
+$(RASTERIMAGES): ../img/%.png: %.svg
+	inkscape --export-png $@ --export-dpi=300 --export-area-page $<
+
+$(SVGTRGIMAGES): ../img/%.svg: %.svg FORCE
+	inkscape $< --export-text-to-path -l $@
+
+FORCE:

documentation/introduction/original-drawings/architecture-vaadin7.svg

@@ -1,826 +0,0 @@
-<?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"
-   id="svg1901"
-   sodipodi:version="0.32"
-   inkscape:version="0.48.2 r9819"
-   sodipodi:docname="architecture-vaadin7.svg"
-   inkscape:output_extension="org.inkscape.output.svg.inkscape"
-   inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/original-drawings/intro/architecture.png"
-   inkscape:export-xdpi="300"
-   inkscape:export-ydpi="300"
-   version="1.1">
-  <defs
-     id="defs1903">
-    <marker
-       id="marker18095"
-       orient="auto"
-       markerHeight="5.7450776"
-       markerWidth="4.6297302">
-      <g
-         id="g11064"
-         transform="matrix(0.5,0,0,0.5,-185.64298,-257.19655)">
-        <path
-           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
-           id="path11050"
-           d="M 370,508.65625 C 369.13933,508.715 368.39056,509.27755 368.09375,510.09375 C 367.82399,510.83551 368.03605,511.62868 368.53125,512.21875 L 366.78125,512.21875 C 366.73884,512.21408 366.69882,512.22093 366.65625,512.21875 L 366.65625,516.59375 L 366.78125,516.59375 L 368.53125,516.59375 C 367.85229,517.45345 367.83424,518.70924 368.625,519.5 C 369.47591,520.35091 370.89909,520.35091 371.75,519.5 L 375.09375,516.125 C 375.12672,516.09552 375.15802,516.06422 375.1875,516.03125 C 375.21972,516.01191 375.25101,515.99105 375.28125,515.96875 C 375.28162,515.96839 375.49976,515.68796 375.5,515.6875 C 375.50005,515.68741 375.49338,515.64282 375.5,515.625 C 375.5011,515.62203 375.53002,515.62832 375.53125,515.625 C 375.57039,515.57293 375.58228,515.57321 375.625,515.5 C 375.76199,515.26524 375.79184,515.12809 375.78125,515.15625 C 375.81807,515.06473 375.79977,515.04374 375.8125,515 C 375.82311,514.98978 375.83353,514.97936 375.84375,514.96875 C 375.90379,514.74477 375.93181,514.45186 375.90625,514.1875 C 375.89266,513.98387 375.84739,513.88985 375.84375,513.875 C 375.84389,513.86458 375.84389,513.85417 375.84375,513.84375 C 375.86975,513.94071 375.85901,513.85978 375.75,513.59375 C 375.69753,513.46336 375.66014,513.37439 375.625,513.3125 C 375.57262,513.22275 375.49154,513.05015 375.28125,512.84375 L 371.75,509.3125 C 371.29355,508.82579 370.66491,508.60087 370,508.65625 z"
-           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
-        <path
-           sodipodi:nodetypes="cccscccsssssssscccsccc"
-           id="path11035"
-           d="M 366.65625,515.40625 L 371.28125,515.40625 L 369.46875,517.21875 C 369.0718,517.6157 369.0718,518.2593 369.46875,518.65625 C 369.8657,519.0532 370.5093,519.0532 370.90625,518.65625 L 374.34375,515.1875 L 374.4375,515.125 C 374.44343,515.11918 374.43171,515.09972 374.4375,515.09375 C 374.49291,515.03659 374.5526,514.97676 374.59375,514.90625 C 374.62239,514.85717 374.63663,514.80216 374.65625,514.75 C 374.66861,514.71928 374.67831,514.68783 374.6875,514.65625 C 374.71862,514.54015 374.73024,514.43132 374.71875,514.3125 C 374.71489,514.25466 374.70138,514.21285 374.6875,514.15625 C 374.6766,514.1156 374.67237,514.07059 374.65625,514.03125 C 374.63982,513.99042 374.61578,513.94505 374.59375,513.90625 C 374.5483,513.82838 374.50015,513.74899 374.4375,513.6875 L 370.90625,510.15625 C 370.69734,509.93349 370.39809,509.8184 370.09375,509.84375 C 369.69897,509.8707 369.35398,510.12813 369.21875,510.5 C 369.08351,510.87187 369.18349,511.28826 369.46875,511.5625 L 371.34375,513.40625 L 366.65625,513.40625"
-           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      </g>
-    </marker>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 526.18109 : 1"
-       inkscape:vp_y="0 : 1000 : 0"
-       inkscape:vp_z="744.09448 : 526.18109 : 1"
-       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
-       id="perspective110" />
-    <marker
-       inkscape:stockid="TriangleOutL"
-       orient="auto"
-       refY="0.0"
-       refX="0.0"
-       id="TriangleOutL"
-       style="overflow:visible">
-      <path
-         id="path3520"
-         d="M 5.77,0.0 L -2.88,5.0 L -2.88,-5.0 L 5.77,0.0 z "
-         style="fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt;marker-start:none"
-         transform="scale(0.8)" />
-    </marker>
-    <linearGradient
-       id="linearGradient3503">
-      <stop
-         style="stop-color:#37ff40;stop-opacity:0.53608245;"
-         offset="0"
-         id="stop3505" />
-      <stop
-         style="stop-color:#ffe0e0;stop-opacity:1;"
-         offset="1"
-         id="stop3507" />
-    </linearGradient>
-    <marker
-       inkscape:stockid="Arrow2Lstart"
-       orient="auto"
-       refY="0"
-       refX="0"
-       id="Arrow2Lstart"
-       style="overflow:visible">
-      <path
-         id="path6743"
-         style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"
-         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
-         transform="matrix(1.1,0,0,1.1,1.1,0)" />
-    </marker>
-    <linearGradient
-       id="linearGradient19816">
-      <stop
-         id="stop19818"
-         offset="0"
-         style="stop-color:#ffffff;stop-opacity:1;" />
-      <stop
-         id="stop19820"
-         offset="1"
-         style="stop-color:#e7e790;stop-opacity:1;" />
-    </linearGradient>
-    <linearGradient
-       id="linearGradient11516">
-      <stop
-         id="stop11518"
-         offset="0"
-         style="stop-color:#ffffff;stop-opacity:1" />
-      <stop
-         id="stop11520"
-         offset="1"
-         style="stop-color:#a090e7;stop-opacity:1" />
-    </linearGradient>
-    <linearGradient
-       id="linearGradient11508">
-      <stop
-         id="stop11510"
-         offset="0"
-         style="stop-color:#ffffff;stop-opacity:1;" />
-      <stop
-         id="stop11512"
-         offset="1"
-         style="stop-color:#e27979;stop-opacity:1" />
-    </linearGradient>
-    <linearGradient
-       id="linearGradient3286">
-      <stop
-         style="stop-color:#ffffff;stop-opacity:1;"
-         offset="0"
-         id="stop3288" />
-      <stop
-         style="stop-color:#79e291;stop-opacity:1;"
-         offset="1"
-         id="stop3290" />
-    </linearGradient>
-    <marker
-       inkscape:stockid="Arrow2Lend"
-       orient="auto"
-       refY="0"
-       refX="0"
-       id="Arrow2Lend"
-       style="overflow:visible">
-      <path
-         id="path16811"
-         style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"
-         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
-         transform="matrix(-1.1,0,0,-1.1,-1.1,0)" />
-    </marker>
-  </defs>
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="2.8"
-     inkscape:cx="230.46176"
-     inkscape:cy="936.84249"
-     inkscape:document-units="px"
-     inkscape:current-layer="layer1"
-     gridtolerance="10000"
-     inkscape:window-width="1672"
-     inkscape:window-height="1019"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:showpageshadow="false"
-     borderlayer="false"
-     showgrid="true"
-     inkscape:window-maximized="0"
-     showguides="true"
-     inkscape:guide-bbox="true"
-     inkscape:snap-bbox="true">
-    <inkscape:grid
-       type="xygrid"
-       id="grid6362"
-       visible="true"
-       enabled="true"
-       empspacing="5"
-       snapvisiblegridlinesonly="true"
-       spacingx="1px" />
-    <sodipodi:guide
-       orientation="0,1"
-       position="27,1017"
-       id="guide3154" />
-  </sodipodi:namedview>
-  <metadata
-     id="metadata1906">
-    <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>
-  <g
-     inkscape:label="Taso 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     style="opacity:1">
-    <rect
-       ry="3.7880721"
-       y="30.362183"
-       x="115"
-       height="172"
-       width="235"
-       id="rect6367-4"
-       style="fill:#d9d9cd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
-    <g
-       id="g6789"
-       transform="translate(201.94598,-187.75591)">
-      <rect
-         ry="3.7880721"
-         y="235.11809"
-         x="13.054024"
-         height="120.00001"
-         width="54.999996"
-         id="rect6791"
-         style="fill:#f39300;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
-      <flowRoot
-         xml:space="preserve"
-         id="flowRoot9963-2-3-6"
-         style="font-size:10px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-         transform="translate(131.17902,-28.711907)"><flowRegion
-           id="flowRegion9965-2-7-7"><rect
-             id="rect9967-3-5-6"
-             width="68.012077"
-             height="51.315746"
-             x="-113.13708"
-             y="271.51425"
-             style="font-size:10px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-           id="flowPara10992">UI Logic</flowPara></flowRoot>      <g
-         transform="matrix(0.06329721,0,0,0.06329721,12.360276,272.97423)"
-         id="g6827-8">
-        <g
-           id="g6829-7"
-           transform="matrix(29.999985,-0.03019888,0.03019888,29.999985,-11004.945,-15375.022)">
-          <g
-             style="fill:#ffffff;fill-opacity:1"
-             transform="matrix(0.71644053,0,0,0.71644053,103.9698,144.62879)"
-             id="g6831-7">
-            <path
-               inkscape:connector-curvature="0"
-               transform="matrix(0.03333332,3.3554312e-5,-3.3554312e-5,0.03333332,366.53421,512.86995)"
-               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;display:inline"
-               d="M 142.5625,-6.4375 40.6875,-6.34375 C 29.868538,-6.48507 19.811533,-0.790227 14.367338,8.560208 8.9231424,17.910644 8.9351814,29.468085 14.398845,38.807157 19.862509,48.14623 29.931356,53.820109 40.75,53.65625 L 142.625,53.5625 c 10.81896,0.14132 20.87597,-5.553523 26.32016,-14.903958 5.4442,-9.350436 5.43216,-20.907877 -0.0315,-30.246949 C 163.44999,-0.92748 153.38114,-6.601359 142.5625,-6.4375 l 0,0 z"
-               id="path6833-7" />
-            <path
-               inkscape:connector-curvature="0"
-               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
-               d="m 366.65701,514.67289 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
-               id="path6835-3"
-               sodipodi:nodetypes="cccscccsssssssscccsccc" />
-          </g>
-        </g>
-      </g>
-      <g
-         id="g6829-2-5-6"
-         transform="matrix(-1.8989154,-0.0019115,-0.0019115,1.8989154,765.271,-700.0021)">
-        <g
-           style="fill:#ffffff;fill-opacity:1"
-           transform="matrix(0.71644053,0,0,0.71644053,103.9698,144.62879)"
-           id="g6831-2-7-3">
-          <path
-             inkscape:connector-curvature="0"
-             transform="matrix(0.03333332,3.3554312e-5,-3.3554312e-5,0.03333332,366.53421,512.86995)"
-             style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;display:inline"
-             d="M 142.5625,-6.4375 40.6875,-6.34375 C 29.868538,-6.48507 19.811533,-0.790227 14.367338,8.560208 8.9231424,17.910644 8.9351814,29.468085 14.398845,38.807157 19.862509,48.14623 29.931356,53.820109 40.75,53.65625 L 142.625,53.5625 c 10.81896,0.14132 20.87597,-5.553523 26.32016,-14.903958 5.4442,-9.350436 5.43216,-20.907877 -0.0315,-30.246949 C 163.44999,-0.92748 153.38114,-6.601359 142.5625,-6.4375 l 0,0 z"
-             id="path6833-1-5-9" />
-          <path
-             inkscape:connector-curvature="0"
-             style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
-             d="m 366.65701,514.67289 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
-             id="path6835-0-9-2"
-             sodipodi:nodetypes="cccscccsssssssscccsccc" />
-        </g>
-      </g>
-    </g>
-    <g
-       id="g6813"
-       transform="translate(106.94598,-187.75591)">
-      <rect
-         ry="3.7880721"
-         y="235.11809"
-         x="13.054024"
-         height="120.00001"
-         width="90"
-         id="rect6815"
-         style="fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
-      <flowRoot
-         xml:space="preserve"
-         id="flowRoot9963-2-3"
-         style="font-size:10px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-         transform="translate(131.17902,-28.711907)"><flowRegion
-           id="flowRegion9965-2-7"><rect
-             id="rect9967-3-5"
-             width="95.012077"
-             height="37.315746"
-             x="-113.13708"
-             y="271.51425"
-             style="font-size:10px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-           id="flowPara10160">Components</flowPara></flowRoot>      <g
-         id="g28403-2-5-2-40-2"
-         transform="translate(15.694547,135.25927)">
-        <rect
-           ry="3.7880721"
-           y="119.85882"
-           x="7.3594728"
-           height="95.000008"
-           width="70"
-           id="rect4680-4-4-7-0-9"
-           style="fill:#666666;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
-        <g
-           transform="translate(-9.4510395,-55.573718)"
-           id="g28403-3-5-6-2">
-          <rect
-             style="fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.5;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-             id="rect4680-7-10-5-0"
-             width="60"
-             height="25"
-             x="21.810513"
-             y="180.43254"
-             ry="3.7880721" />
-          <flowRoot
-             xml:space="preserve"
-             id="flowRoot11361-6-1-8-1-4"
-             style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-             transform="translate(-787.43047,-878.23713)"
-             inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/intro/toolchain.png"
-             inkscape:export-xdpi="90"
-             inkscape:export-ydpi="90"><flowRegion
-               id="flowRegion11363-2-0-7-7-9"><rect
-                 id="rect11365-5-4-6-4-2"
-                 width="138.69197"
-                 height="47.876488"
-                 x="813.87988"
-                 y="1064.3831"
-                 style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-               id="flowPara4198-9-0">Built-in</flowPara><flowPara
-               id="flowPara4300-0">Components</flowPara></flowRoot>        </g>
-        <g
-           transform="translate(-9.4510395,-25.573718)"
-           id="g28403-3-5-6-6-7">
-          <rect
-             style="fill:#4fb047;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.5;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-             id="rect4680-7-10-5-5-8"
-             width="60"
-             height="25"
-             x="21.810513"
-             y="180.43254"
-             ry="3.7880721" />
-          <flowRoot
-             xml:space="preserve"
-             id="flowRoot11361-6-1-8-1-1-6"
-             style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-             transform="translate(-787.52461,-878.4214)"
-             inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/intro/toolchain.png"
-             inkscape:export-xdpi="90"
-             inkscape:export-ydpi="90"><flowRegion
-               id="flowRegion11363-2-0-7-7-5-3"><rect
-                 id="rect11365-5-4-6-4-5-9"
-                 width="138.69197"
-                 height="47.876488"
-                 x="813.87988"
-                 y="1064.3831"
-                 style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-               id="flowPara4198-9-9-4">Add-on</flowPara><flowPara
-               id="flowPara4338-2">Components</flowPara></flowRoot>        </g>
-        <g
-           transform="translate(-9.4510395,4.4262817)"
-           id="g28403-3-5-6-6-6-5">
-          <rect
-             style="fill:#f39300;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.5;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:1.5, 1.5;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-             id="rect4680-7-10-5-5-9-2"
-             width="60"
-             height="25"
-             x="21.810513"
-             y="180.43254"
-             ry="3.7880721" />
-          <flowRoot
-             xml:space="preserve"
-             id="flowRoot11361-6-1-8-1-1-4-4"
-             style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-             transform="translate(-787.52461,-878.4214)"
-             inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/intro/toolchain.png"
-             inkscape:export-xdpi="90"
-             inkscape:export-ydpi="90"><flowRegion
-               id="flowRegion11363-2-0-7-7-5-8-5"><rect
-                 id="rect11365-5-4-6-4-5-7-3"
-                 width="138.69197"
-                 height="47.876488"
-                 x="813.87988"
-                 y="1064.3831"
-                 style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-               id="flowPara4198-9-9-0-2">Custom</flowPara><flowPara
-               id="flowPara4338-0-3">Components</flowPara></flowRoot>        </g>
-      </g>
-      <g
-         transform="matrix(0.06329721,0,0,0.06329721,12.360273,273.14646)"
-         id="g6827">
-        <g
-           id="g6829"
-           transform="matrix(29.999985,-0.03019888,0.03019888,29.999985,-11004.221,-15375.022)">
-          <g
-             style="fill:#ffffff;fill-opacity:1"
-             transform="matrix(0.71644053,0,0,0.71644053,103.9698,144.62879)"
-             id="g6831">
-            <path
-               inkscape:connector-curvature="0"
-               transform="matrix(0.03333332,3.3554312e-5,-3.3554312e-5,0.03333332,366.53421,512.86995)"
-               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;display:inline"
-               d="M 142.5625,-6.4375 40.6875,-6.34375 C 29.868538,-6.48507 19.811533,-0.790227 14.367338,8.560208 8.9231424,17.910644 8.9351814,29.468085 14.398845,38.807157 19.862509,48.14623 29.931356,53.820109 40.75,53.65625 L 142.625,53.5625 c 10.81896,0.14132 20.87597,-5.553523 26.32016,-14.903958 5.4442,-9.350436 5.43216,-20.907877 -0.0315,-30.246949 C 163.44999,-0.92748 153.38114,-6.601359 142.5625,-6.4375 l 0,0 z"
-               id="path6833" />
-            <path
-               inkscape:connector-curvature="0"
-               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
-               d="m 366.65701,514.67289 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
-               id="path6835"
-               sodipodi:nodetypes="cccscccsssssssscccsccc" />
-          </g>
-        </g>
-      </g>
-      <g
-         id="g6829-2-5"
-         transform="matrix(-1.8989154,-0.0019115,-0.0019115,1.8989154,800.31481,-700.16918)">
-        <g
-           style="fill:#ffffff;fill-opacity:1"
-           transform="matrix(0.71644053,0,0,0.71644053,103.9698,144.62879)"
-           id="g6831-2-7">
-          <path
-             inkscape:connector-curvature="0"
-             transform="matrix(0.03333332,3.3554312e-5,-3.3554312e-5,0.03333332,366.53421,512.86995)"
-             style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;display:inline"
-             d="M 142.5625,-6.4375 40.6875,-6.34375 C 29.868538,-6.48507 19.811533,-0.790227 14.367338,8.560208 8.9231424,17.910644 8.9351814,29.468085 14.398845,38.807157 19.862509,48.14623 29.931356,53.820109 40.75,53.65625 L 142.625,53.5625 c 10.81896,0.14132 20.87597,-5.553523 26.32016,-14.903958 5.4442,-9.350436 5.43216,-20.907877 -0.0315,-30.246949 C 163.44999,-0.92748 153.38114,-6.601359 142.5625,-6.4375 l 0,0 z"
-             id="path6833-1-5" />
-          <path
-             inkscape:connector-curvature="0"
-             style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
-             d="m 366.65701,514.67289 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
-             id="path6835-0-9"
-             sodipodi:nodetypes="cccscccsssssssscccsccc" />
-        </g>
-      </g>
-    </g>
-    <g
-       id="g6789-3"
-       transform="translate(261.94598,-187.75591)">
-      <rect
-         ry="3.7880721"
-         y="235.11809"
-         x="13.054024"
-         height="150"
-         width="70"
-         id="rect6791-7"
-         style="fill:#00b400;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
-      <flowRoot
-         xml:space="preserve"
-         id="flowRoot9963-2-3-6-8"
-         style="font-size:10px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-         transform="translate(131.17902,-28.711907)"><flowRegion
-           id="flowRegion9965-2-7-7-1"><rect
-             id="rect9967-3-5-6-4"
-             width="60.012077"
-             height="32.315746"
-             x="-113.13708"
-             y="271.51425"
-             style="font-size:10px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-           id="flowPara10992-4">Back-End</flowPara></flowRoot>      <flowRoot
-         xml:space="preserve"
-         id="flowRoot9963-2-3-6-8-6"
-         style="font-size:9px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
-         transform="translate(131.17902,18.233093)"><flowRegion
-           id="flowRegion9965-2-7-7-1-9"><rect
-             id="rect9967-3-5-6-4-7"
-             width="70.012077"
-             height="53.315746"
-             x="-113.13708"
-             y="271.51425"
-             style="font-size:9px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light" /></flowRegion><flowPara
-           id="flowPara5520">Business</flowPara><flowPara
-           id="flowPara5532">Logic</flowPara><flowPara
-           id="flowPara5534" /><flowPara
-           id="flowPara11082">Persistence</flowPara></flowRoot>      <g
-         transform="matrix(0.06329721,0,0,0.06329721,12.360276,272.99779)"
-         id="g6827-8-0">
-        <g
-           id="g6829-7-6"
-           transform="matrix(29.999985,-0.03019888,0.03019888,29.999985,-11004.221,-15375.022)">
-          <g
-             style="fill:#ffffff;fill-opacity:1"
-             transform="matrix(0.71644053,0,0,0.71644053,103.9698,144.62879)"
-             id="g6831-7-1">
-            <path
-               inkscape:connector-curvature="0"
-               transform="matrix(0.03333332,3.3554312e-5,-3.3554312e-5,0.03333332,366.53421,512.86995)"
-               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;display:inline"
-               d="M 142.5625,-6.4375 40.6875,-6.34375 C 29.868538,-6.48507 19.811533,-0.790227 14.367338,8.560208 8.9231424,17.910644 8.9351814,29.468085 14.398845,38.807157 19.862509,48.14623 29.931356,53.820109 40.75,53.65625 L 142.625,53.5625 c 10.81896,0.14132 20.87597,-5.553523 26.32016,-14.903958 5.4442,-9.350436 5.43216,-20.907877 -0.0315,-30.246949 C 163.44999,-0.92748 153.38114,-6.601359 142.5625,-6.4375 l 0,0 z"
-               id="path6833-7-8" />
-            <path
-               inkscape:connector-curvature="0"
-               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
-               d="m 366.65701,514.67289 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
-               id="path6835-3-1"
-               sodipodi:nodetypes="cccscccsssssssscccsccc" />
-          </g>
-        </g>
-      </g>
-      <g
-         transform="matrix(0.06329721,0,0,0.06329721,12.844795,372.99779)"
-         id="g6827-8-0-8">
-        <g
-           id="g6829-7-6-9"
-           transform="matrix(29.999985,-0.03019888,0.03019888,29.999985,-11011.509,-15375.022)">
-          <g
-             style="fill:#ffffff;fill-opacity:1"
-             transform="matrix(0.71644053,0,0,0.71644053,103.9698,144.62879)"
-             id="g6831-7-1-9">
-            <path
-               inkscape:connector-curvature="0"
-               transform="matrix(0.03333332,3.3554312e-5,-3.3554312e-5,0.03333332,366.53421,512.86995)"
-               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;display:inline"
-               d="M 142.5625,-6.4375 40.6875,-6.34375 C 29.868538,-6.48507 19.811533,-0.790227 14.367338,8.560208 8.9231424,17.910644 8.9351814,29.468085 14.398845,38.807157 19.862509,48.14623 29.931356,53.820109 40.75,53.65625 L 142.625,53.5625 c 10.81896,0.14132 20.87597,-5.553523 26.32016,-14.903958 5.4442,-9.350436 5.43216,-20.907877 -0.0315,-30.246949 C 163.44999,-0.92748 153.38114,-6.601359 142.5625,-6.4375 l 0,0 z"
-               id="path6833-7-8-5" />
-            <path
-               inkscape:connector-curvature="0"
-               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
-               d="m 366.65701,514.67289 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
-               id="path6835-3-1-5"
-               sodipodi:nodetypes="cccscccsssssssscccsccc" />
-          </g>
-        </g>
-      </g>
-    </g>
-    <g
-       id="g3808"
-       transform="translate(21.945976,-187.75591)">
-      <rect
-         ry="3.7880721"
-         y="218.11809"
-         x="13.054024"
-         height="172.00002"
-         width="74.999992"
-         id="rect3810"
-         style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
-      <flowRoot
-         xml:space="preserve"
-         id="flowRoot9963-2-8"
-         style="font-size:10px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-         transform="translate(130.41902,-47.290241)"><flowRegion
-           id="flowRegion9965-2-8"><rect
-             id="rect9967-3-0"
-             width="60.012081"
-             height="52.315746"
-             x="-113.13708"
-             y="271.51425"
-             style="font-size:10px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-           id="flowPara11184">Browser</flowPara></flowRoot>      <g
-         id="g28403-2-5-2-40"
-         transform="translate(10.694551,135.25927)">
-        <rect
-           ry="3.7880721"
-           y="119.85882"
-           x="7.3594728"
-           height="95.000008"
-           width="60"
-           id="rect4680-4-4-7-0"
-           style="fill:#666666;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
-        <g
-           transform="translate(-9.4510395,-55.573718)"
-           id="g28403-3-5-6">
-          <rect
-             style="fill:#49c2f1;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.5;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-             id="rect4680-7-10-5"
-             width="50"
-             height="25"
-             x="21.810513"
-             y="180.43254"
-             ry="3.7880721" />
-          <flowRoot
-             xml:space="preserve"
-             id="flowRoot11361-6-1-8-1"
-             style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-             transform="translate(-787.43047,-878.23713)"
-             inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/intro/toolchain.png"
-             inkscape:export-xdpi="90"
-             inkscape:export-ydpi="90"><flowRegion
-               id="flowRegion11363-2-0-7-7"><rect
-                 id="rect11365-5-4-6-4"
-                 width="138.69197"
-                 height="47.876488"
-                 x="813.87988"
-                 y="1064.3831"
-                 style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-               id="flowPara4198-9">Built-in</flowPara><flowPara
-               id="flowPara4300">Widgets</flowPara></flowRoot>        </g>
-        <g
-           transform="translate(-9.4510395,-25.573718)"
-           id="g28403-3-5-6-6">
-          <rect
-             style="fill:#4fb047;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.5;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-             id="rect4680-7-10-5-5"
-             width="49"
-             height="24"
-             x="21.810513"
-             y="180.43254"
-             ry="3.7880721" />
-          <flowRoot
-             xml:space="preserve"
-             id="flowRoot11361-6-1-8-1-1"
-             style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-             transform="translate(-787.52461,-878.4214)"
-             inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/intro/toolchain.png"
-             inkscape:export-xdpi="90"
-             inkscape:export-ydpi="90"><flowRegion
-               id="flowRegion11363-2-0-7-7-5"><rect
-                 id="rect11365-5-4-6-4-5"
-                 width="138.69197"
-                 height="47.876488"
-                 x="813.87988"
-                 y="1064.3831"
-                 style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-               id="flowPara4198-9-9">Add-on</flowPara><flowPara
-               id="flowPara4338">Widgets</flowPara></flowRoot>        </g>
-        <g
-           transform="translate(-9.4510395,4.4262817)"
-           id="g28403-3-5-6-6-6">
-          <rect
-             style="fill:#f39300;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.5;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:1.5, 1.5;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-             id="rect4680-7-10-5-5-9"
-             width="49"
-             height="24"
-             x="21.810513"
-             y="180.43254"
-             ry="3.7880721" />
-          <flowRoot
-             xml:space="preserve"
-             id="flowRoot11361-6-1-8-1-1-4"
-             style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-             transform="translate(-787.52461,-878.4214)"
-             inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/intro/toolchain.png"
-             inkscape:export-xdpi="90"
-             inkscape:export-ydpi="90"><flowRegion
-               id="flowRegion11363-2-0-7-7-5-8"><rect
-                 id="rect11365-5-4-6-4-5-7"
-                 width="138.69197"
-                 height="47.876488"
-                 x="813.87988"
-                 y="1064.3831"
-                 style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-               id="flowPara4198-9-9-0">Custom</flowPara><flowPara
-               id="flowPara4338-0">Widgets</flowPara></flowRoot>        </g>
-      </g>
-      <g
-         transform="matrix(-0.06329721,0,0,0.06329721,88.282414,273.14646)"
-         id="g6827-4">
-        <g
-           id="g6829-2"
-           transform="matrix(29.999985,-0.03019888,0.03019888,29.999985,-11011.509,-15375.022)">
-          <g
-             style="fill:#ffffff;fill-opacity:1"
-             transform="matrix(0.71644053,0,0,0.71644053,103.9698,144.62879)"
-             id="g6831-2">
-            <path
-               inkscape:connector-curvature="0"
-               transform="matrix(0.03333332,3.3554312e-5,-3.3554312e-5,0.03333332,366.53421,512.86995)"
-               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;display:inline"
-               d="M 142.5625,-6.4375 40.6875,-6.34375 C 29.868538,-6.48507 19.811533,-0.790227 14.367338,8.560208 8.9231424,17.910644 8.9351814,29.468085 14.398845,38.807157 19.862509,48.14623 29.931356,53.820109 40.75,53.65625 L 142.625,53.5625 c 10.81896,0.14132 20.87597,-5.553523 26.32016,-14.903958 5.4442,-9.350436 5.43216,-20.907877 -0.0315,-30.246949 C 163.44999,-0.92748 153.38114,-6.601359 142.5625,-6.4375 l 0,0 z"
-               id="path6833-1" />
-            <path
-               inkscape:connector-curvature="0"
-               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
-               d="m 366.65701,514.67289 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
-               id="path6835-0"
-               sodipodi:nodetypes="cccscccsssssssscccsccc" />
-          </g>
-        </g>
-      </g>
-      <g
-         transform="translate(-3.7564885,179.68555)"
-         id="g28403-3-5-6-6-6-6">
-        <rect
-           style="fill:#f39300;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.50000000000000000;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:1.50000000000000000, 1.50000000000000000;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-           id="rect4680-7-10-5-5-9-0"
-           width="60"
-           height="25.000002"
-           x="21.810513"
-           y="180.43254"
-           ry="3.7880721" />
-        <flowRoot
-           xml:space="preserve"
-           id="flowRoot11361-6-1-8-1-1-4-8"
-           style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-           transform="translate(-787.52461,-878.4214)"
-           inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/intro/toolchain.png"
-           inkscape:export-xdpi="90"
-           inkscape:export-ydpi="90"><flowRegion
-             id="flowRegion11363-2-0-7-7-5-8-8"><rect
-               id="rect11365-5-4-6-4-5-7-0"
-               width="138.69197"
-               height="47.876488"
-               x="813.87988"
-               y="1064.3831"
-               style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-             id="flowPara4338-0-9">Client-Side</flowPara><flowPara
-             id="flowPara5189">UI</flowPara></flowRoot>      </g>
-      <g
-         transform="matrix(-0.06329721,0,0,0.06329721,88.801543,373.00293)"
-         id="g6827-4-1">
-        <g
-           id="g6829-2-0"
-           transform="matrix(29.999985,-0.03019888,0.03019888,29.999985,-11003.16,-15375.022)">
-          <g
-             style="fill:#ffffff;fill-opacity:1"
-             transform="matrix(0.71644053,0,0,0.71644053,103.9698,144.62879)"
-             id="g6831-2-5">
-            <path
-               inkscape:connector-curvature="0"
-               transform="matrix(0.03333332,3.3554312e-5,-3.3554312e-5,0.03333332,366.53421,512.86995)"
-               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;display:inline"
-               d="M 142.5625,-6.4375 40.6875,-6.34375 C 29.868538,-6.48507 19.811533,-0.790227 14.367338,8.560208 8.9231424,17.910644 8.9351814,29.468085 14.398845,38.807157 19.862509,48.14623 29.931356,53.820109 40.75,53.65625 L 142.625,53.5625 c 10.81896,0.14132 20.87597,-5.553523 26.32016,-14.903958 5.4442,-9.350436 5.43216,-20.907877 -0.0315,-30.246949 C 163.44999,-0.92748 153.38114,-6.601359 142.5625,-6.4375 l 0,0 z"
-               id="path6833-1-3" />
-            <path
-               inkscape:connector-curvature="0"
-               style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
-               d="m 366.65701,514.67289 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
-               id="path6835-0-2"
-               sodipodi:nodetypes="cccscccsssssssscccsccc" />
-          </g>
-        </g>
-      </g>
-      <flowRoot
-         xml:space="preserve"
-         id="flowRoot9963-2-3-6-8-6-1"
-         style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light"
-         transform="translate(130.79502,-35.256574)"><flowRegion
-           id="flowRegion9965-2-7-7-1-9-6"><rect
-             id="rect9967-3-5-6-4-7-9"
-             width="70.012077"
-             height="53.315746"
-             x="-113.13708"
-             y="271.51425"
-             style="font-size:8px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica LT Std;-inkscape-font-specification:Helvetica LT Std Light" /></flowRegion><flowPara
-           id="flowPara11082-4">Client-Side Engine</flowPara></flowRoot>    </g>
-    <g
-       transform="translate(98.189487,-8.0703583)"
-       id="g28403-3-5-6-6-6-6-1">
-      <rect
-         style="fill:#f39300;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1.5;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:1.5,1.5;stroke-dashoffset:0"
-         id="rect4680-7-10-5-5-9-0-0"
-         width="150"
-         height="25"
-         x="21.810513"
-         y="180.43254"
-         ry="3.7880721" />
-      <flowRoot
-         xml:space="preserve"
-         id="flowRoot11361-6-1-8-1-1-4-8-0"
-         style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-         transform="translate(-779.64794,-878.48467)"
-         inkscape:export-filename="/home/magi/itmill/toolkit5/doc/manual/img/intro/toolchain.png"
-         inkscape:export-xdpi="90"
-         inkscape:export-ydpi="90"><flowRegion
-           id="flowRegion11363-2-0-7-7-5-8-8-1"><rect
-             id="rect11365-5-4-6-4-5-7-0-7"
-             width="138.69197"
-             height="47.876488"
-             x="813.87988"
-             y="1064.3831"
-             style="font-size:8px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-           id="flowPara5189-3">Service</flowPara></flowRoot>      <g
-         id="g6829-1"
-         transform="matrix(1.8989154,-0.0019115,0.0019115,1.8989154,-675.40034,-779.73512)">
-        <g
-           style="fill:#ffffff;fill-opacity:1"
-           transform="matrix(0.71644053,0,0,0.71644053,103.9698,144.62879)"
-           id="g6831-0">
-          <path
-             inkscape:connector-curvature="0"
-             transform="matrix(0.03333332,3.3554312e-5,-3.3554312e-5,0.03333332,366.53421,512.86995)"
-             style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;display:inline"
-             d="M 142.5625,-6.4375 40.6875,-6.34375 C 29.868538,-6.48507 19.811533,-0.790227 14.367338,8.560208 8.9231424,17.910644 8.9351814,29.468085 14.398845,38.807157 19.862509,48.14623 29.931356,53.820109 40.75,53.65625 L 142.625,53.5625 c 10.81896,0.14132 20.87597,-5.553523 26.32016,-14.903958 5.4442,-9.350436 5.43216,-20.907877 -0.0315,-30.246949 C 163.44999,-0.92748 153.38114,-6.601359 142.5625,-6.4375 l 0,0 z"
-             id="path6833-6" />
-          <path
-             inkscape:connector-curvature="0"
-             style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
-             d="m 366.65701,514.67289 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
-             id="path6835-8"
-             sodipodi:nodetypes="cccscccsssssssscccsccc" />
-        </g>
-      </g>
-      <g
-         id="g6829-2-5-6-8"
-         transform="matrix(-1.8989154,-0.0019115,-0.0019115,1.8989154,869.03658,-780.00348)">
-        <g
-           style="fill:#ffffff;fill-opacity:1"
-           transform="matrix(0.71644053,0,0,0.71644053,103.9698,144.62879)"
-           id="g6831-2-7-3-2">
-          <path
-             inkscape:connector-curvature="0"
-             transform="matrix(0.03333332,3.3554312e-5,-3.3554312e-5,0.03333332,366.53421,512.86995)"
-             style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;display:inline"
-             d="M 142.5625,-6.4375 40.6875,-6.34375 C 29.868538,-6.48507 19.811533,-0.790227 14.367338,8.560208 8.9231424,17.910644 8.9351814,29.468085 14.398845,38.807157 19.862509,48.14623 29.931356,53.820109 40.75,53.65625 L 142.625,53.5625 c 10.81896,0.14132 20.87597,-5.553523 26.32016,-14.903958 5.4442,-9.350436 5.43216,-20.907877 -0.0315,-30.246949 C 163.44999,-0.92748 153.38114,-6.601359 142.5625,-6.4375 l 0,0 z"
-             id="path6833-1-5-9-7" />
-          <path
-             inkscape:connector-curvature="0"
-             style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
-             d="m 366.65701,514.67289 4.625,0 -1.8125,1.8125 c -0.39695,0.39695 -0.39695,1.04055 0,1.4375 0.39695,0.39695 1.04055,0.39695 1.4375,0 l 3.4375,-3.46875 0.0937,-0.0625 c 0.006,-0.006 -0.006,-0.0253 0,-0.0312 0.0554,-0.0572 0.1151,-0.11699 0.15625,-0.1875 0.0286,-0.0491 0.0429,-0.10409 0.0625,-0.15625 0.0124,-0.0307 0.0221,-0.0622 0.0312,-0.0937 0.0311,-0.1161 0.0427,-0.22493 0.0312,-0.34375 -0.004,-0.0578 -0.0174,-0.0996 -0.0312,-0.15625 -0.0109,-0.0407 -0.0151,-0.0857 -0.0312,-0.125 -0.0164,-0.0408 -0.0405,-0.0862 -0.0625,-0.125 -0.0455,-0.0779 -0.0936,-0.15726 -0.15625,-0.21875 l -3.53125,-3.53125 c -0.20891,-0.22276 -0.50816,-0.33785 -0.8125,-0.3125 -0.39478,0.0269 -0.73977,0.28438 -0.875,0.65625 -0.13524,0.37187 -0.0353,0.78826 0.25,1.0625 l 1.875,1.84375 -4.6875,0"
-             id="path6835-0-9-2-8"
-             sodipodi:nodetypes="cccscccsssssssscccsccc" />
-        </g>
-      </g>
-    </g>
-    <flowRoot
-       xml:space="preserve"
-       id="flowRoot9963-2-8-1"
-       style="font-size:10px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold"
-       transform="translate(233.035,-234.87615)"><flowRegion
-         id="flowRegion9965-2-8-7"><rect
-           id="rect9967-3-0-9"
-           width="180.60732"
-           height="30.82765"
-           x="-113.13708"
-           y="271.51425"
-           style="font-size:10px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-         id="flowPara11184-1">Web Server / Portal</flowPara></flowRoot>  </g>
-</svg>

documentation/introduction/original-drawings/intro-themes-faded.svg

@@ -1,143 +0,0 @@
-<?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: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="210mm"
-   height="297mm"
-   id="svg1901"
-   sodipodi:version="0.32"
-   inkscape:version="0.48.1 r9760"
-   sodipodi:docname="intro-themes-faded.svg"
-   inkscape:output_extension="org.inkscape.output.svg.inkscape"
-   version="1.1">
-  <defs
-     id="defs1903">
-    <linearGradient
-       id="linearGradient3942">
-      <stop
-         style="stop-color:#ffffff;stop-opacity:0;"
-         offset="0"
-         id="stop3944" />
-      <stop
-         style="stop-color:#ffffff;stop-opacity:1;"
-         offset="1"
-         id="stop3946" />
-    </linearGradient>
-    <inkscape:perspective
-       sodipodi:type="inkscape:persp3d"
-       inkscape:vp_x="0 : 526.18109 : 1"
-       inkscape:vp_y="0 : 1000 : 0"
-       inkscape:vp_z="744.09448 : 526.18109 : 1"
-       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
-       id="perspective3285" />
-    <inkscape:perspective
-       id="perspective3425"
-       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
-       inkscape:vp_z="744.09448 : 526.18109 : 1"
-       inkscape:vp_y="0 : 1000 : 0"
-       inkscape:vp_x="0 : 526.18109 : 1"
-       sodipodi:type="inkscape:persp3d" />
-    <radialGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient3942"
-       id="radialGradient3948"
-       cx="266.94611"
-       cy="212.33144"
-       fx="266.94611"
-       fy="212.33144"
-       r="204.55081"
-       gradientTransform="matrix(1.1694303,7.9008514e-3,-7.2468582e-3,1.1882556,-43.048357,-40.231826)"
-       gradientUnits="userSpaceOnUse" />
-    <filter
-       inkscape:collect="always"
-       id="filter4256"
-       x="-0.0077072907"
-       width="1.0154146"
-       y="-0.10312293"
-       height="1.2062459">
-      <feGaussianBlur
-         inkscape:collect="always"
-         stdDeviation="0.9979963"
-         id="feGaussianBlur4258" />
-    </filter>
-    <radialGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient3942"
-       id="radialGradient5489"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(1.1694303,0.00790085,-0.00724686,1.1882556,-43.553433,-37.706444)"
-       cx="266.94611"
-       cy="212.33144"
-       fx="266.94611"
-       fy="212.33144"
-       r="204.55081" />
-  </defs>
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="1.979899"
-     inkscape:cx="312.28164"
-     inkscape:cy="843.03236"
-     inkscape:document-units="px"
-     inkscape:current-layer="layer1"
-     gridtolerance="10000"
-     inkscape:window-width="1310"
-     inkscape:window-height="838"
-     inkscape:window-x="602"
-     inkscape:window-y="185"
-     showgrid="false"
-     inkscape:window-maximized="0" />
-  <metadata
-     id="metadata1906">
-    <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="Taso 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     style="opacity:1">
-    <rect
-       style="opacity:0.74493929;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-       id="rect4190"
-       width="375.7767"
-       height="321.22855"
-       x="132.32999"
-       y="106.85941"
-       ry="15.937783" />
-    <image
-       sodipodi:absref="/home/magi/itmill/doc/manual/original-drawings/intro/intro-layout-capture-1.png"
-       xlink:href="intro-layout-capture-1.png"
-       width="365"
-       height="348"
-       id="image3427"
-       x="137.5293"
-       y="114.28848" />
-    <rect
-       style="fill:url(#radialGradient5489);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-       id="rect3431"
-       width="370.97107"
-       height="357.59399"
-       x="134.85538"
-       y="110.39493"
-       ry="15.337974" />
-  </g>
-</svg>