From 8bbe02b1eaa91618a2661a248fb1a70ea5ad4200 Mon Sep 17 00:00:00 2001
From: Marko Gronroos <magi@vaadin.com>
Date: Wed, 1 Jun 2016 18:21:58 +0300
Subject: Revised diagrams in intro, installation, architecture, and
 application chapters. #19897

Change-Id: I42673cabcd171dd560dfe84fd84eb86e7ba11733
---
 .../introduction/img/architecture-vaadin7-hi.png   |  Bin 105306 -> 0 bytes
 .../introduction/img/architecture-vaadin7-lo.png   |  Bin 23570 -> 0 bytes
 documentation/introduction/img/architecture.png    |  Bin 0 -> 89782 bytes
 .../introduction/img/intro-themes-faded-hi.png     |  Bin 175732 -> 0 bytes
 .../introduction/img/intro-themes-faded-lo.png     |  Bin 51462 -> 0 bytes
 documentation/introduction/intro-overview.asciidoc |    4 +-
 .../introduction/original-drawings/Makefile        |   16 +
 .../original-drawings/architecture-vaadin7.svg     |  826 -----------
 .../original-drawings/architecture.svg             | 1494 ++++++++++++++------
 .../original-drawings/intro-layout-capture-1.png   |  Bin 22465 -> 0 bytes
 .../original-drawings/intro-themes-faded.svg       |  143 --
 11 files changed, 1063 insertions(+), 1420 deletions(-)
 delete mode 100644 documentation/introduction/img/architecture-vaadin7-hi.png
 delete mode 100644 documentation/introduction/img/architecture-vaadin7-lo.png
 create mode 100644 documentation/introduction/img/architecture.png
 delete mode 100644 documentation/introduction/img/intro-themes-faded-hi.png
 delete mode 100644 documentation/introduction/img/intro-themes-faded-lo.png
 create mode 100644 documentation/introduction/original-drawings/Makefile
 delete mode 100644 documentation/introduction/original-drawings/architecture-vaadin7.svg
 delete mode 100644 documentation/introduction/original-drawings/intro-layout-capture-1.png
 delete mode 100644 documentation/introduction/original-drawings/intro-themes-faded.svg

(limited to 'documentation/introduction')

