making sign-up page fun.
authorSaman Bemel-Benrud <samanpwbb@gmail.com>
Tue, 30 Jul 2013 21:36:36 +0000 (17:36 -0400)
committerJohn Firebaugh <john.firebaugh@gmail.com>
Mon, 12 Aug 2013 20:34:42 +0000 (13:34 -0700)
app/assets/images/sign-up-illustration-arm.png [new file with mode: 0644]
app/assets/images/sign-up-illustration.png [new file with mode: 0644]
app/assets/images/sign-up-illustration.svg [new file with mode: 0644]
app/assets/images/sprite.svg
app/assets/stylesheets/common.css.scss
app/views/user/new.html.erb

diff --git a/app/assets/images/sign-up-illustration-arm.png b/app/assets/images/sign-up-illustration-arm.png
new file mode 100644 (file)
index 0000000..e334327
Binary files /dev/null and b/app/assets/images/sign-up-illustration-arm.png differ
diff --git a/app/assets/images/sign-up-illustration.png b/app/assets/images/sign-up-illustration.png
new file mode 100644 (file)
index 0000000..8399067
Binary files /dev/null and b/app/assets/images/sign-up-illustration.png differ
diff --git a/app/assets/images/sign-up-illustration.svg b/app/assets/images/sign-up-illustration.svg
new file mode 100644 (file)
index 0000000..d335bde
--- /dev/null
@@ -0,0 +1,812 @@
+<?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="sign-up-illustration.svg"
+   inkscape:export-filename="/Users/saman/work_repos/openstreetmap-website/app/assets/images/sign-up-illustration.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs4138">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient9189">
+      <stop
+         style="stop-color:#cbeea7;stop-opacity:1"
+         offset="0"
+         id="stop9191" />
+      <stop
+         style="stop-color:#bed3b4;stop-opacity:0;"
+         offset="1"
+         id="stop9193" />
+    </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:#adadc6;stop-opacity:1;"
+         offset="0"
+         id="stop7777" />
+      <stop
+         style="stop-color:#adadc6;stop-opacity:0;"
+         offset="1"
+         id="stop7779" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient7767">
+      <stop
+         style="stop-color:#b2dbea;stop-opacity:1"
+         offset="0"
+         id="stop7769" />
+      <stop
+         style="stop-color:#93b8e0;stop-opacity:1"
+         offset="1"
+         id="stop7771" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient7009">
+      <stop
+         style="stop-color:#f4f4ff;stop-opacity:1"
+         offset="0"
+         id="stop7011" />
+      <stop
+         style="stop-color:#f4f4ff;stop-opacity:0;"
+         offset="1"
+         id="stop7013" />
+    </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>
+    <filter
+       inkscape:collect="always"
+       id="filter7763"
+       x="-0.103344"
+       width="1.206688"
+       y="-0.089630529"
+       height="1.1792611"
+       color-interpolation-filters="sRGB">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="5.3825"
+         id="feGaussianBlur7765" />
+    </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="837.36218"
+       x2="1224.2188"
+       y2="942.36212"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-50,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7872"
+       id="linearGradient7878"
+       x1="1097"
+       y1="942.36218"
+       x2="1097"
+       y2="802.62952"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-50,0)" />
+    <filter
+       inkscape:collect="always"
+       id="filter8230"
+       x="-0.11757551"
+       width="1.2351511"
+       y="-0.23515102"
+       height="1.470302"
+       color-interpolation-filters="sRGB">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.9797959"
+         id="feGaussianBlur8232" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient7767-0">
+      <stop
+         style="stop-color:#b2dbea;stop-opacity:1"
+         offset="0"
+         id="stop7769-35" />
+      <stop
+         style="stop-color:#93b8e0;stop-opacity:1"
+         offset="1"
+         id="stop7771-9" />
+    </linearGradient>
+    <filter
+       color-interpolation-filters="sRGB"
+       inkscape:collect="always"
+       id="filter7759-0">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="5.8125"
+         id="feGaussianBlur7761-9" />
+    </filter>
+    <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(-50,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-8"
+       id="linearGradient7878-9"
+       x1="1097"
+       y1="942.36218"
+       x2="1097"
+       y2="802.62952"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-50,0)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient7872-8">
+      <stop
+         style="stop-color:#cbeea7;stop-opacity:1;"
+         offset="0"
+         id="stop7874-3" />
+      <stop
+         style="stop-color:#cee8c1;stop-opacity:1"
+         offset="1"
+         id="stop7876-8" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9189"
+       id="linearGradient9197"
+       gradientUnits="userSpaceOnUse"
+       x1="1225"
+       y1="981.40063"
+       x2="1225"
+       y2="742.3703" />
+    <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="#linearGradient7009"
+       id="linearGradient9564"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-50,852.36218)"
+       x1="1177.2046"
+       y1="110.20067"
+       x2="1151.0864"
+       y2="155.43863" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient7767-0"
+       id="linearGradient9566"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-50,852.36218)"
+       x1="1200"
+       y1="-30"
+       x2="1200"
+       y2="90" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient8284"
+       id="linearGradient9568"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-50,852.36218)"
+       x1="1086"
+       y1="139"
+       x2="1125.7982"
+       y2="99.201767" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="236.73047"
+     inkscape:cy="47.289177"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1524"
+     inkscape:window-height="817"
+     inkscape:window-x="220"
+     inkscape:window-y="127"
+     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)">
+    <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:#a0afcf;fill-opacity:1;stroke:none;stroke-width:8;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter7542-4-8-0);enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
+       d="m 884.625,854.79968 a 4.0004,4.0004 0 0 0 -3.84375,3.5625 4.0004,4.0004 0 0 0 -2.15625,-0.5625 4.0004,4.0004 0 0 0 -3.78125,4.90625 c 0,0 0.5454,2.1828 2.1875,5.1875 1.6421,3.0047 4.45773,7.22288 9.28125,12.4375 a 4.0025627,4.0025627 0 0 0 6.9375,-2.25 4.0025627,4.0025627 0 0 0 3.75,0.125 c 0.0733,0.22356 0.14387,0.47118 0.21875,0.6875 a 4.0025627,4.0025627 0 1 0 7.5625,-2.625 c -1.9723,-5.69775 -3.8125,-17.53125 -3.8125,-17.53125 a 4.0004,4.0004 0 0 0 -3.84375,-3.46875 4.0004,4.0004 0 0 0 -4.09375,4.65625 c 0,0 0.49861,3.30382 1.3125,7.46875 -2.08696,-2.64336 -3.45886,-4.78178 -4.3125,-6.34375 -1.2954,-2.3703 -1.375,-3.0625 -1.375,-3.0625 a 4.0004,4.0004 0 0 0 -4.03125,-3.1875 z"
+       id="path8245"
+       inkscape:connector-curvature="0" />
+    <g
+       id="g8240"
+       transform="translate(-49,2)">
+      <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:#99b7da;fill-opacity:1;stroke:none;stroke-width:8;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter7542-4-8-0);enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
+         d="m 922.625,10.4375 a 4.0004,4.0004 0 0 0 -3.78125,4.90625 c 0,0 0.5454,2.1828 2.1875,5.1875 1.40985,2.579729 3.70701,6.049888 7.375,10.28125 0.11178,0.128944 0.19812,0.275904 0.3125,0.40625 0.11345,0.137051 0.22397,0.284764 0.34375,0.40625 0.15485,0.157057 0.25496,0.252929 0.40625,0.40625 0.28133,0.31274 0.54746,0.61719 0.84375,0.9375 a 4.0025627,4.0025627 0 0 0 0.59375,0.53125 4.0025627,4.0025627 0 0 0 0.0625,0.03125 c 5.98699,6.043061 9.08242,9.018781 11.6875,10.90625 5.06802,3.671953 10.79446,9.23077 29.46875,15.59375 18.67429,6.36298 46.9429,9.60422 85.4688,-0.71875 2.5788,-0.63185 4.8672,-2.33956 6.2187,-4.625 1.3516,-2.28544 1.7513,-8.09198 1.0625,-10.65625 -0.6888,-2.56427 -2.4352,-4.82439 -4.75,-6.125 -2.3148,-1.30061 -5.1703,-1.65166 -7.7188,-0.90625 -35.1951,9.43054 -57.91701,6.16915 -72.81245,1.09375 C 964.69831,33.01835 961.4304,31.785386 957.34375,26.875 951.9003,20.33433 948.89393,16 942.5625,16 l -8.125,0 c -2.53697,0 -4.35949,0.782327 -5.625,2 -0.27387,-0.453136 -0.57102,-0.927833 -0.78125,-1.3125 -1.2954,-2.3703 -1.375,-3.0625 -1.375,-3.0625 A 4.0004,4.0004 0 0 0 922.625,10.4375 z"
+         transform="translate(-1,850.36218)"
+         id="path8234"
+         inkscape:connector-curvature="0" />
+    </g>
+    <path
+       transform="translate(-49.999996,852.36218)"
+       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;opacity:0.1;color:#000000;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:8;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter7542-4-8-0);enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
+       d="M 934.625,2.4375 A 4.0004,4.0004 0 0 0 930.78125,6 4.0004,4.0004 0 0 0 928.625,5.4375 a 4.0004,4.0004 0 0 0 -3.78125,4.90625 c 0,0 0.1099,0.36161 0.28125,0.875 a 4.0004,4.0004 0 0 0 -2.5,-0.78125 4.0004,4.0004 0 0 0 -3.78125,4.90625 c 0,0 0.5454,2.1828 2.1875,5.1875 1.40985,2.57973 3.70701,6.04989 7.375,10.28125 0.11178,0.12894 0.19812,0.2759 0.3125,0.40625 0.11345,0.13705 0.22397,0.28476 0.34375,0.40625 0.15485,0.15706 0.25496,0.25293 0.40625,0.40625 0.28133,0.31274 0.54746,0.61719 0.84375,0.9375 a 4.0025627,4.0025627 0 0 0 0.59375,0.53125 4.0025627,4.0025627 0 0 0 0.0625,0.03125 c 5.98699,6.04306 9.08242,9.01878 11.6875,10.90625 5.06802,3.67195 10.79446,9.23077 29.46875,15.59375 18.67429,6.36298 46.9429,9.60422 85.4688,-0.71875 2.5788,-0.63185 4.8672,-2.33956 6.2187,-4.625 1.3516,-2.28544 1.7513,-8.09198 1.0625,-10.65625 -0.6888,-2.56427 -2.4352,-4.82439 -4.75,-6.125 -2.3148,-1.30061 -5.1702,-1.65166 -7.7188,-0.90625 -35.1951,9.43054 -57.91701,6.16915 -72.81245,1.09375 -14.89544,-5.0754 -18.16335,-6.30836 -22.25,-11.21875 -0.96094,-1.154633 -1.78426,-2.150837 -2.625,-3.15625 -1.9499,-5.760197 -3.75,-17.34375 -3.75,-17.34375 A 4.0004,4.0004 0 0 0 947.125,2.90625 4.0004,4.0004 0 0 0 943.03125,7.5625 c 0,0 0.49861,3.30383 1.3125,7.46875 -2.08696,-2.64336 -3.45886,-4.78178 -4.3125,-6.34375 -1.2954,-2.3703 -1.375,-3.0625 -1.375,-3.0625 A 4.0004,4.0004 0 0 0 934.625,2.4375 z"
+       id="path8245-3"
+       clip-path="url(#clipPath8987)"
+       inkscape:connector-curvature="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 A 110,110 0 0 1 1346,119"
+       transform="matrix(1.4545455,0,0,1.4545455,-672.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(#linearGradient9015);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(-61,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(#linearGradient9023);fill-opacity:1">101010101010100011</flowPara><flowPara
+         id="flowPara8531"
+         style="fill:url(#linearGradient9025);fill-opacity:1">100010101010011010</flowPara><flowPara
+         id="flowPara8533"
+         style="fill:url(#linearGradient9027);fill-opacity:1">101010101001010110</flowPara><flowPara
+         id="flowPara8535"
+         style="fill:url(#linearGradient9029);fill-opacity:1">010111010101011010</flowPara><flowPara
+         id="flowPara8537"
+         style="fill:url(#linearGradient9031);fill-opacity:1">000101010000110001</flowPara><flowPara
+         id="flowPara8617"
+         style="fill:url(#linearGradient9033);fill-opacity:1">101010110010101101</flowPara><flowPara
+         id="flowPara8619"
+         style="fill:url(#linearGradient9035);fill-opacity:1">101010111010101011</flowPara></flowRoot>    <path
+       style="color:#000000;fill:#adadc6;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 4,-15 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 -15.75,0 z m 91.75,5 6,8 7,0 -8,-8 -5,0 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,10 1.3438,5 3.6562,0 0,-10 5,5 5,0 5,-5 -10,-10 4.875,0 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 1280,-25 l 0,5 5,5 10,0 0,10 -15,0 0,5 -20,0 0,-15 -20,0 -5,5 -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 L 1280,-25 z m -75,-25 3,5 5,0 -3,-5 -5,0 z"
+       transform="translate(-50,852.36218)"
+       id="path7591"
+       clip-path="url(#clipPath7691)"
+       inkscape:connector-curvature="0" />
+    <path
+       inkscape:connector-curvature="0"
+       style="color:#000000;fill:url(#linearGradient7878-9);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 1164.25,787.20593 -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.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.5017,-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.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,10 1.3438,5 3.6562,0 0,-10 5,5 5,0 5,-5 -10,-10 4.875,0 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.6218,-1.25882 -2.4374,-1.875 -0.2073,-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.8595,-1.35587 -2.8124,-2 -0.1442,-0.0974 -0.2931,-0.18434 -0.4376,-0.28125 -0.917,-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.1408,-1.23835 -3.2187,-1.84375 -0.5379,-0.302 -1.0834,-0.6103 -1.625,-0.90625 -0.1141,-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 35.5,29.15625 0,5 5,5 10,0 0,10 -15,0 0,5 -20,0 0,-15 -20,0 -5,5 -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,9.99997 3.3438,5 56.6562,0 c 0,-44.18275 -17.9207,-84.17066 -46.875,-113.12497 -0.6292,-0.62919 -1.2667,-1.25631 -1.9062,-1.875 l -6.2188,0 z m -75,-25 3,5 5,0 -3,-5 -5,0 z"
+       id="path7176-3" />
+    <path
+       inkscape:connector-curvature="0"
+       style="color:#000000;fill:url(#linearGradient7781);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 1180.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="path7176-2"
+       sodipodi:nodetypes="cccc" />
+    <path
+       id="path7695"
+       d="m 1244.5,798.23718 -2.375,4.125 -9.5938,0 c 1.6022,11.28663 1.0712,23.08107 -0.9687,35 l 3.4375,0 8.6562,-15 6.3438,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 c -3.929,19.09563 -11.5854,38.31192 -20.625,55.9375 l 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.322,-0.23072 -0.4688,-0.34375 -0.018,-0.014 -0.044,-0.0172 -0.062,-0.0312 -0.7174,-0.55233 -1.4292,-1.11612 -2.1563,-1.65625 -0.053,-0.0397 -0.1026,-0.0854 -0.1563,-0.125 -0.06,-0.0444 -0.1299,-0.0771 -0.1874,-0.125 -0.023,-0.0187 -0.043,-0.0403 -0.063,-0.0625 -0.023,-0.0174 -0.039,-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.5107,-1.06633 -2.2813,-1.59375 -0.8253,-0.56504 -1.6633,-1.10637 -2.5,-1.65625 -1.673,-1.09976 -3.3777,-2.18082 -5.0937,-3.21875 -0.858,-0.51897 -1.7254,-1.02804 -2.5937,-1.53125 -0.8686,-0.50321 -1.744,-1.0092 -2.625,-1.5 -0.8811,-0.49079 -1.7676,-0.96639 -2.6563,-1.4375 -0.8887,-0.47111 -1.7576,-0.92024 -2.6563,-1.375 -0.8777,-0.44428 -1.7692,-0.884 -2.6562,-1.3125 z"
+       style="color:#000000;fill:#9090b2;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter7763);enable-background:accumulate"
+       inkscape:connector-curvature="0"
+       clip-path="url(#clipPath7755)"
+       transform="translate(-50,0)" />
+    <path
+       inkscape:connector-curvature="0"
+       style="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;opacity:0.14999999999999999"
+       d="m 1205,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(#linearGradient7878);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 1069.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
+       inkscape:connector-curvature="0"
+       style="color:#000000;fill:url(#linearGradient7878-5);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 1124,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="color:#000000;fill:url(#linearGradient9197);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       d="m 1194.5,798.23718 -2.375,4.125 -9.5938,0 c 1.6022,11.28663 1.0712,23.08107 -0.9687,35 l 3.4375,0 8.6562,-15 6.3438,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 c -3.929,19.09563 -11.5854,38.31192 -20.625,55.9375 l 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.322,-0.23072 -0.4688,-0.34375 -0.018,-0.014 -0.044,-0.0172 -0.062,-0.0312 -0.7174,-0.55233 -1.4292,-1.11612 -2.1563,-1.65625 -0.053,-0.0397 -0.1026,-0.0854 -0.1563,-0.125 -0.06,-0.0444 -0.1299,-0.0771 -0.1874,-0.125 -0.023,-0.0187 -0.043,-0.0403 -0.063,-0.0625 -0.023,-0.0174 -0.039,-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.5107,-1.06633 -2.2813,-1.59375 -0.8253,-0.56504 -1.6633,-1.10637 -2.5,-1.65625 -1.673,-1.09976 -3.3777,-2.18082 -5.0937,-3.21875 -0.858,-0.51897 -1.7254,-1.02804 -2.5937,-1.53125 -0.8686,-0.50321 -1.744,-1.0092 -2.625,-1.5 -0.8811,-0.49079 -1.7676,-0.96639 -2.6563,-1.4375 -0.8887,-0.47111 -1.7576,-0.92024 -2.6563,-1.375 -0.8777,-0.44428 -1.7692,-0.884 -2.6562,-1.3125 z"
+       id="path7176-41" />
+    <path
+       inkscape:connector-curvature="0"
+       d="m 895.26569,833.36219 c -4.1421,0 -7.5,3.35787 -7.5,7.5 0,4.14215 7.5,10.5 7.5,10.5 0,0 7.5,-6.35785 7.5,-10.5 0,-4.14213 -3.3579,-7.5 -7.5,-7.5 z m 0.2343,4.5 c 1.6569,0 3,1.34315 3,3 0,1.65686 -1.3431,3 -3,3 -1.65675,0 -3,-1.34314 -3,-3 0,-1.65685 1.34325,-3 3,-3 z"
+       id="path8139-4-6-3-6"
+       style="color:#000000;fill:#8282a9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+    <path
+       sodipodi:type="arc"
+       style="color:#000000;fill:#9aa1c0;fill-opacity:0.39215686;fill-rule:nonzero;stroke:none;stroke-width:8;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter8230);enable-background:accumulate"
+       id="path8216"
+       sodipodi:cx="945"
+       sodipodi:cy="25"
+       sodipodi:rx="10"
+       sodipodi:ry="5"
+       d="m 955,25 a 10,5 0 1 1 -20,0 10,5 0 1 1 20,0 z"
+       transform="matrix(0.75,0,0,0.5,178.75,862.36218)" />
+    <path
+       inkscape:connector-curvature="0"
+       d="m 903.24999,851.86219 c -2.07107,0 -3.75,1.67891 -3.75,3.75001 0,0.37775 0.0679,0.73424 0.17187,1.07809 l -9.34375,9.34376 c -0.34388,-0.1039 -0.70033,-0.17186 -1.07812,-0.17186 -2.07107,0 -3.74999,1.6789 -3.74999,3.75 0,2.07104 1.67892,3.75 3.74999,3.75 2.07107,0 3.75,-1.67896 3.75,-3.75 0,-0.3778 -0.068,-0.73425 -0.17188,-1.07815 l 9.34375,-9.34375 c 0.34388,0.10395 0.70034,0.1719 1.07813,0.1719 2.07106,0 3.75,-1.67895 3.75,-3.74999 0,-2.0711 -1.67894,-3.75001 -3.75,-3.75001 z m 0,2.25001 c 0.82842,0 1.5,0.67155 1.5,1.5 0,0.8284 -0.67158,1.5 -1.5,1.5 -0.82843,0 -1.5,-0.6716 -1.5,-1.5 0,-0.82845 0.67157,-1.5 1.5,-1.5 z m -14,13.99999 c 0.82843,0 1.5,0.67155 1.5,1.5 0,0.8284 -0.67157,1.5 -1.5,1.5 -0.82842,0 -1.5,-0.6716 -1.5,-1.5 0,-0.82845 0.67158,-1.5 1.5,-1.5 z"
+       id="path5387-6-5-6"
+       style="color:#000000;fill:#8282a9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+    <path
+       inkscape:connector-curvature="0"
+       d="m 865.40433,849.14391 c -1.7936,1.03555 -2.40813,3.32901 -1.3726,5.12261 0.71815,1.24387 2.04645,1.91607 3.3883,1.8687 l 3.43751,5.95394 c -0.71196,1.13839 -0.79395,2.62483 -0.0758,3.8687 1.03552,1.79358 3.32899,2.40813 5.12259,1.37259 1.24386,-0.71814 1.91607,-2.04646 1.86871,-3.3883 l 5.95391,-3.43749 c 1.1384,0.71193 2.62484,0.79394 3.86871,0.0758 1.7936,-1.03553 2.40812,-3.329 1.37259,-5.12259 -0.71815,-1.24387 -2.04643,-1.91608 -3.38828,-1.86871 l -3.4375,-5.95392 c 0.71195,-1.1384 0.79393,-2.62484 0.0758,-3.86871 -1.03554,-1.7936 -3.32899,-2.40813 -5.12259,-1.3726 -1.25899,0.72688 -1.92459,2.07817 -1.85879,3.43672 l -0.10461,0.006 -5.8592,3.38282 c -1.13839,-0.71195 -2.62484,-0.79395 -3.8687,-0.0758 z m 1.125,1.94857 c 0.71744,-0.41421 1.63482,-0.1684 2.04904,0.54904 0.4142,0.71743 0.1684,1.63482 -0.54904,2.04904 -0.71744,0.41421 -1.63482,0.16839 -2.04904,-0.54905 -0.41422,-0.71744 -0.16841,-1.63482 0.54904,-2.04903 z m 11.69133,-6.75 c 0.71745,-0.41422 1.63483,-0.16841 2.04904,0.54904 0.41421,0.71744 0.1684,1.63482 -0.54904,2.04904 -0.71743,0.4142 -1.63482,0.16839 -2.04904,-0.54904 -0.41421,-0.71744 -0.16839,-1.63483 0.54904,-2.04904 z m -7.19762,7.90833 5.95392,-3.4375 c 0.63528,0.3973 1.38559,0.59835 2.13442,0.57191 l 3.4375,5.95393 c -0.39733,0.63527 -0.59837,1.38558 -0.57192,2.13442 l -5.95392,3.43749 c -0.6353,-0.39733 -1.3856,-0.59836 -2.13441,-0.57191 l -3.43751,-5.95393 c 0.39731,-0.63529 0.59835,-1.38559 0.57192,-2.13441 z m 2.25629,10.53301 c 0.71744,-0.41421 1.63481,-0.16842 2.04904,0.54904 0.4142,0.71741 0.16839,1.63481 -0.54904,2.04902 -0.71744,0.41422 -1.63484,0.16839 -2.04904,-0.54903 -0.41423,-0.71745 -0.1684,-1.63482 0.54904,-2.04903 z m 11.69133,-6.75 c 0.71744,-0.41421 1.63482,-0.16842 2.04904,0.54904 0.4142,0.71741 0.1684,1.63482 -0.54904,2.04903 -0.71744,0.41421 -1.63483,0.16838 -2.04904,-0.54903 -0.41422,-0.71746 -0.16839,-1.63483 0.54904,-2.04904 z"
+       id="path5288-4-8-0-3"
+       style="color:#000000;fill:#8282a9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+    <path
+       sodipodi:type="arc"
+       style="color:#000000;fill:#8282a9;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(2,0,0,2,-1521,832.36218)" />
+    <path
+       sodipodi:type="arc"
+       style="color:#000000;fill:#8282a9;fill-opacity:1;stroke:none;stroke-width:8;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+       id="path8157"
+       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(2,0,0,2,-1547,832.36218)" />
+    <path
+       style="color:#000000;fill:#a6a6c2;fill-opacity:1;stroke:#8282a9;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 1062,882.36218 c 0,0 3,2 8,2 5,0 8,-2 8,-2"
+       id="path8488"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="csc" />
+    <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 1020,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="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;opacity:0.15"
+       d="m 1050,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
+       inkscape:connector-curvature="0"
+       style="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;opacity:0.15"
+       d="m 1069.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="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;opacity:0.15"
+       d="m 1035,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" />
+    <g
+       id="g9572"
+       inkscape:export-filename="/Users/saman/work_repos/openstreetmap-website/app/assets/images/sign-up-illustration-arm.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <g
+         id="g9543">
+        <path
+           style="color:#000000;fill:url(#linearGradient9564);fill-opacity:1;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+           d="m 1135,942.36218 c -5,40 -35,70.00002 -35,70.00002 l -25,-25.00002 50,-45 z"
+           id="path7007"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+        <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(#linearGradient9566);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 1129.4062,915.20593 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 1031,990.61218 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.06252 c 0,0 52.3016,-30.24187 80.5,-68.15627 a 12.0012,12.0012 0 0 0 -9.2188,-19.3125 z"
+           id="path6371"
+           inkscape:connector-curvature="0" />
+        <path
+           id="path8280"
+           d="m 1129.4062,915.20593 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 1031,990.61218 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.06252 c 0,0 52.3016,-30.24187 80.5,-68.15627 a 12.0012,12.0012 0 0 0 -9.2188,-19.3125 z"
+           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(#linearGradient9568);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"
+           inkscape:connector-curvature="0" />
+        <flowRoot
+           xml:space="preserve"
+           id="flowRoot8523-6"
+           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(-61.000003,1303.3622)"
+           clip-path="url(#clipPath8675)"><flowRegion
+             id="flowRegion8525-6"><rect
+               id="rect8527-8"
+               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="flowPara8529-8">101010101010100011</flowPara><flowPara
+             id="flowPara8531-5">100010101010011010</flowPara><flowPara
+             id="flowPara8533-5">101010101001010110</flowPara><flowPara
+             id="flowPara8535-9">010111010101011010</flowPara><flowPara
+             id="flowPara8537-3">000101010000110001</flowPara><flowPara
+             id="flowPara8617-9">101010110010101101</flowPara><flowPara
+             id="flowPara8619-0">101010111010101011</flowPara></flowRoot>      </g>
+      <rect
+         y="902.36218"
+         x="1020"
+         height="110"
+         width="130"
+         id="rect9570"
+         style="opacity:0.15;color:#000000;fill:none;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+    </g>
+    <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>
+  <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>
index 461bb7c78e7bfaf76e7b92c5d4e7973e939c8f54..b150bac12cb2db4a92d841e04d84ef311a208bec 100644 (file)
@@ -14,7 +14,7 @@
    id="svg2"
    version="1.1"
    inkscape:version="0.48.4 r9939"
-   inkscape:export-filename="/Users/saman/work_repos/openstreetmap-website/app/assets/images/sprite.png"
+   inkscape:export-filename="/Users/tmcw/src/openstreetmap-website/app/assets/images/sprite.png"
    inkscape:export-xdpi="90"
    inkscape:export-ydpi="90"
    sodipodi:docname="sprite.svg">
@@ -28,8 +28,8 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="1"
-     inkscape:cx="200.95282"
-     inkscape:cy="275.08379"
+     inkscape:cx="205.4941"
+     inkscape:cy="191.63547"
      inkscape:document-units="px"
      inkscape:current-layer="layer1"
      showgrid="false"
        style="color:#000000;fill:#70cd8f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter6591-2);enable-background:accumulate" />
     <path
        style="color:#000000;fill:#0000ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-       d="m 183,864.36218 0,-4 2,-2 2,0 -2,2 0,4 2,2 -2,0 z"
-       id="path4118"
-       inkscape:connector-curvature="0"
-       sodipodi:nodetypes="ccccccccc" />
-    <path
-       sodipodi:nodetypes="ccccccccc"
-       inkscape:connector-curvature="0"
-       id="path4120"
-       d="m 196,864.36218 0,-4 -2,-2 -2,0 2,2 0,4 -1,2 1,0 z"
-       style="color:#000000;fill:#0000ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
-    <path
-       style="color:#000000;fill:#0000ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-       d="m 185,858.36218 5,0 0,2 -5,0 z"
-       id="rect4122"
-       inkscape:connector-curvature="0"
-       sodipodi:nodetypes="ccccc" />
-    <path
-       style="color:#000000;fill:#0000ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-       d="m 194,866.36218 -5,0 0,-2 5,0 z"
-       id="rect4126"
-       inkscape:connector-curvature="0"
-       sodipodi:nodetypes="ccccc" />
-    <path
-       style="color:#000000;fill:#0000ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-       d="m 190,858.36218 2,2 0,3 -2,0 z"
-       id="path4130"
-       inkscape:connector-curvature="0"
-       sodipodi:nodetypes="ccccc" />
-    <path
-       sodipodi:nodetypes="ccccc"
-       inkscape:connector-curvature="0"
-       id="path4132"
-       d="m 189,866.36218 -2,-2 0,-3 2,0 z"
-       style="color:#000000;fill:#0000ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+       d="M 185 6 L 183 8 L 183 12 L 185 14 L 187 14 L 185 12 L 185 8 L 190 8 L 190 11 L 192 11 L 192 8 L 190 6 L 187 6 L 185 6 z M 192 6 L 194 8 L 194 12 L 189 12 L 189 9 L 187 9 L 187 12 L 189 14 L 194 14 L 196 12 L 196 8 L 194 6 L 192 6 z "
+       transform="translate(0,852.36218)"
+       id="path4118" />
   </g>
 </svg>
index db81669d127d895bf1d805e597ef79b9edbf4840..09ef07373d2c4c029c94dda6b1d78bbf541842aa 100644 (file)
@@ -1058,6 +1058,32 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
   height: 200px;  
 }
 
+.new-user-illustration { 
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  position: absolute;
+}
+
+.new-user-illustration.new-user-main {
+  height: 200px;
+  width: 100%;
+  left: 0;
+  bottom: 0;
+  background-image: image-url("sign-up-illustration.png");
+}
+
+.new-user-illustration.new-user-arm {
+  height: 110px;
+  width: 130px;
+  left: 230px;
+  top: 160px;
+  background-image: image-url("sign-up-illustration-arm.png");
+}
+
+@media only screen and (max-width:770px) {
+  .new-user-illustration.new-user-arm { display: none;}
+}
+
 .wrapper {
   margin-left: 184px;
   border-left: 1px solid #ccc;
@@ -1113,6 +1139,7 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
   position: relative;
   padding: $lineheight;
   background: $offwhite;
+  z-index: 2;
   h1, h2 {
     margin-bottom: $lineheight/2;
     line-height: 100%;
index dbb5d6047461a99dbb8daa4425f8b27d497d66af..3707bb070da7c39e4c88abb4037318fe5bcc7655 100644 (file)
@@ -1,5 +1,7 @@
 <% content_for :heading do %>
   <h1><%= t 'user.new.title' %></h1>
+  <div class='new-user-illustration new-user-main'></div>
+  <div class='new-user-illustration new-user-arm'></div>
 <% end %>
 
 <%= form_for :user, :url => { :action => 'create' }, :html => { :class => 'signup-form-wrapper fillL col6 pad2' } do %>