reworking terms page + replacing pad classes with inner classes.

diff --git a/app/assets/images/terms-illustration.png b/app/assets/images/terms-illustration.png
new file mode 100644 (file)
index 0000000..475da0e
Binary files /dev/null and b/app/assets/images/terms-illustration.png differ

diff --git a/app/assets/images/terms-illustration.svg b/app/assets/images/terms-illustration.svg
new file mode 100644 (file)
index 0000000..2bb1aaf
--- /dev/null
+++ b/app/assets/images/terms-illustration.svg
@@ -0,0 +1,1620 @@
+<?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="580"
+   height="270"
+   id="svg4136"
+   version="1.1"
+   inkscape:version="0.48.2 r9819"
+   sodipodi:docname="terms-illustration.svg"
+   inkscape:export-filename="/Users/saman/work_repos/openstreetmap-website/app/assets/images/terms-illustration.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs4138">
+    <linearGradient
+       id="linearGradient12085">
+      <stop
+         style="stop-color:#c4c4c4;stop-opacity:1;"
+         offset="0"
+         id="stop12087" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="1"
+         id="stop12089" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient12079"
+       inkscape:collect="always">
+      <stop
+         id="stop12081"
+         offset="0"
+         style="stop-color:#222222;stop-opacity:1;" />
+      <stop
+         id="stop12083"
+         offset="1"
+         style="stop-color:#ffffff;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient12001">
+      <stop
+         style="stop-color:#222222;stop-opacity:1;"
+         offset="0"
+         id="stop12003" />
+      <stop
+         style="stop-color:#222222;stop-opacity:0;"
+         offset="1"
+         id="stop12005" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient11338">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop11340" />
+      <stop
+         style="stop-color:#dfe9fc;stop-opacity:1"
+         offset="1"
+         id="stop11342" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient14931">
+      <stop
+         id="stop14933"
+         offset="0"
+         style="stop-color:#ccf1ff;stop-opacity:0;" />
+      <stop
+         style="stop-color:#ccf1ff;stop-opacity:0;"
+         offset="0.85714281"
+         id="stop14937" />
+      <stop
+         id="stop14935"
+         offset="1"
+         style="stop-color:#789afb;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient14233"
+       inkscape:collect="always">
+      <stop
+         id="stop14235"
+         offset="0"
+         style="stop-color:#a2c9ed;stop-opacity:1;" />
+      <stop
+         id="stop14237"
+         offset="1"
+         style="stop-color:#7a9dfc;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient14223">
+      <stop
+         style="stop-color:#a2c9ed;stop-opacity:1;"
+         offset="0"
+         id="stop14225" />
+      <stop
+         style="stop-color:#7a9dfc;stop-opacity:1"
+         offset="1"
+         id="stop14227" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient13250">
+      <stop
+         style="stop-color:#8eb3f5;stop-opacity:1"
+         offset="0"
+         id="stop13252" />
+      <stop
+         style="stop-color:#b2dbea;stop-opacity:0;"
+         offset="1"
+         id="stop13254" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient13240">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop13242" />
+      <stop
+         style="stop-color:#ebf2fd;stop-opacity:1"
+         offset="1"
+         id="stop13244" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient13198">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop13200" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop13202" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient9009">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop9011" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop9013" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient8284"
+       inkscape:collect="always">
+      <stop
+         id="stop8286"
+         offset="0"
+         style="stop-color:#b2dbea;stop-opacity:1" />
+      <stop
+         id="stop8288"
+         offset="1"
+         style="stop-color:#93b8e0;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient7872">
+      <stop
+         style="stop-color:#cbeea7;stop-opacity:1;"
+         offset="0"
+         id="stop7874" />
+      <stop
+         style="stop-color:#cee8c1;stop-opacity:1"
+         offset="1"
+         id="stop7876" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient7775">
+      <stop
+         style="stop-color:#222222;stop-opacity:1"
+         offset="0"
+         id="stop7777" />
+      <stop
+         style="stop-color:#adadc6;stop-opacity:0;"
+         offset="1"
+         id="stop7779" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient7767">
+      <stop
+         style="stop-color:#b2dbea;stop-opacity:1"
+         offset="0"
+         id="stop7769" />
+      <stop
+         style="stop-color:#7092ff;stop-opacity:1"
+         offset="1"
+         id="stop7771" />
+    </linearGradient>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath7691">
+      <path
+         sodipodi:open="true"
+         sodipodi:end="6.2831853"
+         sodipodi:start="3.1415927"
+         transform="matrix(1.4545455,0,0,1.4545455,-622.81822,-83.09091)"
+         d="M 1126,118.99999 A 110,110 0 0 1 1346,119"
+         sodipodi:ry="110"
+         sodipodi:rx="110"
+         sodipodi:cy="119"
+         sodipodi:cx="1236"
+         id="path7693"
+         style="color:#000000;fill:#c5c5d7;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         sodipodi:type="arc" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath7755">
+      <path
+         inkscape:connector-curvature="0"
+         style="color:#000000;fill:#adadc6;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         d="m 1230.4688,792.26843 c 13.3096,49.6722 -20.4537,112.82556 -47.6876,150.09372 l 152.2188,0 c 0,-68.85715 -43.5157,-127.53233 -104.5312,-150.09372 z"
+         id="path7757"
+         sodipodi:nodetypes="cccc" />
+    </clipPath>
+    <filter
+       inkscape:collect="always"
+       id="filter7759"
+       color-interpolation-filters="sRGB">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="5.8125"
+         id="feGaussianBlur7761" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7767"
+       id="linearGradient7773"
+       x1="1225.6875"
+       y1="36.5"
+       x2="1225.6875"
+       y2="119"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7775"
+       id="linearGradient7781"
+       x1="1224.2188"
+       y1="789.35889"
+       x2="1224.2188"
+       y2="942.36212"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(30,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7872"
+       id="linearGradient7878"
+       x1="1097"
+       y1="942.36218"
+       x2="1097"
+       y2="802.62952"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(30,0)" />
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath8573">
+      <path
+         sodipodi:type="arc"
+         style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="path8575"
+         sodipodi:cx="1236"
+         sodipodi:cy="119"
+         sodipodi:rx="110"
+         sodipodi:ry="110"
+         d="M 1126,118.99999 A 110,110 0 0 1 1346,119"
+         transform="matrix(1.4545455,0,0,1.4545455,-611.81823,-534.09093)"
+         sodipodi:start="3.1415927"
+         sodipodi:end="6.2831853"
+         sodipodi:open="true" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath8675">
+      <path
+         style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:url(#linearGradient8679);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.81818199;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
+         d="m 1190.4062,-388.15627 a 12.0012,12.0012 0 0 0 -10.0312,4.96875 c -23.0888,31.04416 -73.5,61.84375 -73.5,61.84375 a 12.007739,12.007739 0 0 0 -0.8125,0.5625 12.007739,12.007739 0 0 0 -0.1875,0.125 l -13.875,7.90625 a 4.0175701,4.0175701 0 1 0 4,6.96875 l 5.2188,-2.96875 a 12.007739,12.007739 0 0 0 17.9062,8.0625 c 0,0 52.3016,-30.24185 80.5,-68.15625 a 12.0012,12.0012 0 0 0 -9.2188,-19.3125 z"
+         id="path8677"
+         inkscape:connector-curvature="0" />
+    </clipPath>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient8284"
+       id="linearGradient8679"
+       gradientUnits="userSpaceOnUse"
+       x1="1086"
+       y1="139"
+       x2="1125.7982"
+       y2="99.201767"
+       gradientTransform="translate(11.000003,-451.00002)" />
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath8987">
+      <flowRoot
+         xml:space="preserve"
+         id="flowRoot8989"
+         style="font-size:30px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:125%;letter-spacing:0px;word-spacing:0px;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;opacity:0.25;color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Menlo;-inkscape-font-specification:Menlo Bold"
+         transform="translate(-173.25,451.00002)"
+         clip-path="none"><flowRegion
+           id="flowRegion8991"><rect
+             id="rect8993"
+             width="580"
+             height="303"
+             x="1021"
+             y="-529"
+             style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:#ffffff;stroke:none;font-family:Menlo;-inkscape-font-specification:Menlo Bold" /></flowRegion><flowPara
+           id="flowPara8995">101010101010100011</flowPara><flowPara
+           id="flowPara8997">100010101010011010</flowPara><flowPara
+           id="flowPara8999">101010101001010110</flowPara><flowPara
+           id="flowPara9001">010111010000011010</flowPara><flowPara
+           id="flowPara9003">000101010000110001</flowPara><flowPara
+           id="flowPara9005">101010110010101101</flowPara><flowPara
+           id="flowPara9007">101010111010101011</flowPara></flowRoot>    </clipPath>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient9015"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient9019"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient9021"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient9023"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient9025"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient9027"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient9029"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient9031"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient9033"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient9035"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7872-10"
+       id="linearGradient7878-5"
+       x1="1097"
+       y1="942.36218"
+       x2="1097"
+       y2="802.62952"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(30,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient7872-10">
+      <stop
+         style="stop-color:#cbeea7;stop-opacity:1;"
+         offset="0"
+         id="stop7874-2" />
+      <stop
+         style="stop-color:#cee8c1;stop-opacity:1"
+         offset="1"
+         id="stop7876-5" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7872-80"
+       id="linearGradient7878-1"
+       x1="1097"
+       y1="942.36218"
+       x2="1097"
+       y2="802.62952"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-870,-742.36218)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient7872-80">
+      <stop
+         style="stop-color:#cbeea7;stop-opacity:1;"
+         offset="0"
+         id="stop7874-6" />
+      <stop
+         style="stop-color:#cee8c1;stop-opacity:1"
+         offset="1"
+         id="stop7876-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7872-8-5"
+       id="linearGradient7878-9-6"
+       x1="1097"
+       y1="942.36218"
+       x2="1097"
+       y2="802.62952"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-870,-742.36218)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient7872-8-5">
+      <stop
+         style="stop-color:#cbeea7;stop-opacity:1;"
+         offset="0"
+         id="stop7874-3-7" />
+      <stop
+         style="stop-color:#cee8c1;stop-opacity:1"
+         offset="1"
+         id="stop7876-8-7" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7872-8-9"
+       id="linearGradient7878-9-9"
+       x1="1097"
+       y1="942.36218"
+       x2="1097"
+       y2="802.62952"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-870,-742.36218)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient7872-8-9">
+      <stop
+         style="stop-color:#cbeea7;stop-opacity:1;"
+         offset="0"
+         id="stop7874-3-4" />
+      <stop
+         style="stop-color:#cee8c1;stop-opacity:1"
+         offset="1"
+         id="stop7876-8-3" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7872-8-2"
+       id="linearGradient7878-9-8"
+       x1="1097"
+       y1="942.36218"
+       x2="1097"
+       y2="802.62952"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(30,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient7872-8-2">
+      <stop
+         style="stop-color:#cbeea7;stop-opacity:1;"
+         offset="0"
+         id="stop7874-3-3" />
+      <stop
+         style="stop-color:#cee8c1;stop-opacity:1"
+         offset="1"
+         id="stop7876-8-6" />
+    </linearGradient>
+    <linearGradient
+       y2="802.62952"
+       x2="1097"
+       y1="942.36218"
+       x1="1097"
+       gradientTransform="translate(-1205,-787.20593)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient13058"
+       xlink:href="#linearGradient7872-8-2"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient13198"
+       id="linearGradient13220"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0.26794919,1,-171.4763,0)"
+       x1="1075"
+       y1="942.61218"
+       x2="1075"
+       y2="897.61151" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient13240"
+       id="linearGradient13246"
+       x1="1023.75"
+       y1="883.11218"
+       x2="1023.75"
+       y2="905.88416"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(80,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient13250"
+       id="linearGradient13256"
+       x1="210"
+       y1="135"
+       x2="210"
+       y2="145"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7872-3"
+       id="linearGradient7878-19"
+       x1="1097"
+       y1="942.36218"
+       x2="1097"
+       y2="802.62952"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-790,-742.36218)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient7872-3">
+      <stop
+         style="stop-color:#cbeea7;stop-opacity:1;"
+         offset="0"
+         id="stop7874-9" />
+      <stop
+         style="stop-color:#cee8c1;stop-opacity:1"
+         offset="1"
+         id="stop7876-7" />
+    </linearGradient>
+    <linearGradient
+       y2="802.62952"
+       x2="1097"
+       y1="942.36218"
+       x1="1097"
+       gradientTransform="translate(-1030,-792.36218)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient14202"
+       xlink:href="#linearGradient7872-3"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient14223"
+       id="linearGradient14229"
+       x1="1104"
+       y1="908.36218"
+       x2="1104"
+       y2="944.48694"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient14233"
+       id="linearGradient14231"
+       x1="1104"
+       y1="908.36218"
+       x2="1104"
+       y2="944.48694"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7767-8"
+       id="linearGradient7773-6"
+       x1="1225.6875"
+       y1="36.5"
+       x2="1225.6875"
+       y2="119"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       id="linearGradient7767-8">
+      <stop
+         style="stop-color:#b2dbea;stop-opacity:1"
+         offset="0"
+         id="stop7769-3" />
+      <stop
+         style="stop-color:#7092ff;stop-opacity:1"
+         offset="1"
+         id="stop7771-2" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient14931"
+       id="radialGradient14929"
+       cx="1218.1995"
+       cy="124.60332"
+       fx="1218.1995"
+       fy="124.60332"
+       r="110"
+       gradientTransform="matrix(8.9292362e-8,-1.09375,1.0937499,1.4609618e-6,1099.715,1451.4055)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient15209"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient15211"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient15213"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient15215"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient15217"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient15219"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient15221"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient15223"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7775"
+       id="linearGradient15226"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(30,0)"
+       x1="1224.2188"
+       y1="789.35889"
+       x2="1224.2188"
+       y2="942.36212" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient14223"
+       id="linearGradient15231"
+       gradientUnits="userSpaceOnUse"
+       x1="1104"
+       y1="908.36218"
+       x2="1104"
+       y2="944.48694" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7872-10"
+       id="linearGradient15249"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(30,0)"
+       x1="1097"
+       y1="942.36218"
+       x2="1097"
+       y2="802.62952" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7872"
+       id="linearGradient15252"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(30,0)"
+       x1="1097"
+       y1="942.36218"
+       x2="1097"
+       y2="802.62952" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7872-3"
+       id="linearGradient15256"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(30,0)"
+       x1="1097"
+       y1="942.36218"
+       x2="1097"
+       y2="802.62952" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient15270"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient15272"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient15274"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient15276"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient15278"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient15280"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient15282"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009"
+       id="linearGradient15284"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-6"
+       id="linearGradient15284-1"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient9009-6">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop9011-6" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop9013-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-6"
+       id="linearGradient15270-8"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-6"
+       id="linearGradient15272-3"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-6"
+       id="linearGradient15274-2"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-6"
+       id="linearGradient15276-3"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-6"
+       id="linearGradient15278-3"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-6"
+       id="linearGradient15280-7"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-6"
+       id="linearGradient15282-7"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       y2="-533.03516"
+       x2="1184"
+       y1="-405.00003"
+       x1="1184"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient15375"
+       xlink:href="#linearGradient9009-6"
+       inkscape:collect="always" />
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath15492">
+      <path
+         id="path15494"
+         d="m 1071,-406.00002 c -4.5663,0 -8.4278,3.06835 -9.625,7.25 l -12.375,37.75 22,0 9.5625,-32 0,-0.0625 c 0.019,-0.0621 0.045,-0.12491 0.062,-0.1875 0.2508,-0.87601 0.375,-1.79341 0.375,-2.75 0,-5.52285 -4.4771,-10 -10,-10 z m 40,0 c -5.5228,0 -10,4.47715 -10,10 0,0.95659 0.1242,1.87399 0.375,2.75 l 0.062,0.1875 c 0.01,0.0188 -0.01,0.0437 0,0.0625 l 9.5625,32 20,0 -10.375,-37.75 c -1.1972,-4.18165 -5.0587,-7.25 -9.625,-7.25 z"
+         style="color:#000000;fill:url(#linearGradient15496);fill-opacity:1;stroke:none;stroke-width:20;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         clip-path="none"
+         inkscape:connector-curvature="0" />
+    </clipPath>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient14233"
+       id="linearGradient15496"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-18.999997,-1303.3622)"
+       x1="1104"
+       y1="908.36218"
+       x2="1104"
+       y2="944.48694" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient13198-1"
+       id="linearGradient15240-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0.26794919,1,-171.4763,0)"
+       x1="1075"
+       y1="942.61218"
+       x2="1075"
+       y2="897.61151" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient13198-1">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop13200-1" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop13202-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient11338"
+       id="linearGradient11385"
+       gradientUnits="userSpaceOnUse"
+       x1="1115"
+       y1="912.36218"
+       x2="1115"
+       y2="947.36218"
+       gradientTransform="matrix(1,0,0,0.74,0,245.01417)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-1"
+       id="linearGradient15284-0"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient9009-1">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop9011-4" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop9013-3" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-1"
+       id="linearGradient15270-4"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-1"
+       id="linearGradient15272-34"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-1"
+       id="linearGradient15274-5"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-1"
+       id="linearGradient15276-6"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-1"
+       id="linearGradient15278-6"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-1"
+       id="linearGradient15280-8"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-1"
+       id="linearGradient15282-2"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       y2="-533.03516"
+       x2="1184"
+       y1="-405.00003"
+       x1="1184"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient11524"
+       xlink:href="#linearGradient9009-1"
+       inkscape:collect="always" />
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath11645">
+      <flowRoot
+         xml:space="preserve"
+         id="flowRoot11647"
+         style="font-size:30px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:125%;letter-spacing:0px;word-spacing:0px;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;opacity:0.25;color:#000000;fill:url(#linearGradient11685);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Menlo;-inkscape-font-specification:Menlo Bold"
+         transform="translate(-801,561.00002)"
+         clip-path="none"><flowRegion
+           id="flowRegion11649"
+           style="fill:url(#linearGradient11669);fill-opacity:1"><rect
+             id="rect11651"
+             width="580"
+             height="303"
+             x="1021"
+             y="-529"
+             style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:url(#linearGradient11667);fill-opacity:1;stroke:none;font-family:Menlo;-inkscape-font-specification:Menlo Bold" /></flowRegion><flowPara
+           id="flowPara11653"
+           style="fill:url(#linearGradient11671);fill-opacity:1">101010101010100011</flowPara><flowPara
+           id="flowPara11655"
+           style="fill:url(#linearGradient11673);fill-opacity:1">100010101010011010</flowPara><flowPara
+           id="flowPara11657"
+           style="fill:url(#linearGradient11675);fill-opacity:1">101010101001010110</flowPara><flowPara
+           id="flowPara11659"
+           style="fill:url(#linearGradient11677);fill-opacity:1">010111010101011010</flowPara><flowPara
+           id="flowPara11661"
+           style="fill:url(#linearGradient11679);fill-opacity:1">000101010000110001</flowPara><flowPara
+           id="flowPara11663"
+           style="fill:url(#linearGradient11681);fill-opacity:1">101010110010101101</flowPara><flowPara
+           id="flowPara11665"
+           style="fill:url(#linearGradient11683);fill-opacity:1">101010111010101011</flowPara></flowRoot>    </clipPath>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-1"
+       id="linearGradient11667"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-1"
+       id="linearGradient11669"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-1"
+       id="linearGradient11671"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-1"
+       id="linearGradient11673"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-1"
+       id="linearGradient11675"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-1"
+       id="linearGradient11677"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-1"
+       id="linearGradient11679"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-1"
+       id="linearGradient11681"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-1"
+       id="linearGradient11683"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9009-1"
+       id="linearGradient11685"
+       gradientUnits="userSpaceOnUse"
+       x1="1184"
+       y1="-405.00003"
+       x2="1184"
+       y2="-533.03516" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient14233-1"
+       id="linearGradient15234"
+       gradientUnits="userSpaceOnUse"
+       x1="1104"
+       y1="908.36218"
+       x2="1104"
+       y2="944.48694"
+       gradientTransform="translate(-820,-742.36218)" />
+    <linearGradient
+       id="linearGradient14233-1"
+       inkscape:collect="always">
+      <stop
+         id="stop14235-3"
+         offset="0"
+         style="stop-color:#a2c9ed;stop-opacity:1;" />
+      <stop
+         id="stop14237-4"
+         offset="1"
+         style="stop-color:#7a9dfc;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       y2="200"
+       x2="429.99951"
+       y1="163.87524"
+       x1="429.99951"
+       gradientTransform="translate(-69.9995,0)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient11903-7"
+       xlink:href="#linearGradient14233-1-1"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient14233-1-1"
+       inkscape:collect="always">
+      <stop
+         id="stop14235-3-7"
+         offset="0"
+         style="stop-color:#a2c9ed;stop-opacity:1;" />
+      <stop
+         id="stop14237-4-3"
+         offset="1"
+         style="stop-color:#7a9dfc;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       y2="944.48694"
+       x2="1104"
+       y1="908.36218"
+       x1="1104"
+       gradientTransform="translate(-1068,-897.36218)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient11955"
+       xlink:href="#linearGradient14233-1-1"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient12001"
+       id="linearGradient12007"
+       x1="1170"
+       y1="936.11218"
+       x2="1158.2526"
+       y2="892.27014"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient12001-4"
+       id="linearGradient12007-4"
+       x1="315"
+       y1="200"
+       x2="303.25256"
+       y2="156.15796"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient12001-4">
+      <stop
+         style="stop-color:#222222;stop-opacity:1;"
+         offset="0"
+         id="stop12003-3" />
+      <stop
+         style="stop-color:#222222;stop-opacity:0;"
+         offset="1"
+         id="stop12005-1" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(-1115,-892.36218)"
+       y2="892.27014"
+       x2="1158.2526"
+       y1="936.11218"
+       x1="1170"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient12057"
+       xlink:href="#linearGradient12001-4"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient12079"
+       id="linearGradient12076"
+       gradientUnits="userSpaceOnUse"
+       x1="315"
+       y1="200"
+       x2="303.25256"
+       y2="156.15796" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient12085"
+       id="linearGradient12091"
+       gradientUnits="userSpaceOnUse"
+       x1="315"
+       y1="200"
+       x2="299.06372"
+       y2="140.52496" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="390.88798"
+     inkscape:cy="21.690494"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="756"
+     inkscape:window-x="88"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     borderlayer="false"
+     inkscape:showpageshadow="false"
+     inkscape:snap-bbox="true"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:object-paths="false"
+     inkscape:object-nodes="false"
+     inkscape:snap-nodes="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4228"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="523,479"
+       id="guide6331" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata4141">
+    <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="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-820,-742.36218)">
+    <g
+       id="g8240"
+       transform="translate(-49,2)"
+       style="fill:#7693dc;fill-opacity:1" />
+    <rect
+       style="opacity:0.15;color:#000000;fill:none;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect9589"
+       width="230"
+       height="60"
+       x="-1050"
+       y="-962.36218"
+       transform="scale(-1,-1)" />
+    <g
+       id="g13213"
+       transform="translate(10,0)" />
+    <path
+       sodipodi:type="arc"
+       style="color:#000000;fill:url(#linearGradient7773);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="path7176"
+       sodipodi:cx="1236"
+       sodipodi:cy="119"
+       sodipodi:rx="110"
+       sodipodi:ry="110"
+       d="M 1126,118.99999 C 1126,58.248672 1175.2487,8.9999972 1236,9 c 60.7513,2.8e-6 110,49.248679 110,110"
+       transform="matrix(1.4545455,0,0,1.4545455,-592.81822,769.27127)"
+       sodipodi:start="3.1415927"
+       sodipodi:end="6.2831853"
+       sodipodi:open="true" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot8523"
+       style="font-size:30px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:125%;letter-spacing:0px;word-spacing:0px;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;opacity:0.25;color:#000000;fill:url(#linearGradient15284);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Menlo;-inkscape-font-specification:Menlo Bold"
+       transform="translate(19,1303.3622)"
+       clip-path="url(#clipPath8573)"><flowRegion
+         id="flowRegion8525"
+         style="fill:url(#linearGradient9021);fill-opacity:1"><rect
+           id="rect8527"
+           width="580"
+           height="303"
+           x="1021"
+           y="-529"
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;fill:url(#linearGradient9019);fill-opacity:1;stroke:none;font-family:Menlo;-inkscape-font-specification:Menlo Bold" /></flowRegion><flowPara
+         id="flowPara8529"
+         style="fill:url(#linearGradient15270);fill-opacity:1">101010101010100011</flowPara><flowPara
+         id="flowPara8531"
+         style="fill:url(#linearGradient15272);fill-opacity:1">100010101010011010</flowPara><flowPara
+         id="flowPara8533"
+         style="fill:url(#linearGradient15274);fill-opacity:1">101010101001010110</flowPara><flowPara
+         id="flowPara8535"
+         style="fill:url(#linearGradient15276);fill-opacity:1">010111010101011010</flowPara><flowPara
+         id="flowPara8537"
+         style="fill:url(#linearGradient15278);fill-opacity:1">000101010000110001</flowPara><flowPara
+         id="flowPara8617"
+         style="fill:url(#linearGradient15280);fill-opacity:1">101010110010101101</flowPara><flowPara
+         id="flowPara8619"
+         style="fill:url(#linearGradient15282);fill-opacity:1">101010111010101011</flowPara></flowRoot>    <path
+       transform="matrix(1.2,0,0,1.2,-425,849.36218)"
+       d="m 1305,17.5 a 2.5,2.5 0 1 1 -5,0 2.5,2.5 0 1 1 5,0 z"
+       sodipodi:ry="2.5"
+       sodipodi:rx="2.5"
+       sodipodi:cy="17.5"
+       sodipodi:cx="1302.5"
+       id="path11322"
+       style="opacity:0.5;color:#000000;fill:#222222;fill-opacity:1;stroke:none;stroke-width:8;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       sodipodi:type="arc" />
+    <path
+       style="opacity:0.25;color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter7759);enable-background:accumulate"
+       d="m 1174,-70 c -6.4317,0.0395 -12.7696,0.4728 -19,1.25 l 0,8.75 5,5 10,0 z m 40.25,4.84375 -0.031,0.15625 7.7812,9 5,0 3,-4 0,-0.28125 c -1.2872,-0.4713 -2.5726,-0.93607 -3.875,-1.375 -0.041,-0.0138 -0.084,-0.01755 -0.125,-0.03125 -1.2576,-0.42471 -2.5104,-0.82436 -3.7812,-1.21875 -1.1271,-0.34978 -2.2683,-0.70623 -3.4063,-1.03125 -0.1871,-0.0531 -0.3752,-0.10379 -0.5625,-0.15625 -1.079,-0.30374 -2.1607,-0.59432 -3.25,-0.875 -0.2478,-0.0638 -0.5017,-0.1249 -0.75,-0.1875 z m -95,5.15625 c -39.4401,14.6674 -71.5429,44.43079 -89.25,82.28125 L 1030,35 l 15,15 0,10 5,0 5,5 0,5 -5,5 0,15 105,0 -10,-10 -20,0 -5,-5 0,-5 -40,-25 -10,0 -10,10 -10,0 0,-15 -5,-5 5,-5 0,-5 -5,0 -10,0 10,-20 15,-5 0,15 5,0 5,-5 0,-10 25,-30 5,0 40,-15 0,-10 -5,-5 z m 91.75,5 6,8 7,0 -8,-8 z m 33.5,0.84375 -2.375,4.15625 -12.125,0 -5.7812,10 5.7812,10 -10,0.3125 -4.4375,4.6875 0,5 8.6563,5 10.7812,0 8.6562,-15 6.3438,0 10,8 1.3438,5 3.6562,0 0,-8 5,3 5,2 5,0 6,-6 -9,-10 -2.125,1 c -0.029,-0.0234 -0.064,-0.0392 -0.094,-0.0625 -0.3359,-0.26835 -0.6619,-0.54681 -1,-0.8125 -0.8033,-0.63134 -1.6219,-1.25882 -2.4374,-1.875 -0.2074,-0.1566 -0.417,-0.31314 -0.625,-0.46875 -0.9966,-0.74524 -1.9858,-1.46514 -3,-2.1875 -0.031,-0.0218 -0.063,-0.0408 -0.094,-0.0625 -0.1103,-0.0784 -0.2332,-0.14058 -0.3438,-0.21875 -0.9382,-0.66399 -1.8596,-1.35587 -2.8124,-2 -0.1442,-0.0974 -0.2931,-0.18434 -0.4376,-0.28125 -0.9169,-0.61558 -1.8508,-1.21555 -2.7812,-1.8125 -0.3292,-0.21107 -0.6691,-0.41628 -1,-0.625 -1.2672,-0.79993 -2.5216,-1.57877 -3.8125,-2.34375 -1.0622,-0.62947 -2.1409,-1.23835 -3.2187,-1.84375 -0.538,-0.302 -1.0834,-0.6103 -1.625,-0.90625 -0.1142,-0.0623 -0.2296,-0.12545 -0.3438,-0.1875 -0.9035,-0.49081 -1.8049,-0.9637 -2.7188,-1.4375 -1.3366,-0.69309 -2.6725,-1.3751 -4.0312,-2.03125 z M 1283,-30 l -3,10 5,5 10,0 0,10 -15,0 0,5 -10,0 -10,-10 -20,0 -5,0 -10,0 -5,5 0,10 -5,0 -10,20 0,5 5,5 0,15 20,20 20,0 5,-5 10,0 10,10 0,10 3.3438,5 56.6562,0 c 0,-44.18275 -17.9207,-84.17069 -46.875,-113.125 -0.6292,-0.62919 -1.2668,-1.25631 -1.9062,-1.875 z m -78,-20 3,5 5,0 -3,-5 z"
+       transform="translate(30,852.36218)"
+       id="path7591"
+       clip-path="url(#clipPath7691)"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccscccccccccccccccccccccccccccccccccsccccccc" />
+    <path
+       inkscape:connector-curvature="0"
+       style="color:#000000;fill:url(#linearGradient15256);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 1244.25,787.20593 -0.031,0.15625 7.7812,9 5,0 3,-4 0,-0.28125 c -1.2873,-0.4713 -2.5726,-0.93607 -3.875,-1.375 -0.041,-0.0138 -0.084,-0.0175 -0.125,-0.0312 -1.2576,-0.42471 -2.5104,-0.82436 -3.7812,-1.21875 -1.1271,-0.34978 -2.2683,-0.70623 -3.4063,-1.03125 -0.1871,-0.0531 -0.3752,-0.10379 -0.5625,-0.15625 -1.079,-0.30374 -2.1607,-0.59432 -3.25,-0.875 -0.2478,-0.0638 -0.5018,-0.1249 -0.75,-0.1875 z m -3.25,10.15625 6,8 7,0 -8,-8 -5,0 z m 33.5,0.875 -2.375,4.125 -9.5937,0 -2.5313,0 -5.7812,10 5.7812,10 -10,0.3125 -4.4375,4.6875 0,5 8.6563,5 7.3437,0 3.4375,0 8.6563,-15 6.3437,0 10,8 1.3438,5 3.6562,0 0,-8 5,3 5,2 5,0 5,5 10,0 0,10 -15,0 0,5 -10,0 -10,-10 -20,0 -5,0 -4.375,0 -5.625,0 -5,5 0,10 -5,0 -10,20 0,5 5,5 0,10.9375 0,4.0625 20,20 20,0 5,-5 10,0 10,10 0,10 3.3438,5 51.6562,0 5,0 c 0,-51.43766 -24.2837,-97.1986 -62,-126.46875 -0.1548,-0.11296 -0.3219,-0.23072 -0.4687,-0.34375 -0.018,-0.014 -0.045,-0.0172 -0.062,-0.0312 -0.7174,-0.55233 -1.4292,-1.11612 -2.1563,-1.65625 -0.053,-0.0397 -0.1025,-0.0854 -0.1562,-0.125 -0.06,-0.0444 -0.1301,-0.0771 -0.1875,-0.125 -0.023,-0.0187 -0.043,-0.0403 -0.062,-0.0625 -0.023,-0.0174 -0.04,-0.0451 -0.062,-0.0625 -0.7324,-0.5397 -1.4775,-1.07211 -2.2188,-1.59375 -0.019,-0.0133 -0.044,-0.0179 -0.062,-0.0312 -0.7603,-0.5345 -1.5106,-1.06633 -2.2812,-1.59375 -0.8253,-0.56504 -1.6633,-1.10637 -2.5,-1.65625 -1.673,-1.09976 -3.3778,-2.18082 -5.0938,-3.21875 -0.858,-0.51897 -1.7254,-1.02804 -2.5937,-1.53125 -0.8686,-0.50321 -1.7441,-1.0092 -2.625,-1.5 -0.8811,-0.49079 -1.7676,-0.96639 -2.6563,-1.4375 -0.8887,-0.47111 -1.7575,-0.92024 -2.6562,-1.375 -0.8777,-0.44428 -1.7693,-0.884 -2.6563,-1.3125 z m -39.5,4.125 3,5 5,0 -3,-5 -5,0 z"
+       id="path7176-41" />
+    <path
+       inkscape:connector-curvature="0"
+       style="opacity:0.15;color:#000000;fill:#9ed184;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 1285,897.36218 -15,15 -20,0 10,10 20,0 5,-5 10,0 10,10 0,10 5,0 10,-10 15.9688,0 0,-15 -25.9688,-15 -25,0 z"
+       id="path7176-3-8" />
+    <path
+       inkscape:connector-curvature="0"
+       style="color:#000000;fill:url(#linearGradient15252);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 1149.25,792.36218 c -39.4401,14.6674 -71.5429,44.43079 -89.25,82.28125 l 0,12.71875 15,15 0,10 5,0 5,5 0,5 -5,5 0,15.00002 105,0 -10,-10.00002 -20,0 -5,-5 0,-5 -40,-25 -10,0 -10,10 -10,0 0,-15 -5,-5 5,-5 0,-5 -5,0 -10,0 10,-20 15,-5 0,15 5,0 5,-5 0,-10 25,-30 5,0 40,-15 0,-10 -5,-5 z"
+       id="path7176-4"
+       sodipodi:nodetypes="ccccccccccccccccccccccccccccccccccccc" />
+    <path
+       style="color:#000000;fill:url(#linearGradient12007);fill-opacity:1;stroke:none;stroke-width:9.60000038000000089;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;opacity:0.25000000000000000;fill-rule:nonzero"
+       d="m 1157,892.36218 c -6.1485,0 -11.3033,4.26474 -12.6562,10 l -29.3438,0 0,10 1.9063,0 8.0937,30.00002 55,0 -10,-37.00002 c -1.8732,-6.93102 -5.8203,-13 -13,-13 z"
+       id="path11973"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sccccccss" />
+    <path
+       inkscape:connector-curvature="0"
+       style="color:#000000;fill:url(#linearGradient15249);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 1204,782.36218 c -6.4317,0.0395 -12.7696,0.4728 -19,1.25 l 0,8.75 5,5 10,0 4,-15 z"
+       id="path7176-9" />
+    <path
+       inkscape:connector-curvature="0"
+       style="opacity:0.15;color:#000000;fill:#9ed184;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 1149.25,792.36218 c -5.8774,2.18576 -11.5968,4.72945 -17.125,7.5625 l 12.875,7.4375 0,9.375 25,-9.375 0,-10 -5,-5 -15.75,0 z"
+       id="path7176-4-7" />
+    <path
+       inkscape:connector-curvature="0"
+       style="opacity:0.15;color:#000000;fill:#9ed184;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 1115,810.08093 c -13.1826,8.9817 -24.9493,19.86488 -34.9063,32.28125 l 14.9063,0 20,-20 0,-12.28125 z"
+       id="path7176-4-76" />
+    <path
+       inkscape:connector-curvature="0"
+       style="opacity:0.25;color:#000000;fill:url(#linearGradient15226);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 1260.4688,792.26843 c 13.3096,49.6722 -0.4537,112.82556 -27.6876,150.09372 l 132.2188,0 c 0,-68.85715 -43.5157,-127.53233 -104.5312,-150.09372 z"
+       id="path7176-2"
+       sodipodi:nodetypes="cccc" />
+    <path
+       sodipodi:open="true"
+       sodipodi:end="6.2831853"
+       sodipodi:start="3.1415927"
+       transform="matrix(1.5000002,0,0,1.5,-649.00018,763.86218)"
+       d="M 1126,118.99999 C 1126,58.248672 1175.2487,8.9999972 1236,9 c 60.7513,2.8e-6 110,49.248679 110,110"
+       sodipodi:ry="110"
+       sodipodi:rx="110"
+       sodipodi:cy="119"
+       sodipodi:cx="1236"
+       id="path7176-1"
+       style="color:#000000;fill:url(#radialGradient14929);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       sodipodi:type="arc" />
+    <path
+       sodipodi:type="arc"
+       style="opacity:0.5;color:#000000;fill:#222222;fill-opacity:1;stroke:none;stroke-width:8;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="path8131"
+       sodipodi:cx="1302.5"
+       sodipodi:cy="17.5"
+       sodipodi:rx="2.5"
+       sodipodi:ry="2.5"
+       d="m 1305,17.5 a 2.5,2.5 0 1 1 -5,0 2.5,2.5 0 1 1 5,0 z"
+       transform="matrix(1.2,0,0,1.2,-399,849.36218)" />
+    <path
+       style="opacity:0.15;color:#000000;fill:#9ed184;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 1100,927.36218 5,0 15,5 0,10 -30,0 z"
+       id="path9199"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccc" />
+    <path
+       inkscape:connector-curvature="0"
+       style="opacity:0.15;color:#000000;fill:#9ed184;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 1130,909.86218 0,7.5 10,5 0,10 -10,10 55,0 -10,-10 -20,0 -5,-5 0,-5 -20,-12.5 z"
+       id="path7176-4-2" />
+    <path
+       style="opacity:0.5;color:#000000;fill:none;stroke:#222222;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 1142,883.36218 c 0,0 3,1 8,1 5,0 8,-1 8,-1"
+       id="path8488-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="csc" />
+    <rect
+       style="color:#000000;fill:#ffffff;fill-opacity:0.47058824;fill-rule:nonzero;stroke:#ffffff;stroke-width:2;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect10762"
+       width="18"
+       height="9"
+       x="1155"
+       y="864.36218"
+       rx="2"
+       ry="2" />
+    <rect
+       y="864.36218"
+       x="1126"
+       height="9"
+       width="18"
+       id="rect11289"
+       style="color:#000000;fill:#ffffff;fill-opacity:0.47058824;fill-rule:nonzero;stroke:#ffffff;stroke-width:2;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       rx="2"
+       ry="2" />
+    <rect
+       style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect11291"
+       width="11"
+       height="2"
+       x="1144"
+       y="866.36218" />
+    <path
+       style="color:#000000;fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 1174,867.36218 c 0,0 7.6667,0 9,0 2,0 2,2 2,2"
+       id="path11293"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="csc" />
+    <path
+       style="color:#000000;fill:url(#linearGradient11385);fill-opacity:1;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 1095,905.36218 55,0 10,37 -55,0 z"
+       id="rect11324"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <rect
+       style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="rect11389"
+       width="42"
+       height="13.000003"
+       x="1095"
+       y="892.36218" />
+    <path
+       style="color:#000000;fill:url(#linearGradient12091);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:9.60000038;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 317,150 c -6.14848,0 -11.98544,4.14562 -12.65625,10 L 304,163 l -29,0 0,2 0,5 1.4375,0 8.5625,30 9.375,0 -8.03125,-30 38.65625,0 0,-7 5,0 c 0,-7.1797 -5.8203,-13 -13,-13 z"
+       transform="translate(820,742.36218)"
+       id="path11396"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sscccccccccccs" />
+    <path
+       style="color:#000000;fill:url(#linearGradient11903-7);fill-opacity:1;stroke:none;stroke-width:20;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;fill-rule:nonzero"
+       d="M 273 155 C 268.4337 155 264.5722 158.06835 263.375 162.25 L 251 200 L 273 200 L 282.5625 168 L 282.5625 167.9375 C 282.5815 167.8754 282.608 167.81259 282.625 167.75 C 282.8758 166.87399 283 165.95659 283 165 C 283 159.47715 278.5229 155 273 155 z M 326 155 C 320.4771 155 316 159.47715 316 165 C 316 165.95659 316.1242 166.87399 316.375 167.75 C 316.392 167.81259 316.4185 167.8754 316.4375 167.9375 L 316.4375 168 L 326 200 L 348 200 L 335.625 162.25 C 334.4278 158.06835 330.5663 155 326 155 z "
+       transform="translate(820,742.36218)"
+       id="path10760" />
+    <path
+       transform="matrix(1.7333333,0,0,-1.7333333,538.00001,1178.3622)"
+       d="m 330,157.5 a 7.5,7.5 0 1 1 -15,0 l 7.5,0 z"
+       sodipodi:ry="7.5"
+       sodipodi:rx="7.5"
+       sodipodi:cy="157.5"
+       sodipodi:cx="322.5"
+       id="path11387"
+       style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       sodipodi:type="arc"
+       sodipodi:start="0"
+       sodipodi:end="3.1415927" />
+    <path
+       style="color:#000000;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:20;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;opacity:0.25"
+       d="M 273 155 C 268.4337 155 264.5722 158.06835 263.375 162.25 L 251 200 L 273 200 L 282.5625 168 L 282.5625 167.9375 C 282.5815 167.8754 282.608 167.81259 282.625 167.75 C 282.8758 166.87399 283 165.95659 283 165 C 283 159.47715 278.5229 155 273 155 z M 326 155 C 320.4771 155 316 159.47715 316 165 C 316 165.95659 316.1242 166.87399 316.375 167.75 C 316.392 167.81259 316.4185 167.8754 316.4375 167.9375 L 316.4375 168 L 326 200 L 348 200 L 335.625 162.25 C 334.4278 158.06835 330.5663 155 326 155 z "
+       transform="translate(820,742.36218)"
+       id="path11526"
+       clip-path="url(#clipPath11645)" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="blahh"
+     style="display:none"
+     sodipodi:insensitive="true"
+     transform="translate(-820,110)">
+    <image
+       y="-104.56463"
+       x="967.5"
+       id="image7297"
+       xlink:href="file:///Users/saman/Desktop/Screen%20Shot%202013-07-30%20at%204.21.02%20PM.png"
+       height="361.12924"
+       width="381"
+       style="opacity:0.25" />
+  </g>
+</svg>

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index 6eecae577ec219cf01caff364ded192217d732bc..45b31a92468de926ec8ab9f1cf372595a51138b4 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -87,9 +87,6 @@ abbr, acronym {
 .margin11 { margin-left:91.6666%; }
 .margin12 { margin-left:100.0000%; }
 
-.pad1 { padding: $lineheight/2; }
-.pad2 { padding: $lineheight; }
-
 .fillL { background-color: white; }
 /* Default rules for the body of every page */
 
@@ -1091,6 +1088,10 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
     background-image: image-url("confirm-illustration.png");
   }
 
+  &.new-user-terms {
+    background-image: image-url("terms-illustration.png");
+  }
+
   &.new-user-arm {
     height: 110px;
     width: 130px;
@@ -1786,6 +1787,10 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
     padding-top: $lineheight;
     border-top: 1px solid $lightgrey;
   }
+  .horizontal-list .form-row { 
+    float: left;
+    padding-right: 10px;
+  }
   .form-row {
     margin-bottom: $lineheight/2;
   }
@@ -1905,6 +1910,8 @@ ul.secondary-actions {
 
 .inner11 { padding: $lineheight/2;}
 
+.inner20 { padding: $lineheight 0;}
+
 .inner02 { padding: 0 $lineheight;}
 
 /* Utility for general button styles */

diff --git a/app/views/site/welcome.html.erb b/app/views/site/welcome.html.erb
index 45fededab16f26eaa458b3e6bee09a37014f5f61..b943e01f8d529648860c5cdec43c12d236b29742 100644 (file)
--- a/app/views/site/welcome.html.erb
+++ b/app/views/site/welcome.html.erb
@@ -11,14 +11,14 @@
 <h3><%= t "welcome_page.whats_on_the_map.title" %></h3>
 
 <div class=' clearfix'>
-  <div class='col6 pad1'>
+  <div class='col6 inner11'>
     <div class='center clearfix pad1'>
       <span class='sprite small check'></span>
     </div>
     <p><%= t "welcome_page.whats_on_the_map.on_html" %></p>
   </div>
-  <div class='col6 pad1'>
-    <div class='center clearfix pad1'>
+  <div class='col6 inner11'>
+    <div class='center clearfix inner11'>
       <span class='sprite small x'></span>
     </div>
     <p><%= t "welcome_page.whats_on_the_map.off_html" %></p>
@@ -59,7 +59,7 @@
 </div>
 
 <div class='note-box drop'>
-  <div class='pad2'>
+  <div class='inner22'>
     <h3><%= t "welcome_page.add_a_note.title" %></h3>
     <p><%= t "welcome_page.add_a_note.paragraph_1_html" %></p>
     <p><%= t "welcome_page.add_a_note.paragraph_2_html" %></p>

diff --git a/app/views/user/new.html.erb b/app/views/user/new.html.erb
index 3c085c99e27ff7efa33ca09683cd870f68b1a804..45c33aaeff5225ee47e44876e79226b495ef850f 100644 (file)
--- a/app/views/user/new.html.erb
+++ b/app/views/user/new.html.erb
@@ -4,7 +4,7 @@
   <div class='header-illustration new-user-arm'></div>
 <% end %>
 
-<%= form_for :user, :url => { :action => 'create' }, :html => { :class => 'standard-form fillL col6 pad2' } do %>
+<%= form_for :user, :url => { :action => 'create' }, :html => { :class => 'standard-form fillL col6 inner22' } do %>
   <%= hidden_field_tag('referer', h(@referer)) unless @referer.nil? %>
 
   <fieldset>
@@ -71,7 +71,7 @@
   <%= submit_tag t('user.new.continue'), :tabindex => 6 %>
 <% end %>
 
-<div class='col6 deemphasize pad2'>
+<div class='col6 deemphasize inner22'>
   <h4><%= t 'user.new.about.header' %></h4>
   <%= t 'user.new.about.html' %>
 </div>

diff --git a/app/views/user/terms.html.erb b/app/views/user/terms.html.erb
index e264393946363852d11cf84873738f0327f3d834..525e0cc81591c56accfb09552e8f3c323f760f18 100644 (file)
--- a/app/views/user/terms.html.erb
+++ b/app/views/user/terms.html.erb
@@ -1,55 +1,56 @@
 <% content_for :heading do %>
   <h1><%= t 'user.terms.heading' %></h1>
-  <div class='header-illustration new-user-main'></div>
-  <div class='header-illustration new-user-arm'></div>
+  <div class='header-illustration new-user-terms'></div>
 <% end %>
 
-<%= form_tag({:action => "save"}, { :class => "standard-form fillL col6 pad2" }) do %>
+<%= form_tag({:action => "save"}, { :class => " inner22 standard-form fillL" }) do %>
   <!-- legale is <%= @legale %> -->
-  <label class="standard-label">
-    <%= t 'user.terms.legale_select' %>
-  </label>
+  <div class='margin3 col6 horizontal-list'>
+    <label class="standard-label">
+      <%= t 'user.terms.legale_select' %>
+    </label>
 
-  <% [['france', 'FR'], ['italy', 'IT'], ['rest_of_world', 'GB']].each do |name, legale| %>
-    <div class="form-row">
-      <label for="legale_<%= legale %>">
-        <%= radio_button_tag 'legale', legale, @legale == legale %>
-        <%= t('user.terms.legale_names.' + name) %>
-      </label>
-      <script>
-        $("#legale_<%= legale %>").change(function () {
-          $("#contributorTerms").html("<%=j image_tag 'searching.gif' %>");
-          $("#contributorTerms").load("<%= url_for :legale => legale %>");
-        });
-      </script>
-    </div>
-  <% end %>
+    <% [['france', 'FR'], ['italy', 'IT'], ['rest_of_world', 'GB']].each do |name, legale| %>
+      <div class="form-row">
+        <label for="legale_<%= legale %>">
+          <%= radio_button_tag 'legale', legale, @legale == legale %>
+          <%= t('user.terms.legale_names.' + name) %>
+        </label>
+        <script>
+          $("#legale_<%= legale %>").change(function () {
+            $("#contributorTerms").html("<%=j image_tag 'searching.gif' %>");
+            $("#contributorTerms").load("<%= url_for :legale => legale %>");
+          });
+        </script>
+      </div>
+    <% end %>
+  </div>
 
-  <div id="contributorTerms" class="legale">
+  <div id="contributorTerms" class="col12 legale">
     <%= render :partial => "terms" %>
   </div>
 
-  <div class="form-row">
-    <label for="user_consider_pd">
-      <%= check_box('user', 'consider_pd') %>
-      <%= t 'user.terms.consider_pd' %>
-    </label>
-    <span class="minorNote">(<%= link_to(t('user.terms.consider_pd_why'), t('user.terms.consider_pd_why_url'), :target => :new)%>)</span>
-  </div>
+    <div class="form-row margin3 col6">
+      <label for="user_consider_pd">
+        <%= check_box('user', 'consider_pd') %>
+        <%= t 'user.terms.consider_pd' %>
+      </label>
+      <span class="minorNote">(<%= link_to(t('user.terms.consider_pd_why'), t('user.terms.consider_pd_why_url'), :target => :new)%>)</span>
 
-  <%= hidden_field_tag('referer', h(params[:referer])) unless params[:referer].nil? %>
+    <%= hidden_field_tag('referer', h(params[:referer])) unless params[:referer].nil? %>
 
-  <div class="form-row">
-    <%= submit_tag(t('user.terms.agree'), :name => "agree", :id => "agree") %>
-    <%= submit_tag(t('user.terms.decline'), :name => "decline", :id => "decline") %>
-  </div>
-<% end %>
+    <div class="buttons form-row inner20 clearfix">
+      <p class="deemphasize"><%= t 'user.terms.read and accept' %></p>
+      <%= submit_tag(t('user.terms.agree'), :name => "agree", :id => "agree") %>
+      <%= submit_tag(t('user.terms.decline'), :name => "decline", :id => "decline") %>
+    </div>
+  <% end %>
 
-<div class="col6 deemphasize pad2">
-  <p><%= t 'user.terms.read and accept' %></p>
-  <p id="contributorGuidance">
-    <%= raw t 'user.terms.guidance',
-              :summary => 'http://www.osmfoundation.org/wiki/License/Contributor_Terms_Summary',
-              :translations => 'http://www.osmfoundation.org/wiki/License/Contributor_Terms/Informal_Translations' %>
-  </p>
+  <div class="deemphasize">
+    <p id="contributorGuidance">
+      <%= raw t 'user.terms.guidance',
+                :summary => 'http://www.osmfoundation.org/wiki/License/Contributor_Terms_Summary',
+                :translations => 'http://www.osmfoundation.org/wiki/License/Contributor_Terms/Informal_Translations' %>
+    </p>
+  </div>
 </div>