diff --git a/documentation/introduction/img/architecture-vaadin7-hi.png b/documentation/introduction/img/architecture-vaadin7-hi.png
deleted file mode 100644
index a28e5be7c6..0000000000
Binary files a/documentation/introduction/img/architecture-vaadin7-hi.png and /dev/null differ
diff --git a/documentation/introduction/img/architecture-vaadin7-lo.png b/documentation/introduction/img/architecture-vaadin7-lo.png
deleted file mode 100644
index 5ef0c0bea0..0000000000
Binary files a/documentation/introduction/img/architecture-vaadin7-lo.png and /dev/null differ
diff --git a/documentation/introduction/img/architecture.png b/documentation/introduction/img/architecture.png
new file mode 100644
index 0000000000..c624f27942
Binary files /dev/null and b/documentation/introduction/img/architecture.png differ
diff --git a/documentation/introduction/img/intro-themes-faded-hi.png b/documentation/introduction/img/intro-themes-faded-hi.png
deleted file mode 100644
index e7f4653232..0000000000
Binary files a/documentation/introduction/img/intro-themes-faded-hi.png and /dev/null differ
diff --git a/documentation/introduction/img/intro-themes-faded-lo.png b/documentation/introduction/img/intro-themes-faded-lo.png
deleted file mode 100644
index b9c4b5724f..0000000000
Binary files a/documentation/introduction/img/intro-themes-faded-lo.png and /dev/null differ
diff --git a/documentation/introduction/intro-overview.asciidoc b/documentation/introduction/intro-overview.asciidoc
index 22ccc06c10..beed28ac6f 100644
--- a/documentation/introduction/intro-overview.asciidoc
+++ b/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
diff --git a/documentation/introduction/original-drawings/Makefile b/documentation/introduction/original-drawings/Makefile
new file mode 100644
index 0000000000..8d49864253
--- /dev/null
+++ b/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:
diff --git a/documentation/introduction/original-drawings/architecture-vaadin7.svg b/documentation/introduction/original-drawings/architecture-vaadin7.svg
deleted file mode 100644
index 581fb7aa04..0000000000
--- a/documentation/introduction/original-drawings/architecture-vaadin7.svg
+++ /dev/null
@@ -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>
diff --git a/documentation/introduction/original-drawings/architecture.svg b/documentation/introduction/original-drawings/architecture.svg
index 674cd0b959..d3b421b670 100644
--- a/documentation/introduction/original-drawings/architecture.svg
+++ b/documentation/introduction/original-drawings/architecture.svg
@@ -1,449 +1,1045 @@
-<?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.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="205.74747"
-     inkscape:cy="939.96477"
-     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">
-    <inkscape:grid
-       type="xygrid"
-       id="grid6362"
-       visible="true"
-       enabled="true"
-       empspacing="5"
-       snapvisiblegridlinesonly="true"
-       spacingx="1px" />
-  </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"
-     style="opacity:1">
-    <g
-       id="g3808"
-       transform="translate(21.945976,-187.75591)">
-      <rect
-         ry="3.7880721"
-         y="235.11809"
-         x="13.054024"
-         height="120.00001"
-         width="70"
-         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-3-6-8-6-8"
-         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,3.2330926)"><flowRegion
-           id="flowRegion9965-2-7-7-1-9-9"><rect
-             id="rect9967-3-5-6-4-7-1"
-             width="60.012081"
-             height="40.370747"
-             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="flowPara11130">Client-Side</flowPara><flowPara
-           id="flowPara11126">Engine</flowPara></flowRoot>      <flowRoot
-         xml:space="preserve"
-         id="flowRoot9963-2-8"
-         style="font-size:12px;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-8"><rect
-             id="rect9967-3-0"
-             width="60.012081"
-             height="52.315746"
-             x="-113.13708"
-             y="271.51425"
-             style="font-size:12px;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="flowPara9973-8-5">Web</flowPara><flowPara
-           id="flowPara11184">Browser</flowPara></flowRoot>    </g>
-    <g
-       id="g6365"
-       transform="translate(96.945976,-187.75591)">
-      <rect
-         ry="3.7880721"
-         y="235.11809"
-         x="13.054024"
-         height="120"
-         width="70"
-         id="rect6367"
-         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
-         transform="matrix(0.07579619,0,0,0.07579619,12.243598,335.45189)"
-         id="g5925">
-        <g
-           id="g5931"
-           transform="matrix(29.999985,-0.03019888,0.03019888,29.999985,-11011.509,-15375.022)">
-          <g
-             style="fill:#ffffff;fill-opacity:1"
-             transform="translate(-2.6843449e-4,0.2666665)"
-             id="g5977">
-            <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="path3599" />
-            <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="path5935"
-               sodipodi:nodetypes="cccscccsssssssscccsccc" />
-          </g>
-        </g>
-      </g>
-      <flowRoot
-         xml:space="preserve"
-         id="flowRoot9963-2"
-         style="font-size:12px;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(131.17902,-28.711912)"><flowRegion
-           id="flowRegion9965-2"><rect
-             id="rect9967-3"
-             width="50.012081"
-             height="52.315746"
-             x="-113.13708"
-             y="271.51425"
-             style="font-size:12px;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;font-family:Helvetica Rounded LT Std;-inkscape-font-specification:Helvetica Rounded LT Std Bold" /></flowRegion><flowPara
-           id="flowPara9969-5">Java</flowPara><flowPara
-           id="flowPara9971-5">Web</flowPara><flowPara
-           id="flowPara9973-8">Server</flowPara></flowRoot>    </g>
-    <g
-       id="g6789"
-       transform="translate(251.94598,-187.75591)">
-      <rect
-         ry="3.7880721"
-         y="235.11809"
-         x="13.054024"
-         height="120.00001"
-         width="70"
-         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" />
-      <g
-         transform="matrix(0.07579619,0,0,0.07579619,12.253952,335.42292)"
-         id="g6803">
-        <g
-           id="g6805"
-           transform="matrix(29.999985,-0.03019888,0.03019888,29.999985,-11011.509,-15375.022)">
-          <g
-             style="fill:#ffffff;fill-opacity:1"
-             transform="translate(-2.6843449e-4,0.2666665)"
-             id="g6807">
-            <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="path6809" />
-            <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="path6811"
-               sodipodi:nodetypes="cccscccsssssssscccsccc" />
-          </g>
-        </g>
-      </g>
-      <flowRoot
-         xml:space="preserve"
-         id="flowRoot9963-2-3-6"
-         style="font-size:12px;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:12px;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="flowPara10160-1">Your</flowPara><flowPara
-           id="flowPara10992">UI</flowPara></flowRoot>    </g>
-    <g
-       id="g6813"
-       transform="translate(171.94598,-187.75591)">
-      <rect
-         ry="3.7880721"
-         y="235.11809"
-         x="13.054024"
-         height="120.00002"
-         width="75"
-         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" />
-      <g
-         transform="matrix(0.07579619,0,0,0.07579619,12.243595,335.4519)"
-         id="g6827">
-        <g
-           id="g6829"
-           transform="matrix(29.999985,-0.03019888,0.03019888,29.999985,-11011.509,-15375.022)">
-          <g
-             style="fill:#ffffff;fill-opacity:1"
-             transform="translate(-2.6843449e-4,0.2666665)"
-             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>
-      <flowRoot
-         xml:space="preserve"
-         id="flowRoot9963-2-3"
-         style="font-size:12px;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"><rect
-             id="rect9967-3-5"
-             width="68.012077"
-             height="51.315746"
-             x="-113.13708"
-             y="271.51425"
-             style="font-size:12px;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="flowPara9973-8-4">Vaadin</flowPara><flowPara
-           id="flowPara11084">Server-</flowPara><flowPara
-           id="flowPara11086">Side</flowPara><flowPara
-           id="flowPara10160">Framework</flowPara></flowRoot>    </g>
-    <g
-       id="g6789-3"
-       transform="translate(326.94598,-187.75591)">
-      <rect
-         ry="3.7880721"
-         y="235.11809"
-         x="13.054024"
-         height="120.00002"
-         width="75"
-         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" />
-      <g
-         transform="matrix(0.07579619,0,0,0.07579619,12.243595,335.4519)"
-         id="g6803-4">
-        <g
-           id="g6805-7"
-           transform="matrix(29.999985,-0.03019888,0.03019888,29.999985,-11011.509,-15375.022)">
-          <g
-             style="fill:#ffffff;fill-opacity:1"
-             transform="translate(-2.6843449e-4,0.2666665)"
-             id="g6807-4">
-            <path
-               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="path6809-4"
-               inkscape:connector-curvature="0" />
-            <path
-               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="path6811-3"
-               sodipodi:nodetypes="cccscccsssssssscccsccc"
-               inkscape:connector-curvature="0" />
-          </g>
-        </g>
-      </g>
-      <flowRoot
-         xml:space="preserve"
-         id="flowRoot9963-2-3-6-8"
-         style="font-size:12px;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-1"><rect
-             id="rect9967-3-5-6-4"
-             width="60.012077"
-             height="32.315746"
-             x="-113.13708"
-             y="271.51425"
-             style="font-size:12px;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-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,-9.711907)"><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="flowPara10992-4-9">Business Logic</flowPara><flowPara
-           id="flowPara11080">Persistence</flowPara><flowPara
-           id="flowPara11082">Database</flowPara></flowRoot>    </g>
-  </g>
-</svg>
+<?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="82mm"
+   height="42mm"
+   id="svg2475"
+   sodipodi:version="0.32"
+   inkscape:version="0.91 r"
+   sodipodi:docname="architecture.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   inkscape:export-filename="/home/magi/Dropbox/Vaadin/vaadin-architecture-test2.png"
+   inkscape:export-xdpi="150.06973"
+   inkscape:export-ydpi="150.06973"
+   version="1.0">
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     gridtolerance="10000"
+     guidetolerance="10"
+     objecttolerance="10"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.3941125"
+     inkscape:cx="169.12023"
+     inkscape:cy="69.76731"
+     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:snap-nodes="true"
+     inkscape:snap-bbox="true"
+     units="mm"
+     inkscape:snap-global="true"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-center="true"
+     inkscape:window-maximized="1"
+     inkscape:object-nodes="true"
+     fit-margin-top="5"
+     fit-margin-left="5"
+     fit-margin-right="5"
+     fit-margin-bottom="5"
+     inkscape:snap-object-midpoints="true"
+     inkscape:object-paths="false"
+     inkscape:snap-smooth-nodes="false">
+    <inkscape:grid
+       spacingy="1mm"
+       spacingx="1mm"
+       empspacing="10"
+       units="mm"
+       enabled="true"
+       visible="true"
+       id="grid4674"
+       type="xygrid"
+       dotted="false"
+       snapvisiblegridlinesonly="true"
+       originx="0"
+       originy="0" />
+    <sodipodi:guide
+       position="194.88189,35.433071"
+       orientation="0,1"
+       id="guide4869" />
+    <sodipodi:guide
+       position="145.27559,124.01575"
+       orientation="1,0"
+       id="guide4871" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2477">
+    <marker
+       inkscape:stockid="Arrow1Lstart"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow1Lstart"
+       style="overflow:visible">
+      <path
+         id="path5210"
+         d="M 0,0 5,-5 -12.5,0 5,5 0,0 Z"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="matrix(0.8,0,0,0.8,10,0)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotS"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotS">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path3636"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutS"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutS"
+       style="overflow:visible">
+      <path
+         id="path3717"
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <inkscape:path-effect
+       copytype="single_stretched"
+       pattern="m 349.202,225.086 56.693,106.3 -35.433,7.086"
+       prop_scale="1"
+       id="path-effect2503"
+       effect="skeletal"
+       is_visible="true"
+       scale_y_rel="false"
+       spacing="0"
+       normal_offset="0"
+       tang_offset="0"
+       prop_units="false"
+       vertical_pattern="false"
+       fuse_tolerance="0" />
+    <inkscape:path-effect
+       prop_scale="1"
+       id="path-effect2499"
+       effect="skeletal"
+       is_visible="true"
+       pattern="M 0,0 1,0"
+       copytype="single_stretched"
+       scale_y_rel="false"
+       spacing="0"
+       normal_offset="0"
+       tang_offset="0"
+       prop_units="false"
+       vertical_pattern="false"
+       fuse_tolerance="0" />
+    <inkscape:path-effect
+       pattern-nodetypes="cc"
+       pattern="M 432.28346,272.83462 403.93701,216.14171"
+       prop_scale="1"
+       id="path-effect2497"
+       effect="skeletal"
+       is_visible="true"
+       copytype="single_stretched"
+       scale_y_rel="false"
+       spacing="0"
+       normal_offset="0"
+       tang_offset="0"
+       prop_units="false"
+       vertical_pattern="false"
+       fuse_tolerance="0" />
+    <marker
+       style="overflow:visible"
+       id="Arrow1Send"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow1Send">
+      <path
+         transform="matrix(-0.2,0,0,-0.2,-1.2,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,0 5,-5 -12.5,0 5,5 0,0 Z"
+         id="path3641"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow1Lend"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow1Lend">
+      <path
+         transform="matrix(-0.8,0,0,-0.8,-10,0)"
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none"
+         d="M 0,0 5,-5 -12.5,0 5,5 0,0 Z"
+         id="path3629"
+         inkscape:connector-curvature="0" />
+    </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="perspective3487" />
+    <marker
+       style="overflow:visible"
+       id="Arrow2Sendp"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2Sendp">
+      <path
+         transform="matrix(-0.3,0,0,-0.3,0.69,0)"
+         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"
+         style="font-size:12px;fill:#f39300;fill-rule:evenodd;stroke:#f39300;stroke-width:0.625;stroke-linejoin:round"
+         id="path28139"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutSK"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutSK">
+      <path
+         transform="scale(0.2,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         id="path36611"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutSH"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutSH">
+      <path
+         transform="scale(0.2,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         id="path36614"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutSA"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutSA">
+      <path
+         transform="scale(0.2,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         id="path36617"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutSKF"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutSKF">
+      <path
+         transform="scale(0.2,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         id="path36620"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="TriangleOutS9"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="TriangleOutS9">
+      <path
+         transform="scale(0.2,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         id="path36623"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2SendpA"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2SendpA">
+      <path
+         transform="matrix(-0.3,0,0,-0.3,0.69,0)"
+         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"
+         style="font-size:12px;fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:0.625;stroke-linejoin:round"
+         id="path3396"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2Sendpg"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2Sendpg">
+      <path
+         transform="matrix(-0.3,0,0,-0.3,0.69,0)"
+         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"
+         style="font-size:12px;fill:#fcc988;fill-rule:evenodd;stroke:#fcc988;stroke-width:0.625;stroke-linejoin:round"
+         id="path3360"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <filter
+       id="filter2780"
+       inkscape:label="White Halo"
+       width="1.1"
+       height="1.1"
+       style="color-interpolation-filters:sRGB">
+      <feMorphology
+         id="feMorphology2782"
+         operator="dilate"
+         radius="3"
+         result="result0" />
+      <feFlood
+         id="feFlood2786"
+         flood-color="rgb(255,255,255)"
+         flood-opacity="1"
+         in="result0"
+         result="result3" />
+      <feComposite
+         id="feComposite2623"
+         in="result3"
+         in2="result0"
+         operator="in"
+         result="result4" />
+      <feMerge
+         id="feMerge2629">
+        <feMergeNode
+           inkscape:collect="always"
+           id="feMergeNode2631"
+           in="result4" />
+        <feMergeNode
+           inkscape:collect="always"
+           id="feMergeNode2633"
+           in="SourceGraphic" />
+      </feMerge>
+    </filter>
+    <marker
+       inkscape:stockid="TriangleOutSn"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSn"
+       style="overflow:visible">
+      <path
+         id="path4441"
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutS9F"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutS9F"
+       style="overflow:visible">
+      <path
+         id="path4444"
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSI"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSI"
+       style="overflow:visible">
+      <path
+         id="path4447"
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSO"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSO"
+       style="overflow:visible">
+      <path
+         id="path4450"
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSW"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSW"
+       style="overflow:visible">
+      <path
+         id="path4453"
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSB"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSB"
+       style="overflow:visible">
+      <path
+         id="path4456"
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSZ"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSZ"
+       style="overflow:visible">
+      <path
+         id="path4459"
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSq"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSq">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#d9d9cd;fill-rule:evenodd;stroke:#d9d9cd;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path5853"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSBO"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSBO"
+       style="overflow:visible">
+      <path
+         id="path7501"
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSu"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSu">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path9463"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <filter
+       height="1.1"
+       width="1.1"
+       inkscape:label="Black Halo"
+       id="filter10694"
+       style="color-interpolation-filters:sRGB">
+      <feMorphology
+         result="result0"
+         radius="3"
+         operator="dilate"
+         id="feMorphology10696" />
+      <feFlood
+         result="result3"
+         in="result0"
+         flood-opacity="1"
+         flood-color="rgb(0,0,0)"
+         id="feFlood10698" />
+      <feComposite
+         result="result4"
+         operator="in"
+         in2="result0"
+         in="result3"
+         id="feComposite10700" />
+      <feMerge
+         id="feMerge10702">
+        <feMergeNode
+           in="result4"
+           id="feMergeNode10704"
+           inkscape:collect="always" />
+        <feMergeNode
+           in="SourceGraphic"
+           id="feMergeNode10706"
+           inkscape:collect="always" />
+      </feMerge>
+    </filter>
+    <marker
+       inkscape:stockid="TriangleOutSu"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSu"
+       style="overflow:visible">
+      <path
+         id="path8127"
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSI8"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSI8"
+       style="overflow:visible">
+      <path
+         id="path8130"
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSr"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSr"
+       style="overflow:visible">
+      <path
+         id="path8133"
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSM"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSM"
+       style="overflow:visible">
+      <path
+         id="path8136"
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="TriangleOutSb"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="TriangleOutSb"
+       style="overflow:visible">
+      <path
+         id="path8139"
+         d="m 5.77,0 -8.65,5 0,-10 8.65,5 z"
+         style="fill:#49c2f1;fill-rule:evenodd;stroke:#49c2f1;stroke-width:1pt;marker-start:none"
+         transform="scale(0.2,0.2)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <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 -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path11035"
+           d="m 366.65625,515.40625 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"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+      </g>
+    </marker>
+    <marker
+       id="marker44971"
+       orient="auto"
+       markerHeight="5.7450781"
+       markerWidth="4.6297355">
+      <g
+         id="g18059"
+         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path18061"
+           d="m 370,508.65625 c -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path18063"
+           d="m 366.65625,515.40625 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"
+           style="fill:#d9d9cd;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+      </g>
+    </marker>
+    <marker
+       id="marker52016"
+       orient="auto"
+       markerHeight="5.7450786"
+       markerWidth="4.6297302">
+      <g
+         id="g52010"
+         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path52012"
+           d="m 370,508.65625 c -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path52014"
+           d="m 366.65625,515.40625 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"
+           style="fill:#f39300;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+      </g>
+    </marker>
+    <marker
+       id="marker64887"
+       orient="auto"
+       markerHeight="5.745079"
+       markerWidth="4.6297255">
+      <g
+         id="g64855"
+         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path64857"
+           d="m 370,508.65625 c -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path64859"
+           d="m 366.65625,515.40625 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"
+           style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+      </g>
+    </marker>
+    <marker
+       id="marker4057"
+       orient="auto"
+       markerHeight="5.745079"
+       markerWidth="4.6297302">
+      <g
+         id="g51986"
+         transform="matrix(0.5,0,0,0.5,-185.64299,-257.19655)">
+        <path
+           sodipodi:nodetypes="csccccccsccssssssssssssssccc"
+           id="path51988"
+           d="m 370,508.65625 c -0.86067,0.0587 -1.60944,0.6213 -1.90625,1.4375 -0.26976,0.74176 -0.0577,1.53493 0.4375,2.125 l -1.75,0 c -0.0424,-0.005 -0.0824,0.002 -0.125,0 l 0,4.375 0.125,0 1.75,0 c -0.67896,0.8597 -0.69701,2.11549 0.0937,2.90625 0.85091,0.85091 2.27409,0.85091 3.125,0 l 3.34375,-3.375 c 0.033,-0.0295 0.0643,-0.0608 0.0937,-0.0937 0.0322,-0.0193 0.0635,-0.0402 0.0937,-0.0625 3.7e-4,-3.6e-4 0.21851,-0.28079 0.21875,-0.28125 5e-5,-9e-5 -0.007,-0.0447 0,-0.0625 0.001,-0.003 0.03,0.003 0.0312,0 0.0391,-0.0521 0.051,-0.0518 0.0937,-0.125 0.13699,-0.23476 0.16684,-0.37191 0.15625,-0.34375 0.0368,-0.0915 0.0185,-0.11251 0.0312,-0.15625 0.0106,-0.0102 0.021,-0.0206 0.0312,-0.0312 0.06,-0.22398 0.0881,-0.51689 0.0625,-0.78125 -0.0136,-0.20363 -0.0589,-0.29765 -0.0625,-0.3125 1.4e-4,-0.0104 1.4e-4,-0.0208 0,-0.0312 0.026,0.097 0.0153,0.016 -0.0937,-0.25 -0.0525,-0.13039 -0.0899,-0.21936 -0.125,-0.28125 -0.0524,-0.0897 -0.13346,-0.26235 -0.34375,-0.46875 L 371.75,509.3125 c -0.45645,-0.48671 -1.08509,-0.71163 -1.75,-0.65625 z"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+        <path
+           sodipodi:nodetypes="cccscccsssssssscccsccc"
+           id="path51990"
+           d="m 366.65625,515.40625 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"
+           style="fill:#49c2f1;fill-opacity:1;fill-rule:evenodd;stroke:none"
+           inkscape:connector-curvature="0" />
+      </g>
+    </marker>
+    <marker
+       id="marker72805"
+       orient="auto"
+       markerHeight="4.5568175"
+       markerWidth="4.0334239">
+      <path
+         sodipodi:nodetypes="cccscccsssssssscccsccc"
+         id="path18057"
+         d="m -2.0167119,0.50456824 2.31250003,0 -0.90625,0.90624996 c -0.19847,0.19848 -0.19847,0.52028 0,0.71875 0.19848,0.19848 0.52028,0.19848 0.71875,0 l 1.71874997,-1.73436996 0.04688,-0.03125 c 0.00296,-0.00291 -0.0029,-0.01264 0,-0.01563 0.0277,-0.02858 0.05755,-0.05849 0.07812,-0.09375 0.01432,-0.02454 0.02144,-0.05204 0.03125,-0.07812 0.00618,-0.01536 0.01103,-0.03109 0.01563,-0.04688 0.01556,-0.05805 0.02137,-0.11246 0.01562,-0.17187 -0.00193,-0.02892 -0.00868,-0.04983 -0.01562,-0.07813 -0.00545,-0.02032 -0.00757,-0.04283 -0.01563,-0.0625 -0.00821,-0.02041 -0.02023,-0.0431 -0.03125,-0.0625 -0.02272,-0.03893 -0.0468,-0.07863 -0.07812,-0.10937 L 0.10828813,-2.1204318 c -0.10445,-0.11138 -0.25408,-0.16892 -0.40625,-0.15625 -0.19739,0.01348 -0.36988,0.14219 -0.4375,0.32813 -0.06762,0.18593 -0.01763,0.39413 0.125,0.53125 l 0.9375,0.92187004 -2.34375003,0"
+         style="fill:#f39300;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       id="marker72808"
+       orient="auto"
+       markerHeight="4.5568123"
+       markerWidth="4.0334177">
+      <path
+         sodipodi:nodetypes="cccscccsssssssscccsccc"
+         id="path72801"
+         d="m -2.016709,0.50457301 2.31250005,0 -0.90625,0.90624999 c -0.19848,0.19847 -0.19848,0.52027 0,0.71875 0.19847,0.19847 0.52027,0.19847 0.71875,0 L 1.827041,0.39519301 l 0.04687,-0.03125 c 0.00297,-0.00291 -0.00289,-0.01264 0,-0.01562 0.02771,-0.02858 0.05755,-0.0585 0.07813,-0.09375 0.01432,-0.02454 0.02144,-0.05205 0.03125,-0.07813 0.00618,-0.01536 0.01103,-0.03108 0.01562,-0.04687 0.01556,-0.05805 0.02137,-0.11247 0.01563,-0.17188 -0.00193,-0.02892 -0.00869,-0.04982 -0.01563,-0.07812 -0.00545,-0.02033 -0.00756,-0.04283 -0.01562,-0.0625 -0.00822,-0.02042 -0.02024,-0.0431 -0.03125,-0.0625 -0.02273,-0.03894 -0.0468,-0.07863 -0.07813,-0.10938 L 0.10829105,-2.120427 c -0.10446,-0.11138 -0.25408,-0.16893 -0.40625,-0.15625 -0.19739,0.01347 -0.36989,0.14219 -0.4375,0.32812 -0.06762,0.18594 -0.01763,0.39413 0.125,0.53125 l 0.9375,0.92188001 -2.34375005,0"
+         style="fill:#d9d9cd;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="DotSuN"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="DotSuN">
+      <path
+         transform="matrix(0.2,0,0,0.2,1.48,0.2)"
+         style="fill:#f39300;fill-rule:evenodd;stroke:#f39300;stroke-width:1pt;marker-start:none;marker-end:none"
+         d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
+         id="path81580"
+         inkscape:connector-curvature="0" />
+    </marker>
+  </defs>
+  <metadata
+     id="metadata2480">
+    <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
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1"
+     transform="translate(-100.76772,-438.26589)">
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 154.959,466.61236 64.81627,0"
+       id="path4623-3"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 154.959,502.04543 64.81627,0"
+       id="path4623-3-9"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;stroke:#2d3538;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 246.04331,516.0212 0,14.37069"
+       id="path4953"
+       inkscape:connector-curvature="0" />
+    <circle
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:#2d3538;stroke-width:1.02934968;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="path4473"
+       cx="132.65749"
+       cy="484.32886"
+       r="28.346416" />
+    <flowRoot
+       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:18.49234581px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none"
+       id="flowRoot2485"
+       xml:space="preserve"
+       transform="matrix(0.40557321,0,0,0.40557321,65.115187,370.03247)"><flowRegion
+         id="flowRegion2487"><rect
+           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:18.49234581px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;writing-mode:lr-tb;text-anchor:middle"
+           y="238.07646"
+           x="262.85715"
+           height="120"
+           width="184.28572"
+           id="rect2489" /></flowRegion><flowPara
+         id="flowPara2491" /></flowRoot>    <g
+       transform="matrix(0.40557321,0,0,0.40557321,63.666711,379.44757)"
+       id="g3178" />
+    <flowRoot
+       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:18.49234581px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none"
+       id="flowRoot8724"
+       xml:space="preserve"
+       transform="matrix(0.40557321,0,0,0.40557321,65.115187,370.03247)"><flowRegion
+         id="flowRegion8726"><rect
+           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:18.49234581px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;writing-mode:lr-tb;text-anchor:middle"
+           y="752.14441"
+           x="39.286312"
+           height="22.868153"
+           width="29.904507"
+           id="rect8728" /></flowRegion><flowPara
+         id="flowPara8730" /></flowRoot>    <g
+       transform="matrix(0.20278661,0,0,0.20278661,107.02834,370.35453)"
+       id="g18053" />
+    <flowRoot
+       transform="matrix(0.40557321,0,0,0.40557321,65.115186,463.44206)"
+       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:18.49234581px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none"
+       id="flowRoot2485-8"
+       xml:space="preserve"><flowRegion
+         id="flowRegion2487-4"><rect
+           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:18.49234581px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;writing-mode:lr-tb;text-anchor:middle"
+           y="238.07646"
+           x="262.85715"
+           height="120"
+           width="184.28572"
+           id="rect2489-7" /></flowRegion><flowPara
+         id="flowPara2491-1" /></flowRoot>    <g
+       transform="matrix(0.40557321,0,0,0.40557321,63.66671,472.85714)"
+       id="g3178-4" />
+    <flowRoot
+       transform="matrix(0.40557321,0,0,0.40557321,65.115186,463.44206)"
+       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:18.49234581px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none"
+       id="flowRoot8724-7"
+       xml:space="preserve"><flowRegion
+         id="flowRegion8726-1"><rect
+           style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:18.49234581px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;writing-mode:lr-tb;text-anchor:middle"
+           y="752.14441"
+           x="39.286312"
+           height="22.868153"
+           width="29.904507"
+           id="rect8728-9" /></flowRegion><flowPara
+         id="flowPara8730-9" /></flowRoot>    <g
+       transform="matrix(0.20278661,0,0,0.20278661,107.02834,463.76411)"
+       id="g18053-3" />
+    <circle
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b6f3;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.0629921;stroke-miterlimit:4;stroke-dasharray:none;marker:none;enable-background:accumulate"
+       id="path3130-77-4"
+       cx="154.87486"
+       cy="466.61237"
+       r="2.8741407" />
+    <circle
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ff3849;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.0629921;stroke-miterlimit:4;stroke-dasharray:none;marker:none;enable-background:accumulate"
+       id="path3130-3-5-3-5"
+       cx="154.87486"
+       cy="502.04538"
+       r="2.8741407" />
+    <circle
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#2d3538;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.0629921;stroke-miterlimit:4;stroke-dasharray:none;marker:none;enable-background:accumulate"
+       id="path3130-77-2-7"
+       cx="214.15355"
+       cy="484.32892"
+       r="2.8741407" />
+    <circle
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#2d3538;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.0629921;stroke-miterlimit:4;stroke-dasharray:none;marker:none;enable-background:accumulate"
+       id="path3130-3-5-5-3"
+       cx="160.86566"
+       cy="484.32892"
+       r="2.8741407" />
+    <flowRoot
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:18.49234581px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#2d3538;fill-opacity:1;stroke:none"
+       id="flowRoot3840-0-0-3-5-5-0-9-5"
+       transform="matrix(0.40557321,0,0,0.40557321,139.02197,448.01917)"><flowRegion
+         id="flowRegion3842-0-3-0-7-4-8-8-3" /><flowPara
+         id="flowPara3846-7-6-0-9-0-0-7-4">Client-Side</flowPara><flowPara
+         id="flowPara4979">Widgets</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:18.49234581px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:end;writing-mode:lr-tb;text-anchor:end;fill:#2d3538;fill-opacity:1;stroke:none"
+       id="flowRoot3840-0-0-3-5-5-0-9-7-6"
+       transform="matrix(0.40557321,0,0,0.40557321,230.84596,448.03417)"><flowRegion
+         id="flowRegion3842-0-3-0-7-4-8-8-9-59" /><flowPara
+         id="flowPara3846-7-6-0-9-0-0-7-3-9">Server-Side</flowPara><flowPara
+         id="flowPara4981">Components</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:21.57440376px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#2d3538;fill-opacity:1;stroke:none"
+       id="flowRoot3840-0-0-3-5-5-0-9-7-6-6"
+       transform="matrix(0.40557321,0,0,0.40557321,245.82629,483.01203)"><flowRegion
+         id="flowRegion3842-0-3-0-7-4-8-8-9-59-0" /><flowPara
+         id="flowPara4524">USER</flowPara><flowPara
+         id="flowPara4852">INTERFACE</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:21.57440376px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#2d3538;fill-opacity:1;stroke:none"
+       id="flowRoot3840-0-0-3-5-5-0-9-7-6-6-4"
+       transform="matrix(0.40557321,0,0,0.40557321,132.48973,487.38697)"><flowRegion
+         id="flowRegion3842-0-3-0-7-4-8-8-9-59-0-7" /><flowPara
+         id="flowPara4844">BROWSER</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:18.49234581px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#2d3538;fill-opacity:1;stroke:none"
+       id="flowRoot3840-0-0-3-5-5-0-2-3"
+       transform="matrix(0.40557321,0,0,0.40557321,160.84258,473.86267)"><flowRegion
+         id="flowRegion3842-0-3-0-7-4-8-2-0" /><flowPara
+         id="flowPara3846-7-6-0-9-0-0-4-4">Built-in</flowPara></flowRoot>    <circle
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:#2d3538;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="path4473-7-8"
+       cx="246.0433"
+       cy="551.65167"
+       r="20.963614" />
+    <circle
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ff3849;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.0629921;stroke-miterlimit:4;stroke-dasharray:none;marker:none;enable-background:accumulate"
+       id="path3130-3-5-3-5-9"
+       cx="246.0433"
+       cy="530.39185"
+       r="2.8741407" />
+    <flowRoot
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:18.49234581px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#2d3538;fill-opacity:1;stroke:none"
+       id="flowRoot3840-0-0-3-5-5-0-9-7-0-5-2"
+       transform="matrix(0.40557321,0,0,0.40557321,248.98404,527.71731)"><flowRegion
+         id="flowRegion3842-0-3-0-7-4-8-8-9-5-0-4" /><flowPara
+         id="flowPara3846-7-6-0-9-0-0-7-3-2-0-6">Application Theme</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:21.57440376px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#2d3538;fill-opacity:1;stroke:none"
+       id="flowRoot3840-0-0-3-5-5-0-9-7-6-6-9"
+       transform="matrix(0.40557321,0,0,0.40557321,246.24189,554.71425)"><flowRegion
+         id="flowRegion3842-0-3-0-7-4-8-8-9-59-0-8" /><flowPara
+         id="flowPara4524-6">THEME</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:21.57440376px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#2d3538;fill-opacity:1;stroke:none"
+       id="flowRoot3840-0-0-3-5-5-0-9-7-6-6-46"
+       transform="matrix(0.40557321,0,0,0.40557321,320.16428,483.00765)"><flowRegion
+         id="flowRegion3842-0-3-0-7-4-8-8-9-59-0-5" /><flowPara
+         id="flowPara4738">BACK-END</flowPara><flowPara
+         id="flowPara4890">SERVICE</flowPara></flowRoot>    <circle
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#2d3538;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.0629921;stroke-miterlimit:4;stroke-dasharray:none;marker:none;enable-background:accumulate"
+       id="path3130-77-2-7-7"
+       cx="288.56299"
+       cy="484.32892"
+       r="2.8741407" />
+    <circle
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#2d3538;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.0629921;stroke-miterlimit:4;stroke-dasharray:none;marker:none;enable-background:accumulate"
+       id="path3130-3-5-5-3-4"
+       cx="277.93307"
+       cy="484.32892"
+       r="2.8741407" />
+    <path
+       style="display:inline;fill:none;stroke:#2d3538;stroke-width:1.0629921;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 280.80722,484.3289 7.75578,-2e-5"
+       id="path4242-1-3-5-5-4"
+       inkscape:connector-type="polyline"
+       inkscape:connector-curvature="0"
+       inkscape:connection-end-point="d4"
+       inkscape:connection-start-point="d4"
+       inkscape:connection-start="#path3130-3-5-5-3-4"
+       sodipodi:nodetypes="cc" />
+    <flowRoot
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:18.49234581px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#2d3538;fill-opacity:1;stroke:none"
+       id="flowRoot3840-0-0-3-5-5-0-9-5-9"
+       transform="matrix(0.40557321,0,0,0.40557321,347.60148,508.41284)"><flowRegion
+         id="flowRegion3842-0-3-0-7-4-8-8-3-1" /><flowPara
+         id="flowPara3846-7-6-0-9-0-0-7-4-2">Business</flowPara><flowPara
+         id="flowPara4892">Logic</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:18.49234581px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#2d3538;fill-opacity:1;stroke:none"
+       id="flowRoot3840-0-0-3-5-5-0-9-5-9-7"
+       transform="matrix(0.40557321,0,0,0.40557321,356.005,486.80176)"><flowRegion
+         id="flowRegion3842-0-3-0-7-4-8-8-3-1-9" /><flowPara
+         id="flowPara3846-7-6-0-9-0-0-7-4-2-1">Database</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:18.49234581px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#2d3538;fill-opacity:1;stroke:none"
+       id="flowRoot3840-0-0-3-5-5-0-9-5-9-7-0"
+       transform="matrix(0.40557321,0,0,0.40557321,348.56444,465.57487)"><flowRegion
+         id="flowRegion3842-0-3-0-7-4-8-8-3-1-9-4" /><flowPara
+         id="flowPara3846-7-6-0-9-0-0-7-4-2-1-8">EJB</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:18.49234581px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#2d3538;fill-opacity:1;stroke:none"
+       id="flowRoot3840-0-0-3-5-5-0-2-3-8"
+       transform="matrix(0.40557321,0,0,0.40557321,163.67051,491.53617)"><flowRegion
+         id="flowRegion3842-0-3-0-7-4-8-2-0-3" /><flowPara
+         id="flowPara3846-7-6-0-9-0-0-4-4-6">Add-on</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:18.49234581px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#2d3538;fill-opacity:1;stroke:none"
+       id="flowRoot3840-0-0-3-5-5-0-2-3-3"
+       transform="matrix(0.40557321,0,0,0.40557321,157.92596,509.8176)"><flowRegion
+         id="flowRegion3842-0-3-0-7-4-8-2-0-1" /><flowPara
+         id="flowPara3846-7-6-0-9-0-0-4-4-5">Custom</flowPara></flowRoot>    <circle
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b6f3;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.0629921;stroke-miterlimit:4;stroke-dasharray:none;marker:none;enable-background:accumulate"
+       id="path3130-77-3-8-6"
+       cx="246.0433"
+       cy="572.9115"
+       r="2.8741407" />
+    <flowRoot
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:18.49234581px;line-height:100%;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Light';text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#2d3538;fill-opacity:1;stroke:none"
+       id="flowRoot3840-0-0-3-5-5-0-9-7-0-5-2-9"
+       transform="matrix(0.40557321,0,0,0.40557321,245.71571,582.76569)"><flowRegion
+         id="flowRegion3842-0-3-0-7-4-8-8-9-5-0-4-7" /><flowPara
+         id="flowPara3846-7-6-0-9-0-0-7-3-2-0-6-2">Base Theme</flowPara></flowRoot>    <circle
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:#2d3538;stroke-width:1.02934968;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="path4473-2"
+       cx="246.04333"
+       cy="484.32892"
+       r="31.889784" />
+    <circle
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:#2d3538;stroke-width:1.02934968;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="path4473-2-4"
+       cx="320.45276"
+       cy="484.32892"
+       r="31.889784" />
+    <circle
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b6f3;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.0629921;stroke-miterlimit:4;stroke-dasharray:none;marker:none;enable-background:accumulate"
+       id="path3130-3-5-54"
+       cx="219.80385"
+       cy="466.61237"
+       r="2.8741407" />
+    <circle
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ff3849;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.0629921;stroke-miterlimit:4;stroke-dasharray:none;marker:none;enable-background:accumulate"
+       id="path3130-77-3-8"
+       cx="219.80385"
+       cy="502.04538"
+       r="2.8741407" />
+    <circle
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#00b6f3;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.0629921;stroke-miterlimit:4;stroke-dasharray:none;marker:none;enable-background:accumulate"
+       id="path3130-77-4-7"
+       cx="344.11157"
+       cy="463.06903"
+       r="2.8741407" />
+    <circle
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ff3849;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.0629921;stroke-miterlimit:4;stroke-dasharray:none;marker:none;enable-background:accumulate"
+       id="path3130-3-5-54-6"
+       cx="352.34253"
+       cy="484.32892"
+       r="2.8741407" />
+    <circle
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#2d3538;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.0629921;stroke-miterlimit:4;stroke-dasharray:none;marker:none;enable-background:accumulate"
+       id="path3130-77-2-7-7-6"
+       cx="344.21436"
+       cy="505.58871"
+       r="2.8741407" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 161.00394,484.3289 53.14961,0"
+       id="path4623"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/documentation/introduction/original-drawings/intro-layout-capture-1.png b/documentation/introduction/original-drawings/intro-layout-capture-1.png
deleted file mode 100644
index 0823787f00..0000000000
Binary files a/documentation/introduction/original-drawings/intro-layout-capture-1.png and /dev/null differ
diff --git a/documentation/introduction/original-drawings/intro-themes-faded.svg b/documentation/introduction/original-drawings/intro-themes-faded.svg
deleted file mode 100644
index fdeb1e9ef1..0000000000
--- a/documentation/introduction/original-drawings/intro-themes-faded.svg
+++ /dev/null
@@ -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>
-- 
cgit v1.2.3