making sign-up page fun.

This commit is contained in:
Saman Bemel-Benrud 2013-07-30 17:36:36 -04:00 committed by John Firebaugh
parent c031ceb340
commit 007b985835
6 changed files with 847 additions and 37 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

View file

@ -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>

After

Width:  |  Height:  |  Size: 48 KiB

View 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"
@ -254,39 +254,8 @@
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>

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Before After
Before After

View 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%;

View 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 %>