bigchaindb
/
site
mirror of https://github.com/bigchaindb/site.git
1
0
Fork 0
Code Releases Activity

revamped intro section, new alert styles

This commit is contained in:
Matthias Kretschmann 2017-06-27 21:51:09 +02:00
parent 43c75dd5ca
commit 51ea4f0707
Signed by: m
GPG Key ID: 606EEEF3C479A91F
9 changed files with 540 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

438
_src/_assets/images/starbase-intro.svg Normal file
View File

@ -0,0 +1,438 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1091" height="206" viewBox="0 0 1091 206" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<rect id="a" width="52.957" height="53.538" x=".041" y=".095"/>
<rect id="c" width="18.608" height="18.865" x=".006" y=".517"/>
<rect id="e" width="18.608" height="18.865" x=".006" y=".517"/>
<rect id="g" width="13.602" height="13.79" x=".364" y=".212"/>
<rect id="i" width="13.602" height="13.79" x=".364" y=".212"/>
<rect id="k" width="13.964" height="14.157" x=".225" y=".028"/>
<rect id="m" width="13.964" height="14.157" x=".225" y=".028"/>
<rect id="o" width="2.455" height="2.489" x=".034" y=".526"/>
<rect id="q" width="1" height="1" x=".251" y=".007"/>
<rect id="s" width="1" height="1" x=".111" y=".132"/>
<rect id="u" width="50.632" height="28.584" x=".057" y=".189"/>
<rect id="w" width="3.536" height="3.536" x=".135" y=".16"/>
<rect id="y" width="9.635" height="9.635" x=".069" y=".128"/>
<rect id="A" width="9.63" height="9.672" x=".103" y=".154"/>
<rect id="C" width="12.954" height="16.65" x=".035" y=".12"/>
<rect id="E" width="9.601" height="9.635" x=".064" y=".128"/>
<rect id="G" width="9.6" height="7.584" x=".088" y=".199"/>
<rect id="I" width="72.955" height="71.464" x=".02" y=".039"/>
<rect id="K" width="20.452" height="20.66" x=".054" y=".191"/>
<rect id="M" width="22.292" height="21.836" x=".199" y=".132"/>
<rect id="O" width="1" height="7.384" x=".041" y=".018"/>
<rect id="Q" width="1" height="1" x=".162" y=".005"/>
<rect id="S" width="1" height="1" x=".072" y=".084"/>
<rect id="U" width="26.937" height="14.969" x=".03" y=".099"/>
<rect id="W" width="1.713" height="1.678" x=".065" y=".076"/>
<rect id="Y" width="4.979" height="4.878" x=".036" y=".065"/>
<rect id="aa" width="4.977" height="4.897" x=".053" y=".078"/>
<rect id="ac" width="7.081" height="8.677" x=".019" y=".063"/>
<rect id="ae" width="4.962" height="4.878" x=".033" y=".065"/>
<rect id="ag" width="4.961" height="4.2" x=".046" y=".11"/>
<rect id="ai" width="16.566" height="8.743" x=".084" y=".002"/>
<rect id="ak" width="72.832" height="71.546" x=".02" y=".039"/>
<rect id="am" width="20.418" height="20.684" x=".054" y=".191"/>
<rect id="ao" width="22.254" height="21.862" x=".199" y=".132"/>
<rect id="aq" width="1" height="7.393" x=".041" y=".018"/>
<rect id="as" width="1" height="1" x=".162" y=".005"/>
<rect id="au" width="1" height="1" x=".072" y=".084"/>
<rect id="aw" width="26.892" height="14.987" x=".03" y=".099"/>
<rect id="ay" width="1.71" height="1.68" x=".065" y=".076"/>
<rect id="aA" width="4.971" height="4.883" x=".035" y=".065"/>
<rect id="aC" width="4.969" height="4.902" x=".053" y=".078"/>
<rect id="aE" width="7.069" height="8.687" x=".019" y=".063"/>
<rect id="aG" width="4.954" height="4.883" x=".033" y=".065"/>
<rect id="aI" width="4.953" height="4.204" x=".045" y=".11"/>
<rect id="aK" width="16.538" height="8.753" x=".084" y=".002"/>
</defs>
<g fill="none" fill-rule="evenodd">
<g transform="translate(991)">
<path fill="#083749" d="M30,196 L38.5106989,185 C38.5106989,185 90.2869574,185.391722 89.9988017,185.391722 L81.5106587,196 L30,195.388889 L30,196 Z" opacity=".2"/>
<rect width="63" height="2" y="162" fill="#BADDE5" fill-rule="nonzero"/>
<path fill="#E5E5E5" fill-rule="nonzero" d="M56 63C56 59.1341509 59.1341509 56 63 56 66.8658491 56 70 59.1341509 70 63 70 66.8658491 66.8658491 70 63 70 59.1341509 70 56 66.8658491 56 63M25 76.5C25 75.1195635 26.1192654 74 27.5001921 74 28.8807346 74 30 75.1195635 30 76.5 30 77.8804365 28.8807346 79 27.5001921 79 26.1192654 79 25 77.8804365 25 76.5"/>
<path fill="#6594A4" fill-rule="nonzero" d="M76,56.5 C76,54.5666376 77.5666376,53 79.5,53 C81.4324913,53 83,54.5666376 83,56.5 C83,58.4333624 81.4324913,60 79.5,60 C77.5666376,60 76,58.4333624 76,56.5"/>
<path fill="#7DACBC" fill-rule="nonzero" d="M62.6320592,63 C48.4755439,63 37,74.475962 37,88.6324772 C37,96.935838 40.949761,104.316139 47.0708872,109 L83,73.0713052 C78.3157206,66.9493429 70.935838,63 62.6320592,63"/>
<path fill="#E5E5E5" fill-rule="nonzero" d="M88,89.4877608 C88,83.6624787 86.04645,78.2944812 82.7601587,74 L47,109.759743 C51.2940651,113.046034 56.6628948,115 62.4881769,115 C76.57787,115 88,103.57787 88,89.4877608"/>
<path fill="#7DACBC" fill-opacity=".6" fill-rule="nonzero" d="M89,88.6215276 C89,82.3703593 86.9033518,76.6085916 83.3767222,72 L45,110.376416 C49.6086778,113.90298 55.3697306,116 61.6210158,116 C76.7421345,116 89,103.741952 89,88.6215276"/>
<g opacity=".18" transform="translate(42 68)">
<mask id="b" fill="white">
<use xlink:href="#a"/>
</mask>
<path fill="#7DACBC" fill-rule="nonzero" d="M52.9975156,20.3190698 C52.9975156,12.7130233 50.4738047,5.70306977 46.2296641,0.0950232558 L0.0409921875,46.7907907 C5.58777344,51.0814884 12.5216641,53.6328837 20.0451797,53.6328837 C38.2448828,53.6328837 52.9975156,38.7175814 52.9975156,20.3190698" mask="url(#b)"/>
</g>
<path fill="#B7E8F8" fill-rule="nonzero" d="M62.3299468,17 C55.5202333,17 50,22.5203385 50,29.3297625 C50,33.2511151 51.8325296,36.7417941 54.6849017,39 L72,21.684991 C69.7418371,18.8321452 66.2512247,17 62.3299468,17"/>
<polygon fill="#FFFFFF" fill-rule="nonzero" points="63 134 61 134 61.951 0 61.935 0 63 134"/>
<path fill="#6594A4" fill-rule="nonzero" d="M75,29.6547772 C75,26.7618248 74.0024142,24.1040035 72.3364123,22 L55,39.3371402 C57.104335,41.0032121 59.7624646,42 62.6544558,42 C69.4721318,42 75,36.4727395 75,29.6547772"/>
<path stroke="#FFFFFF" stroke-width=".12" d="M25,89.0002071 C25,68.5654576 41.5654576,52 62.0002071,52 C82.4345424,52 99,68.5654576 99,89.0002071 C99,109.434542 82.4345424,126 62.0002071,126 C41.5654576,126 25,109.434542 25,89.0002071 Z"/>
<path stroke="#124354" stroke-width=".29" d="M28 187L96 187M21 189L61 189"/>
<path fill="#B8D6DD" fill-rule="nonzero" d="M70.7081898,134.947395 C68.1764279,134.329749 65.5312783,134 62.8091266,134 C62.2019946,134 61.5990934,134.019024 61,134.051153 C63.0866727,134.164029 65.1225748,134.467145 67.0895134,134.947395 C81.6065277,138.48924 92.3813237,151.568446 92.3813237,167.164739 C92.3813237,170.56327 91.8685403,173.840892 90.9178604,176.928275 C89.7886371,180.597369 88.0404352,183.995477 85.7929888,187 L89.4116652,187 C91.6591115,183.995477 93.4068903,180.597369 94.5365367,176.928275 C95.4867936,173.840892 96,170.56327 96,167.164739 C96,151.568446 85.2247809,138.48924 70.7081898,134.947395"/>
<path fill="#E6F9FF" fill-rule="nonzero" d="M85.0327311,187 C87.2108326,184.016874 88.9058229,180.643385 90,177 L32,177 C33.0945872,180.643385 34.7891674,184.016874 36.9672689,187 L85.0327311,187 L85.0327311,187 Z" opacity=".6"/>
<g transform="translate(30 134)">
<path fill="#E6F9FF" d="M36.4337852,1.07676471 C34.5305034,0.609411765 32.5604899,0.313764706 30.541349,0.203823529 C28.5222081,0.313764706 26.5521946,0.609411765 24.6485034,1.07676471 C15.1521544,3.409 7.31222148,9.98694118 3.22808725,18.697 C1.2502953,22.96 0.175630872,27.5816471 0.175630872,32.4565294 C0.175630872,35.7667059 0.671818792,38.9595294 1.59132215,41.9662353 L59.4909664,41.9662353 C60.4108792,38.9595294 60.9070671,35.7667059 60.9070671,32.4565294 C60.9070671,17.2657059 50.4809799,4.52611765 36.4337852,1.07676471 Z"/>
<path fill="#124354" fill-rule="nonzero" d="M12.7331806,16.4068707 C11.5038157,16.4068707 10.5031618,17.4060279 10.5031618,18.6339736 C10.5031618,19.8615778 11.5038157,20.8610764 12.7331806,20.8610764 C13.9625456,20.8610764 14.9625157,19.8615778 14.9625157,18.6339736 C14.9625157,17.4060279 13.9625456,16.4068707 12.7331806,16.4068707 M12.7331806,21.2957746 C11.263481,21.2957746 10.0679612,20.1019765 10.0679612,18.6339736 C10.0679612,17.1663121 11.263481,15.971831 12.7331806,15.971831 C14.2028803,15.971831 15.3980583,17.1663121 15.3980583,18.6339736 C15.3980583,20.1019765 14.2028803,21.2957746 12.7331806,21.2957746"/>
<polygon fill="#124354" fill-rule="nonzero" points="2.961 18.338 10.068 18.338 10.068 18.863 2.961 18.863"/>
<path fill="#124354" fill-rule="nonzero" d="M9.77167373,22.913913 C8.54230876,22.913913 7.54233865,23.9130701 7.54233865,25.1410158 C7.54233865,26.36862 8.54230876,27.3681187 9.77167373,27.3681187 C11.0010387,27.3681187 12.0016925,26.36862 12.0016925,25.1410158 C12.0016925,23.9130701 11.0010387,22.913913 9.77167373,22.913913 M9.77167373,27.8028169 C8.30197407,27.8028169 7.10679612,26.6086773 7.10679612,25.1410158 C7.10679612,23.6726714 8.30197407,22.4788732 9.77167373,22.4788732 C11.2413734,22.4788732 12.4368932,23.6726714 12.4368932,25.1410158 C12.4368932,26.6086773 11.2413734,27.8028169 9.77167373,27.8028169"/>
<polygon fill="#124354" fill-rule="nonzero" points=".592 25.437 7.699 25.437 7.699 25.961 .592 25.961"/>
</g>
</g>
<path fill="#083749" d="M512,195.636129 L533.718149,169.636129 C545,155.573425 576,164.073425 569.62742,170.277129 L549.451494,195.636129 L512,195.636129 Z" opacity=".2"/>
<g transform="translate(527 147)">
<path fill="#FFFFFF" fill-rule="nonzero" d="M28.7680636,9.79318421 L26.249947,8.32026316 L26.258357,8.43678947 L24.2427424,7.44134211 L19.9634158,3.42118421 C19.9634158,3.42118421 18.9906505,3.89581579 17.6884905,4.58076316 C16.3849289,5.26571053 16.9007468,6.4395 16.9007468,6.4395 L17.5469209,7.66160526 L17.5427159,7.66373684 L17.9975608,8.53413158 L18.0066717,8.52986842 L19.5113743,11.3677105 L19.3067291,11.9986579 C19.3067291,11.9986579 18.6030862,14.2126579 20.6432302,14.8919211 L20.6439311,14.8933421 L21.1898851,15.0752368 C21.1898851,15.0752368 21.771582,16.8430263 23.8733999,17.5436053 C25.7236164,18.1603421 27.8408529,17.3347105 29.5340813,16.3264737 L30.247536,15.9008684 L32.0199593,19.0179474 L36.0070358,16.9886842 L35.4064163,15.7573421 C35.4064163,15.7573421 34.7868741,15.1128947 33.7580415,15.7843421 L33.2541379,14.9452105 L33.6676332,14.7000789 C33.6676332,14.7000789 33.659924,14.4940263 33.5428838,14.3398421 L33.6802483,14.4116053 L34.428745,14.6617105 L34.4820088,14.4926053 L35.7575369,10.5591316 L34.3972072,10.1058158 C33.7629474,9.89407895 33.4889191,10.5236053 33.4889191,10.5236053 L31.1677384,9.75055263 L30.9399655,9.67381579 C30.1304958,9.40381579 29.6055669,9.42655263 28.9285559,9.77328947 L28.7680636,9.79318421 Z"/>
<path fill="#FFFFFF" fill-rule="nonzero" d="M28.7680636 9.79318421L26.249947 8.32026316 26.258357 8.43678947 24.2427424 7.44134211 19.9634158 3.42118421C19.9634158 3.42118421 18.9906505 3.89581579 17.6884905 4.58076316 16.3849289 5.26571053 16.9007468 6.4395 16.9007468 6.4395L17.5469209 7.66160526 17.5427159 7.66373684 17.9975608 8.53413158 18.0066717 8.52986842 19.5113743 11.3677105 19.3067291 11.9986579C19.3067291 11.9986579 18.6030862 14.2126579 20.6432302 14.8919211L20.6439311 14.8933421 21.1898851 15.0752368C21.1898851 15.0752368 21.771582 16.8430263 23.8733999 17.5436053 25.7236164 18.1603421 27.8408529 17.3347105 29.5340813 16.3264737L30.247536 15.9008684 32.0199593 19.0179474 36.0070358 16.9886842 35.4064163 15.7573421C35.4064163 15.7573421 34.7868741 15.1128947 33.7580415 15.7843421L33.2541379 14.9452105 33.6676332 14.7000789C33.6676332 14.7000789 33.659924 14.4940263 33.5428838 14.3398421L33.6802483 14.4116053 34.428745 14.6617105 34.4820088 14.4926053 35.7575369 10.5591316 34.3972072 10.1058158C33.7629474 9.89407895 33.4889191 10.5236053 33.4889191 10.5236053L31.1677384 9.75055263 30.9399655 9.67381579C30.1304958 9.40381579 29.6055669 9.42655263 28.9285559 9.77328947L28.7680636 9.79318421zM7.62092974 17.6565789C7.50599205 18.2214474 7.44571984 18.7991053 7.44571984 19.3867105L21.9741246 19.3867105 23.5334927 17.6565789 7.62092974 17.6565789z"/>
<path fill="#FFFFFF" fill-rule="nonzero" d="M7.62092974,17.6565789 C7.50599205,18.2214474 7.44571984,18.7991053 7.44571984,19.3867105 L21.9741246,19.3867105 L23.5334927,17.6565789 L7.62092974,17.6565789 Z"/>
<path fill="#C5E4EA" fill-rule="nonzero" d="M15.7009094,4.22123684 L16.0716536,0.645157895 L13.4112665,0.645157895 L6.17159346,16.7236579 L7.92158992,16.7236579 C8.7618966,10.9641316 10.6359417,6.53328947 15.7009094,4.22123684"/>
<path fill="#C5E4EA" fill-rule="nonzero" d="M15.7009094,4.22123684 L16.0716536,0.645157895 L13.4112665,0.645157895 L6.17159346,16.7236579 L7.92158992,16.7236579 C8.7618966,10.9641316 10.6359417,6.53328947 15.7009094,4.22123684"/>
<path fill="#9ECDD8" fill-rule="nonzero" d="M23.7030959,16.8863684 L9.33868758,16.9218947 C10.1523624,11.3449737 10.5630544,8.48652632 15.466829,6.24836842 L23.7030959,16.8863684 Z"/>
<path fill="#9ECDD8" fill-rule="nonzero" d="M23.7030959,16.8863684 L9.33868758,16.9218947 C10.1523624,11.3449737 10.5630544,8.48652632 15.466829,6.24836842 L23.7030959,16.8863684 Z"/>
<g opacity=".37" transform="translate(0 7.105)">
<mask id="d" fill="white">
<use xlink:href="#c"/>
</mask>
<path stroke="#FFFFFF" stroke-width=".2" d="M0.0763915157,9.94878947 C0.0763915157,4.779 4.20994344,0.589026316 9.30925232,0.589026316 C14.4085612,0.589026316 18.5414123,4.779 18.5414123,9.94878947 C18.5414123,15.1185789 14.4085612,19.3085526 9.30925232,19.3085526 C4.20994344,19.3085526 0.0763915157,15.1185789 0.0763915157,9.94878947 Z" mask="url(#d)"/>
</g>
<g opacity=".37" transform="translate(0 7.105)">
<mask id="f" fill="white">
<use xlink:href="#e"/>
</mask>
<path stroke="#FFFFFF" stroke-width=".2" d="M0.0763915157,9.94878947 C0.0763915157,4.779 4.20994344,0.589026316 9.30925232,0.589026316 C14.4085612,0.589026316 18.5414123,4.779 18.5414123,9.94878947 C18.5414123,15.1185789 14.4085612,19.3085526 9.30925232,19.3085526 C4.20994344,19.3085526 0.0763915157,15.1185789 0.0763915157,9.94878947 Z" mask="url(#f)"/>
</g>
<g opacity=".37" transform="translate(37.144 9.947)">
<mask id="h" fill="white">
<use xlink:href="#g"/>
</mask>
<path fill="#FFFFFF" fill-rule="nonzero" d="M7.16468316,0.211736842 C6.10361202,0.211736842 5.10000972,0.458289474 4.20433672,0.897394737 C4.43281043,1.07786842 4.6500707,1.26971053 4.85471586,1.47434211 C5.56116217,1.18018421 6.33348741,1.01605263 7.14435882,1.01605263 C10.4628343,1.01605263 13.1519558,3.74376316 13.1519558,7.10668421 C13.1519558,10.4710263 10.4628343,13.1973158 7.14435882,13.1973158 C3.82728502,13.1973158 1.13676182,10.4710263 1.13676182,7.10668421 C1.13676182,7.04060526 1.13956518,6.97523684 1.14236854,6.90986842 L0.368641626,6.90986842 C0.366539107,6.97523684 0.363735749,7.04060526 0.363735749,7.10668421 C0.363735749,10.9143947 3.40818294,14.0016316 7.16468316,14.0016316 C10.9211834,14.0016316 13.9656306,10.9143947 13.9656306,7.10668421 C13.9656306,3.29826316 10.9211834,0.211736842 7.16468316,0.211736842" mask="url(#h)"/>
</g>
<g opacity=".37" transform="translate(37.144 9.947)">
<mask id="j" fill="white">
<use xlink:href="#i"/>
</mask>
<path fill="#FFFFFF" fill-rule="nonzero" d="M7.16468316,0.211736842 C6.10361202,0.211736842 5.10000972,0.458289474 4.20433672,0.897394737 C4.43281043,1.07786842 4.6500707,1.26971053 4.85471586,1.47434211 C5.56116217,1.18018421 6.33348741,1.01605263 7.14435882,1.01605263 C10.4628343,1.01605263 13.1519558,3.74376316 13.1519558,7.10668421 C13.1519558,10.4710263 10.4628343,13.1973158 7.14435882,13.1973158 C3.82728502,13.1973158 1.13676182,10.4710263 1.13676182,7.10668421 C1.13676182,7.04060526 1.13956518,6.97523684 1.14236854,6.90986842 L0.368641626,6.90986842 C0.366539107,6.97523684 0.363735749,7.04060526 0.363735749,7.10668421 C0.363735749,10.9143947 3.40818294,14.0016316 7.16468316,14.0016316 C10.9211834,14.0016316 13.9656306,10.9143947 13.9656306,7.10668421 C13.9656306,3.29826316 10.9211834,0.211736842 7.16468316,0.211736842" mask="url(#j)"/>
</g>
<g opacity=".37" transform="translate(2.103 9.947)">
<mask id="l" fill="white">
<use xlink:href="#k"/>
</mask>
<path fill="#FFFFFF" fill-rule="nonzero" d="M0.22496951,7.10668421 C0.22496951,3.19807895 3.3507141,0.0291315789 7.20743438,0.0291315789 C11.062753,0.0291315789 14.1884976,3.19807895 14.1884976,7.10668421 C14.1884976,11.0152895 11.062753,14.1856579 7.20743438,14.1856579 C3.3507141,14.1856579 0.22496951,11.0152895 0.22496951,7.10668421" mask="url(#l)"/>
</g>
<g opacity=".37" transform="translate(2.103 9.947)">
<mask id="n" fill="white">
<use xlink:href="#m"/>
</mask>
<path fill="#FFFFFF" fill-rule="nonzero" d="M0.22496951,7.10668421 C0.22496951,3.19807895 3.3507141,0.0291315789 7.20743438,0.0291315789 C11.062753,0.0291315789 14.1884976,3.19807895 14.1884976,7.10668421 C14.1884976,11.0152895 11.062753,14.1856579 7.20743438,14.1856579 C3.3507141,14.1856579 0.22496951,11.0152895 0.22496951,7.10668421" mask="url(#n)"/>
</g>
<path fill="#FFFFFF" fill-rule="nonzero" d="M3.28133098,17.0540526 C3.28133098,13.6911316 5.97115334,10.9634211 9.28892797,10.9634211 C12.6067026,10.9634211 15.2958241,13.6911316 15.2958241,17.0540526 C15.2958241,20.4183947 12.6067026,23.1446842 9.28892797,23.1446842 C5.97115334,23.1446842 3.28133098,20.4183947 3.28133098,17.0540526"/>
<path fill="#FFFFFF" fill-rule="nonzero" d="M3.28133098,17.0540526 C3.28133098,13.6911316 5.97115334,10.9634211 9.28892797,10.9634211 C12.6067026,10.9634211 15.2958241,13.6911316 15.2958241,17.0540526 C15.2958241,20.4183947 12.6067026,23.1446842 9.28892797,23.1446842 C5.97115334,23.1446842 3.28133098,20.4183947 3.28133098,17.0540526"/>
<path stroke="#103D49" stroke-width=".58" d="M3.28133098,17.0540526 C3.28133098,13.6911316 5.97115334,10.9634211 9.28892797,10.9634211 C12.6067026,10.9634211 15.2958241,13.6911316 15.2958241,17.0540526 C15.2958241,20.4183947 12.6067026,23.1446842 9.28892797,23.1446842 C5.97115334,23.1446842 3.28133098,20.4183947 3.28133098,17.0540526 Z"/>
<path fill="#FFFFFF" fill-rule="nonzero" d="M39.8875846,17.0540526 C39.8875846,14.6581579 41.8043809,12.7148684 44.167612,12.7148684 C46.5308431,12.7148684 48.4469386,14.6581579 48.4469386,17.0540526 C48.4469386,19.4499474 46.5308431,21.3932368 44.167612,21.3932368 C41.8043809,21.3932368 39.8875846,19.4499474 39.8875846,17.0540526"/>
<path stroke="#103D49" stroke-width=".35" d="M39.8875846,17.0540526 C39.8875846,14.6581579 41.8043809,12.7148684 44.167612,12.7148684 C46.5308431,12.7148684 48.4469386,14.6581579 48.4469386,17.0540526 C48.4469386,19.4499474 46.5308431,21.3932368 44.167612,21.3932368 C41.8043809,21.3932368 39.8875846,19.4499474 39.8875846,17.0540526 Z"/>
<path fill="#FFFFFF" fill-rule="nonzero" d="M0.556466637,5.68563158 C0.556466637,2.81581579 2.85101547,0.490263158 5.68170658,0.490263158 C8.5123977,0.490263158 10.8069465,2.81581579 10.8069465,5.68563158 C10.8069465,8.55544737 8.5123977,10.8817105 5.68170658,10.8817105 C2.85101547,10.8817105 0.556466637,8.55544737 0.556466637,5.68563158" opacity=".58" transform="translate(38.546 11.368)"/>
<path stroke="#FFFFFF" stroke-width=".58" d="M10.0479373 16.8359211L44.3484286 16.8359211M10.0479373 16.8359211L44.3484286 16.8359211"/>
<path fill="#FFFFFF" fill-rule="nonzero" d="M26.1265992,4.96657895 C26.3144242,2.97497368 24.8756005,1.20647368 22.9111471,1.01605263 C20.9480954,0.825631579 19.202304,2.28434211 19.014479,4.27594737 C18.826654,6.26684211 20.2668794,8.03605263 22.2313327,8.22647368 C24.1943844,8.41689474 25.9387742,6.95747368 26.1265992,4.96657895"/>
<path fill="#FFFFFF" fill-rule="nonzero" d="M26.1265992,4.96657895 C26.3144242,2.97497368 24.8756005,1.20647368 22.9111471,1.01605263 C20.9480954,0.825631579 19.202304,2.28434211 19.014479,4.27594737 C18.826654,6.26684211 20.2668794,8.03605263 22.2313327,8.22647368 C24.1943844,8.41689474 25.9387742,6.95747368 26.1265992,4.96657895"/>
<polyline stroke="#124354" stroke-width=".08" points="24.379 7.721 21.858 4.586 25.253 1.682"/>
<g transform="translate(21.025 2.842)">
<mask id="p" fill="white">
<use xlink:href="#o"/>
</mask>
<path stroke="#124354" stroke-width=".08" d="M2.45644278,1.88644737 C2.51951834,1.21642105 2.03593902,0.623842105 1.37574812,0.559184211 C0.715557225,0.494526316 0.129655325,0.9855 0.0665797614,1.65410526 C0.00350419797,2.32342105 0.487784357,2.91742105 1.14727441,2.98136842 C1.80746531,3.04602632 2.39336721,2.55505263 2.45644278,1.88644737 Z" mask="url(#p)"/>
</g>
<path fill="#002E3A" fill-rule="nonzero" d="M25.0346911,2.09178947 C25.7159072,2.84992105 26.0887539,3.85886842 25.9892346,4.92536842 C25.8869121,5.99897368 25.3255395,6.92265789 24.5069589,7.53513158 L22.1878807,4.56513158 L25.0346911,2.09178947 Z"/>
</g>
<g transform="translate(869 49)">
<path fill="#083749" d="M65.70602,147 L10,147 L42.4116959,108 C42.4116959,108 99.2584536,108.347517 98.9991154,108.347517 L65.70602,147 Z" opacity=".2"/>
<path stroke="#E5E5E5" stroke-width=".14" d="M0,86.5 C0,48.6682491 30.6682491,18 68.5,18 C106.330999,18 137,48.6682491 137,86.5 C137,124.331751 106.330999,155 68.5,155 C30.6682491,155 1.06786409e-14,124.331751 0,86.5 Z"/>
<path fill="#A1D1E1" fill-rule="nonzero" d="M69.571967,34 C61.5243126,34 55,40.5245906 55,48.5721301 C55,53.2059332 57.1654912,57.3315916 60.5369614,60 L81,39.5372536 C78.3315536,36.1654603 74.2058362,34 69.571967,34"/>
<path stroke="#A9CAD3" stroke-width=".2" d="M57,62.8723506 C60.2617619,65.4547366 64.3814035,67 68.8644314,67 C79.4329491,67 88,58.4328444 88,47.8649554 C88,43.3814937 86.4539976,39.2621807 83.8716432,36"/>
<rect width="1" height="86" x="69" y="4" fill="#E5E5E5" fill-rule="nonzero"/>
<path fill="#FFFFFF" fill-rule="nonzero" d="M46,50.0734751 C46,55.7135637 47.9448451,60.8969113 51.1935816,65 L85,31.1932026 C80.8969113,27.9448451 75.7135637,26 70.0734751,26 C56.7783307,26 46,36.7779516 46,50.0734751" opacity=".2"/>
<path fill="#FFFFFF" fill-rule="nonzero" d="M84 48.185283C84 44.714717 82.8030189 41.525283 80.8041509 39L60 59.8041509C62.525283 61.8030189 65.714717 63 69.1856604 63 77.3671698 63 84 56.3671698 84 48.185283M98.4155814 85.8842188C101.304128 89.6060811 103.478174 93.8863548 104.718277 98.4343341 105.990052 102.974772 106.291689 107.769342 105.728383 112.443634 105.157535 117.120941 103.64709 121.681363 101.313178 125.776128 98.9837892 129.873532 95.8407363 133.504526 92.1230658 136.401779 88.4084116 139.302803 84.1180086 141.46594 79.5712146 142.713222 75.0255517 143.960504 70.233678 144.307767 65.555295 143.725602 60.8750268 143.153617 56.3120199 141.643531 52.2127791 139.311098 48.1082597 136.986961 44.4784408 133.834444 41.5815987 130.113713 38.6836255 126.392982 36.5239078 122.099512 35.2789029 117.550778 34.0282423 113.003176 33.6979503 108.210491 34.2744531 103.532053 34.8490708 98.8528598 36.3632863 94.2913067 38.7005925 90.1976729 41.0333743 86.1010227 44.1798206 82.4711606 47.8989993 79.5765463 51.6155387 76.6781616 55.9074498 74.5184181 60.4534898 73.2745296 64.9991526 72.0178213 69.787633 71.7097713 74.4656389 72.2651662 79.1428907 72.8514793 83.6957175 74.3664669 87.7964664 76.688719 91.8836418 79.0358564 95.5074279 82.1759303 98.4155814 85.8842188M98.4155814 85.8842188C95.5047886 82.1774385 91.8794943 79.0411351 87.7919419 76.6973911 83.6908159 74.3781555 79.1379891 72.8665613 74.4629996 72.2843958 69.7872559 71.7323943 65.002169 72.0434607 60.4610307 73.3028083 55.9195153 74.5482051 51.6332598 76.7087026 47.9227532 79.6067103 44.2088531 82.5013246 41.0695706 86.1285473 38.7424446 90.221427 36.4111711 94.3116674 34.9018572 98.8668107 34.3317641 103.539594 33.7594087 108.210491 34.0927171 112.995258 35.3437547 117.533434 36.5891367 122.071987 38.7477233 126.355654 41.641926 130.066582 44.5312272 133.780526 48.1504888 136.930404 52.2459591 139.252279 56.3357737 141.583203 60.8901087 143.093666 65.5624589 143.667913 70.233301 144.253095 75.0180108 143.908848 79.5583951 142.666468 84.0999105 141.424088 88.3865429 139.266984 92.0993119 136.371238 95.8150972 133.47964 98.9581501 129.853926 101.287538 125.761423 103.622959 121.672314 105.135667 117.116039 105.709153 112.440994 106.275099 107.76972 105.97761 102.977035 104.708851 98.4369734 103.472518 93.8886171 101.301866 89.6079664 98.4155814 85.8842188"/>
<path fill="#FFFFFF" fill-rule="nonzero" d="M50,77.0002058 C50,75.8955654 50.8951538,75 51.9997942,75 C53.1044346,75 54,75.8955654 54,77.0002058 C54,78.1048462 53.1044346,79 51.9997942,79 C50.8951538,79 50,78.1048462 50,77.0002058"/>
<path fill="#7DACBC" fill-rule="nonzero" d="M95 95C95.3468935 95.329304 95.6797337 95.6630037 96 96 95.6797337 95.6630037 95.3468935 95.329304 95 95M95 94C94.1406441 92.5864057 93.1349368 91.2475974 92 90 93.1349368 91.2475974 94.1406441 92.5864057 95 94M97 99C97.3924897 99.9797032 97.725823 100.980823 98 102 97.725823 100.980823 97.3924897 99.9797032 97 99M97 102C97.42959 102.984034 97.7647059 103.984747 98 105 97.7647059 103.984747 97.42959 102.984034 97 102M95 97C95.3492485 97.3299403 95.683466 97.6630397 96 98 95.683466 97.6630397 95.3492485 97.3299403 95 97"/>
<path fill="#A1D1E1" fill-rule="nonzero" d="M91,90 C89.8179618,88.5323042 88.4756655,87.1915705 87,86 C88.4756655,87.1915705 89.8179618,88.5323042 91,90"/>
<g opacity=".8" transform="translate(98 104)">
<mask id="r" fill="white">
<use xlink:href="#q"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M0.2505,0.0075 C0.264,0.125 0.2765,0.243 0.2885,0.36 C0.2765,0.243 0.264,0.125 0.2505,0.0075" mask="url(#r)"/>
</g>
<path fill="#E6F9FF" fill-rule="nonzero" d="M0.0925,4.75642857 L4.76285714,0.0860714286 L0.0925,4.75642857 Z" opacity=".8" transform="translate(84 93)"/>
<g opacity=".8" transform="translate(97 102)">
<mask id="t" fill="white">
<use xlink:href="#s"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M0.111,0.132 C0.1375,0.2545 0.1645,0.377 0.1895,0.5 C0.1645,0.377 0.1375,0.2545 0.111,0.132" mask="url(#t)"/>
</g>
<path fill="#7DACBC" fill-rule="nonzero" d="M88.8552639,93.2669 L84,98.099074 C85.6227526,100.676455 86.5616547,103.722754 86.5616547,106.988175 C86.5616547,106.99224 86.5612835,106.996305 86.5612835,107 L98,107 C98,106.041473 97.9498807,105.094031 97.8544683,104.159892 C97.8455582,104.073056 97.8359056,103.986219 97.8266242,103.899752 C97.7282418,103.022149 97.5886502,102.157479 97.4097056,101.307221 C97.3911429,101.21632 97.3710952,101.125788 97.3514187,101.035256 C97.1535402,100.138438 96.9129674,99.2575099 96.6297003,98.3954267 C96.510899,98.034039 96.3850438,97.6763466 96.2521347,97.3216102 C96.1192257,96.9676129 95.9792628,96.6165718 95.8322461,96.2692258 C95.6852294,95.9218798 95.5311588,95.5782289 95.370777,95.2382733 C95.2100239,94.8983176 95.0425882,94.5616876 94.8688412,94.2294918 C94.0862371,92.7347955 93.1707239,91.3191758 92.1371519,90 L88.8552639,93.2669 L88.8552639,93.2669 Z"/>
<path fill="#A1D1E1" fill-rule="nonzero" d="M69.4731957,90.4246296 C75.5230961,90.4246296 80.8309818,93.7198905 83.8236624,98.6747831 L88.702157,93.6118809 L92,90.1892538 C90.770024,88.5513016 89.3732905,87.0550394 87.837779,85.7252436 C87.6184202,85.5355493 87.3960769,85.3489521 87.1711222,85.165839 C82.4246905,81.304205 76.4449253,79 69.9458617,79 C68.7401345,79 67.5523141,79.0789748 66.3861312,79.233053 C65.9201803,79.2942197 65.4575869,79.3677747 64.9983511,79.4529435 C64.31043,79.5803097 63.6310893,79.7340008 62.9614481,79.9128554 C51.1306229,83.0718462 42.3309035,94.0683086 42.0089534,107.251288 C42.0029845,107.500214 42,107.749526 42,108 L52.5493669,108 L52.5493669,107.987612 C52.5493669,98.2876518 60.1258254,90.4246296 69.4731957,90.4246296"/>
<g opacity=".8" transform="translate(42 79)">
<mask id="v" fill="white">
<use xlink:href="#u"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M27.8773556,11.4504211 C34.0037778,11.4504211 39.3788,14.6984211 42.4093333,19.58225 L47.3495333,14.5919605 L50.6890889,11.2184211 C49.4435556,9.60396053 48.0291556,8.12915789 46.4742222,6.81843421 C46.2520889,6.63146053 46.0269333,6.44753947 45.7991333,6.26705263 C40.9926667,2.46080263 34.9372667,0.189644737 28.356,0.189644737 C27.1350222,0.189644737 25.9321778,0.267486842 24.7512444,0.419355263 C24.2794,0.479644737 23.8109556,0.552144737 23.3459111,0.636092105 C22.6492889,0.761631579 21.9613556,0.913118421 21.2832444,1.08940789 C9.30277778,4.20309211 0.391755556,15.0418421 0.0657333333,28.03575 C0.0596888889,28.2811053 0.0566666667,28.5268421 0.0566666667,28.7737237 L10.7394667,28.7737237 L10.7394667,28.7615132 C10.7394667,19.2006711 18.4117556,11.4504211 27.8773556,11.4504211" mask="url(#v)"/>
</g>
<path fill="#A1D1E1" fill-rule="nonzero" d="M91,90 L88,93 L91,90 Z"/>
<g opacity=".8" transform="translate(88 90)">
<mask id="x" fill="white">
<use xlink:href="#w"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M3.6708,0.16 L0.1348,3.6964 L3.6708,0.16 Z" mask="url(#x)"/>
</g>
<path fill="#FFFFFF" fill-rule="nonzero" d="M83,98 L74,107 L83,98 Z"/>
<g opacity=".8" transform="translate(74 98)">
<mask id="z" fill="white">
<use xlink:href="#y"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M9.7036,0.1272 L0.0684,9.7624 L9.7036,0.1272 Z" mask="url(#z)"/>
</g>
<path fill="#FFFFFF" fill-rule="nonzero" d="M86,106.988044 C86,103.686275 85.0202659,100.605696 83.3279979,98 L74,107 L86,107 C86,106.996264 86,106.992154 86,106.988044"/>
<g opacity=".8" transform="translate(84 90)">
<mask id="B" fill="white">
<use xlink:href="#A"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M9.7332,1.27346154 C9.4548,0.893461538 9.1676,0.519615385 8.8708,0.153461538 L5.3348,3.55423077 L0.1036,8.58384615 C0.366,8.98692308 0.61,9.40230769 0.838,9.82653846 L9.7332,1.27346154 L9.7332,1.27346154 Z" mask="url(#B)"/>
</g>
<path fill="#E5E5E5" fill-rule="nonzero" d="M86.8348294,106.988119 C86.8348294,106.992203 86.8348294,106.996287 86.8348294,107 L98,107 C98,106.036896 97.951076,105.084931 97.8579393,104.146331 C97.8492417,104.05908 97.8401818,103.971829 97.8307594,103.884207 C97.7347235,103.003156 97.5984612,102.134357 97.4245094,101.280039 C97.4056646,101.188704 97.3864574,101.09774 97.3668878,101.006776 C97.1737288,100.105676 96.9388938,99.2205411 96.6623829,98.3543417 C96.5471398,97.9912285 96.423924,97.6318281 96.2941849,97.275398 C96.1644458,96.9197104 96.0274587,96.5669931 95.8846733,96.2179886 C95.741163,95.8689841 95.5907672,95.5236924 95.4338481,95.1821135 C95.2772915,94.8405346 95.1138492,94.5022973 94.9438838,94.1685153 C94.383614,93.0665522 93.7526762,92.0087715 93.0583185,91 L85,99.2558129 C86.1709132,101.571866 86.8348294,104.200167 86.8348294,106.988119"/>
<g opacity=".8" transform="translate(85 91)">
<mask id="D" fill="white">
<use xlink:href="#C"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M1.86297222,16.7581364 C1.86297222,16.7623864 1.86297222,16.7666364 1.86297222,16.7705 L12.9884444,16.7705 C12.9884444,15.7682727 12.9396944,14.7776364 12.8468889,13.8009091 C12.8382222,13.7101136 12.8291944,13.6193182 12.8198056,13.5281364 C12.7241111,12.6112955 12.5883333,11.7072045 12.415,10.8181818 C12.3962222,10.7231364 12.3770833,10.6284773 12.3575833,10.5338182 C12.1651111,9.59611364 11.9311111,8.67502273 11.6555833,7.77363636 C11.54075,7.39577273 11.4179722,7.02177273 11.2886944,6.65086364 C11.1594167,6.28072727 11.0229167,5.91368182 10.8806389,5.5505 C10.7376389,5.18731818 10.5877778,4.828 10.4314167,4.47254545 C10.2754167,4.11709091 10.1125556,3.76511364 9.94319444,3.41777273 C9.38491667,2.27104545 8.75622222,1.17029545 8.06433333,0.120545455 L0.0346666667,8.71172727 C1.20141667,11.1218636 1.86297222,13.8569318 1.86297222,16.7581364" mask="url(#D)"/>
</g>
<g opacity=".8" transform="translate(74 98)">
<mask id="F" fill="white">
<use xlink:href="#E"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M8.98481481,0.1272 L0.0633333333,9.7624 L1.94,9.7624 L9.66481481,1.4192 C9.45333333,0.978 9.22777778,0.5464 8.98481481,0.1272" mask="url(#F)"/>
</g>
<path fill="#E5E5E5" fill-rule="nonzero" d="M87,106.987727 C87,104.107681 86.2932099,101.392559 85.0466821,99 L77,107 L87,107 C87,106.996165 87,106.991946 87,106.987727"/>
<g opacity=".8" transform="translate(77 99)">
<mask id="H" fill="white">
<use xlink:href="#G"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M9.68851852,7.77236364 C9.68851852,5.04181818 9.01,2.46763636 7.81333333,0.199272727 L0.0885185185,7.784 L9.68851852,7.784 C9.68851852,7.78036364 9.68851852,7.77636364 9.68851852,7.77236364" mask="url(#H)"/>
</g>
<path fill="#FFFFFF" fill-rule="nonzero" d="M68.775396,91 C59.5100081,91 52,98.6056081 52,107.988017 L52,108 L74.0925661,108 L83,98.9800656 C80.0335671,94.187383 74.7722349,91 68.775396,91"/>
<path fill="#E6F9FF" fill-rule="nonzero" d="M68.775396,91 C59.5100081,91 52,98.6056081 52,107.988017 L52,108 L74.0925661,108 L83,98.9800656 C80.0335671,94.187383 74.7722349,91 68.775396,91"/>
<path fill="#A1D1E1" fill-rule="nonzero" d="M69.6621521,5.61943738e-15 C67.0874895,5.61943738e-15 65,2.0874895 65,4.66175671 C65,5.97103455 65.5405566,7.15298305 66.4089269,8 L73,1.40892689 C72.1533785,0.540556572 70.9706391,0 69.6621521,0"/>
<path fill="#FFFFFF" fill-rule="nonzero" d="M69.2881695,10 C71.8900879,10 74,7.89008793 74,5.28776978 C74,4.00839329 73.4896083,2.84932054 72.6618705,2 L66,8.6618705 C66.8489209,9.48920863 68.0083933,10 69.2881695,10"/>
<rect width="69" height="2" x="37" y="104" fill="#7DACBC" fill-rule="nonzero"/>
<path stroke="#124354" stroke-width=".35" d="M19,117 L112,117"/>
<path stroke="#124354" stroke-width=".2" d="M93 114L105 114M43 102L99 102"/>
</g>
<g transform="translate(0 125)">
<path fill="#083749" d="M9.69026549,71.5474925 L23.7205739,55.0943675 C23.7205739,55.0943675 53.6893783,54.8671878 53.3787758,55.5000003 L40.3447707,71.5474925 L9.69026549,71.5474925 Z" opacity=".2"/>
<g opacity=".56" transform="translate(0 9.492)">
<mask id="J" fill="white">
<use xlink:href="#I"/>
</mask>
<path stroke="#E5E5E5" stroke-width=".14" d="M0.0346,35.7707547 C0.0346,16.0441981 16.3596,0.0528961901 36.4978,0.0528961901 C56.6356,0.0528961901 72.961,16.0441981 72.961,35.7707547 C72.961,55.4973112 56.6356,71.4886131 36.4978,71.4886131 C16.3596,71.4886131 0.0346,55.4973112 0.0346,35.7707547 Z" mask="url(#J)"/>
</g>
<path fill="#39BA91" fill-rule="nonzero" d="M36.6742088,17.71875 C32.4750753,17.71875 29.0707965,21.0535843 29.0707965,25.1668249 C29.0707965,27.5352441 30.2007141,29.6439415 31.9598917,31.0078125 L42.6371681,20.5489388 C41.2448167,18.8255553 39.0920854,17.71875 36.6742088,17.71875"/>
<path stroke="#A9CAD3" stroke-width=".2" d="M30.3628319,32.6982132 C32.0621511,34.0160891 34.2084103,34.8046875 36.5439873,34.8046875 C42.0499949,34.8046875 46.5132743,30.4325882 46.5132743,25.0394493 C46.5132743,22.7513923 45.7078349,20.6491723 44.3624747,18.984375"/>
<rect width="1" height="44.93" x="36.177" y="2.531" fill="#E5E5E5" fill-rule="nonzero"/>
<g opacity=".16" transform="translate(24.549 13.29)">
<mask id="L" fill="white">
<use xlink:href="#K"/>
</mask>
<path fill="#FFFFFF" fill-rule="nonzero" d="M0.0538679374,12.9439302 C0.0538679374,15.9317788 1.0737808,18.6776678 2.77747856,20.8512875 L20.506192,2.94206701 C18.3544561,1.22124294 15.6362124,0.190957257 12.6784452,0.190957257 C5.70622464,0.190957257 0.0538679374,5.90059931 0.0538679374,12.9439302" mask="url(#L)"/>
</g>
<g opacity=".13" transform="translate(23.257 12.656)">
<mask id="N" fill="white">
<use xlink:href="#M"/>
</mask>
<path stroke="#FFFFFF" stroke-width=".2" d="M22.4783573,3.05550436 C20.1364574,1.23933248 17.1782681,0.152099004 13.9591562,0.152099004 C6.37079215,0.152099004 0.219302999,6.17784603 0.219302999,13.6110969 C0.219302999,16.7644071 1.32942439,19.6617364 3.18369528,21.9561577" mask="url(#N)"/>
</g>
<path fill="#FFFFFF" fill-rule="nonzero" d="M45.2212389,25.7266141 C45.2212389,23.8964328 44.5768464,22.2145047 43.5007597,20.8828125 L32.300885,31.8537515 C33.6603662,32.907842 35.3773919,33.5390625 37.2459676,33.5390625 C41.6504675,33.5390625 45.2212389,30.041281 45.2212389,25.7266141"/>
<g opacity=".67" transform="translate(36.823 25.945)">
<mask id="P" fill="white">
<use xlink:href="#O"/>
</mask>
<polygon fill="#E5F5F9" fill-rule="nonzero" points=".618 7.378 .041 7.402 .041 .551 .609 .018" mask="url(#P)"/>
</g>
<path fill="#FFFFFF" fill-rule="nonzero" d="M52.1885335,44.5356642 C53.7176599,46.4656534 54.8685466,48.6852094 55.525027,51.0435854 C56.1982738,53.3980509 56.3579528,55.8842977 56.0597522,58.3081733 C55.7575596,60.733613 54.9579668,63.0984412 53.7224503,65.2218008 C52.4893289,67.346529 50.8254734,69.2293975 48.8574292,70.731782 C46.8909819,72.2361216 44.6197472,73.3578264 42.2127853,74.0046103 C39.8064222,74.6513943 37.2697211,74.8314692 34.7930993,74.5295846 C32.3154794,74.232979 29.8999348,73.4499169 27.7298967,72.2404231 C25.5570642,71.0352308 23.6355266,69.4004785 22.102009,67.4710759 C20.5678927,65.5416733 19.4245908,63.3152741 18.7655156,60.9565071 C18.1034464,58.5983266 17.9285978,56.1130574 18.2337844,53.6870312 C18.5379729,51.2606138 19.3395617,48.8951991 20.5768746,46.7724261 C21.8117924,44.6480889 23.4774443,42.7658069 25.4462869,41.2647911 C27.4137322,39.7618201 29.6857653,38.641875 32.092328,37.9968508 C34.4986911,37.3451788 37.0335958,37.1854381 39.510018,37.4734407 C41.9860411,37.7774761 44.3961966,38.56308 46.5670331,39.7672947 C48.730684,40.9844138 50.649028,42.6127138 52.1885335,44.5356642 M52.1885335,44.5356642 C50.6476308,42.6134959 48.7284884,40.9871511 46.5646379,39.7717917 C44.3936018,38.5691412 41.9834463,37.7852969 39.5086208,37.4834123 C37.0333962,37.1971693 34.5002878,37.3584743 32.09632,38.0115149 C29.6921525,38.6573212 27.4231133,39.7776573 25.4588616,41.2804328 C23.4928135,42.7814486 21.8309539,44.6623619 20.5990301,46.7847439 C19.3649108,48.9057572 18.5659168,51.2678481 18.2641234,53.6909416 C17.9611324,56.1130574 18.1375778,58.5942207 18.7998466,60.9475131 C19.4591214,63.3010011 20.6018245,65.5223167 22.1339448,67.4466358 C23.6634704,69.372519 25.5794193,71.0059026 27.7474614,72.2099218 C29.9125095,73.4186335 32.3234634,74.2018912 34.7968917,74.4996698 C37.2695215,74.8031187 39.8024303,74.6246079 42.205999,73.9803657 C44.6101665,73.3361235 46.8794052,72.2175471 48.8448545,70.7159448 C50.8119006,69.2164931 52.4757562,67.3363619 53.7088776,65.2141754 C54.9451925,63.0937487 55.7459829,60.7310712 56.0495727,58.3068046 C56.3491704,55.8844932 56.191687,53.399224 55.520037,51.044954 C54.8655526,48.6863825 53.7164623,46.466631 52.1885335,44.5356642"/>
<path fill="#FFFFFF" fill-rule="nonzero" d="M26.4867257,40.1836914 C26.4867257,39.6594187 26.9204396,39.234375 27.4556525,39.234375 C27.9908654,39.234375 28.4247788,39.6594187 28.4247788,40.1836914 C28.4247788,40.7079641 27.9908654,41.1328125 27.4556525,41.1328125 C26.9204396,41.1328125 26.4867257,40.7079641 26.4867257,40.1836914"/>
<path fill="#7DACBC" fill-rule="nonzero" d="M50.3893805 49.359375C50.5014302 49.5677627 50.6089405 49.778932 50.7123894 49.9921875 50.6089405 49.778932 50.5014302 49.5677627 50.3893805 49.359375M50.3893805 49.359375C50.0192745 48.4648349 49.586138 47.6176202 49.0973451 46.828125 49.586138 47.6176202 50.0192745 48.4648349 50.3893805 49.359375M51.6814159 51.890625C51.9349712 52.3039373 52.1503105 52.7262847 52.3274336 53.15625 52.1503105 52.7262847 51.9349712 52.3039373 51.6814159 51.890625M51.6814159 53.15625C51.8201773 53.5713894 51.9284227 53.9935651 52.0044248 54.421875 51.9284227 53.9935651 51.8201773 53.5713894 51.6814159 53.15625M51.0353982 50.625C51.1482086 50.8337904 51.2561638 51.0445798 51.3584071 51.2578125 51.2561638 51.0445798 51.1482086 50.8337904 51.0353982 50.625"/>
<path fill="#A1D1E1" fill-rule="nonzero" d="M49.0973451,47.4609375 C48.3337275,46.5321613 47.4665804,45.6837282 46.5132743,44.9296875 C47.4665804,45.6837282 48.3337275,46.5321613 49.0973451,47.4609375"/>
<g opacity=".8" transform="translate(52.327 54.422)">
<mask id="R" fill="white">
<use xlink:href="#Q"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M0.161827434,0.00474609375 C0.170548673,0.0791015625 0.178623894,0.153773437 0.186376106,0.2278125 C0.178623894,0.153773437 0.170548673,0.0791015625 0.161827434,0.00474609375" mask="url(#R)"/>
</g>
<path fill="#E6F9FF" fill-rule="nonzero" d="M0.0478053097,2.40794196 L2.46151201,0.0435736607 L0.0478053097,2.40794196 Z" opacity=".8" transform="translate(44.575 48.727)"/>
<g opacity=".8" transform="translate(51.681 53.156)">
<mask id="T" fill="white">
<use xlink:href="#S"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M0.0717079646,0.08353125 C0.0888274336,0.161050781 0.106269912,0.238570313 0.122420354,0.31640625 C0.106269912,0.238570313 0.0888274336,0.161050781 0.0717079646,0.08353125" mask="url(#T)"/>
</g>
<path fill="#7DACBC" fill-rule="nonzero" d="M47.2637239,48.5306363 L44.5752212,51.0488741 C45.4737871,52.3920497 45.9936849,53.9795968 45.9936849,55.6813378 C45.9936849,55.683456 45.9934793,55.6855743 45.9934793,55.6875 L52.3274336,55.6875 C52.3274336,55.1879734 52.2996811,54.694224 52.2468484,54.2074071 C52.2419147,54.1621531 52.2365697,54.1168992 52.2314304,54.0718378 C52.1769531,53.614484 52.0996571,53.1638703 52.0005703,52.7207667 C51.9902915,52.6733945 51.9791905,52.6262149 51.9682951,52.5790352 C51.8587239,52.1116678 51.7255116,51.652581 51.5686583,51.2033152 C51.5028745,51.0149817 51.4331848,50.828574 51.3595891,50.6437068 C51.2859935,50.4592247 51.2084919,50.2762833 51.1270844,50.0952675 C51.045677,49.9142517 50.9603636,49.7351616 50.8715554,49.5579972 C50.7825417,49.3808328 50.6898276,49.2054015 50.5936187,49.0322811 C50.1602678,48.2533355 49.6533212,47.5155999 49.081002,46.828125 L47.2637239,48.5306363 L47.2637239,48.5306363 Z"/>
<path fill="#39BA91" fill-rule="nonzero" d="M36.5181017,47.7487823 C39.7229428,47.7487823 42.534713,49.4745332 44.1200392,52.0694446 L46.7043462,49.4179678 L48.4513274,47.6255144 C47.7997667,46.7677075 47.0598687,45.9841047 46.2464553,45.2876815 C46.1302534,45.1883373 46.0124705,45.090615 45.8933042,44.9947174 C43.3789555,42.9723531 40.2112675,41.765625 36.7684892,41.765625 C36.1297739,41.765625 35.5005444,41.8069846 34.8827771,41.8876765 C34.6359468,41.9197099 34.3908952,41.9582311 34.1476221,42.0028347 C33.7832065,42.0695372 33.4233363,42.1500263 33.0686043,42.2436937 C26.8014079,43.8980789 22.1398928,49.6570022 21.9693447,56.5610195 C21.9661827,56.6913834 21.9646018,56.8219501 21.9646018,56.953125 L27.5529655,56.953125 L27.5529655,56.9466372 C27.5529655,51.8667013 31.5664771,47.7487823 36.5181017,47.7487823"/>
<g opacity=".8" transform="translate(21.965 41.133)">
<mask id="V" fill="white">
<use xlink:href="#U"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M14.8311595,5.99666447 C18.0905054,5.99666447 20.9500956,7.69766447 22.5623835,10.2553594 L25.1906419,7.64191036 L26.9673341,5.87516447 C26.3046922,5.02966036 25.5522108,4.25729605 24.7249636,3.57086102 C24.6067854,3.47294161 24.4869994,3.37662089 24.3658065,3.28209868 C21.8086962,1.28873931 18.5871351,0.0993182566 15.0858053,0.0993182566 C14.4362273,0.0993182566 13.7962966,0.140084704 13.1680228,0.219619243 C12.9169947,0.251193257 12.6677754,0.289162007 12.420365,0.333125822 C12.0497518,0.398871711 11.6837613,0.478206414 11.3229963,0.570530428 C4.94921337,2.20118832 0.208419666,7.87751645 0.0349710914,14.6825156 C0.0317553589,14.8110099 0.0301474926,14.9397039 0.0301474926,15.0689975 L5.7135528,15.0689975 L5.7135528,15.0626028 C5.7135528,10.0555238 9.79532232,5.99666447 14.8311595,5.99666447" mask="url(#V)"/>
</g>
<path fill="#A1D1E1" fill-rule="nonzero" d="M49.0973451,46.828125 L47.159292,48.7265625 L49.0973451,46.828125 Z"/>
<g opacity=".8" transform="translate(47.16 46.828)">
<mask id="X" fill="white">
<use xlink:href="#W"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M1.77855133,0.0759375 L0.0653123894,1.75434609 L1.77855133,0.0759375 Z" mask="url(#X)"/>
</g>
<path fill="#FFFFFF" fill-rule="nonzero" d="M44.5752212,51.2578125 L39.4070796,56.3203125 L44.5752212,51.2578125 Z"/>
<g opacity=".8" transform="translate(39.407 51.258)">
<mask id="Z" fill="white">
<use xlink:href="#Y"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M5.01495788,0.064395 L0.0353500885,4.942215 L5.01495788,0.064395 Z" mask="url(#Z)"/>
</g>
<path fill="#FFFFFF" fill-rule="nonzero" d="M45.8672566,56.3135872 C45.8672566,54.4563424 45.3398187,52.7235164 44.4287894,51.2578125 L39.4070796,56.3203125 L45.8672566,56.3203125 C45.8672566,56.3182108 45.8672566,56.315899 45.8672566,56.3135872"/>
<g opacity=".8" transform="translate(44.575 46.828)">
<mask id="ab" fill="white">
<use xlink:href="#aa"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M5.03025558,0.644689904 C4.88637451,0.452314904 4.73794549,0.263055288 4.58455504,0.0776899038 L2.75710018,1.79932933 L0.0535419469,4.34557212 C0.189153982,4.54962981 0.315256637,4.75991827 0.433090265,4.9746851 L5.03025558,0.644689904 L5.03025558,0.644689904 Z" mask="url(#ab)"/>
</g>
<path fill="#E5E5E5" fill-rule="nonzero" d="M46.2242124,55.6813913 C46.2242124,55.6834911 46.2242124,55.685591 46.2242124,55.6875 L52.3274336,55.6875 C52.3274336,55.1923103 52.3006903,54.7028476 52.249779,54.2202572 C52.2450246,54.1753962 52.2400721,54.1305351 52.2349216,54.0854832 C52.1824254,53.632482 52.1079403,53.1857805 52.012853,52.746524 C52.0025518,52.699563 51.9920526,52.652793 51.9813553,52.606023 C51.8757687,52.1427133 51.7474008,51.6876122 51.5962515,51.242247 C51.5332561,51.0555486 51.4659026,50.8707593 51.3949833,50.6874971 C51.324064,50.5046167 51.2491827,50.3232635 51.1711318,50.1438193 C51.0926848,49.9643751 51.0104738,49.7868399 50.9246971,49.6112136 C50.8391185,49.4355874 50.749776,49.2616792 50.6568677,49.0900618 C50.3506072,48.5234763 50.0057175,47.9796076 49.6261605,47.4609375 L45.2212389,51.7057475 C45.8612957,52.8965699 46.2242124,54.2479375 46.2242124,55.6813913"/>
<g opacity=".8" transform="translate(45.221 47.46)">
<mask id="ad" fill="white">
<use xlink:href="#ac"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M1.01835718,8.73333026 C1.01835718,8.7355451 1.01835718,8.73775994 1.01835718,8.73977344 L7.09987807,8.73977344 C7.09987807,8.21747301 7.07322984,7.70121307 7.02249951,7.1922017 C7.01776205,7.14488459 7.01282719,7.09756747 7.00769494,7.05004901 C6.95538545,6.5722468 6.88116519,6.10108913 6.78641593,5.63778409 C6.77615143,5.58825213 6.76568953,5.53892152 6.75503024,5.48959091 C6.64981908,5.00091584 6.52190757,4.52089879 6.37129572,4.05115057 C6.30852434,3.85423082 6.24141028,3.65932457 6.17074312,3.46602912 C6.10007596,3.27313636 6.02546091,3.0818544 5.94768756,2.89258594 C5.86951942,2.70331747 5.78760079,2.5160625 5.70212906,2.33082102 C5.61685472,2.14557955 5.52782989,1.96215021 5.43525197,1.78113707 C5.13008038,1.18353196 4.78641691,0.609887429 4.40820944,0.0628210227 L0.0189498525,4.54002699 C0.656730826,5.79604474 1.01835718,7.22139737 1.01835718,8.73333026" mask="url(#ad)"/>
</g>
<g opacity=".8" transform="translate(39.407 51.258)">
<mask id="af" fill="white">
<use xlink:href="#ae"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M4.64347951,0.064395 L0.0327315634,4.942215 L1.00261947,4.942215 L4.99491314,0.71847 C4.88561652,0.4951125 4.76904621,0.276615 4.64347951,0.064395" mask="url(#af)"/>
</g>
<path fill="#E5E5E5" fill-rule="nonzero" d="M45.8672566,55.6816749 C45.8672566,54.3147781 45.5019775,53.026156 44.8577543,51.890625 L40.699115,55.6875 L45.8672566,55.6875 C45.8672566,55.6856797 45.8672566,55.6836773 45.8672566,55.6816749"/>
<g opacity=".8" transform="translate(40.7 51.89)">
<mask id="ah" fill="white">
<use xlink:href="#ag"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M5.00716355,4.30364276 C5.00716355,2.79170987 4.65649558,1.36635724 4.0380413,0.110339489 L0.0457476237,4.31008594 L5.00716355,4.31008594 C5.00716355,4.30807244 5.00716355,4.3058576 5.00716355,4.30364276" mask="url(#ah)"/>
</g>
<path fill="#FFFFFF" fill-rule="nonzero" d="M36.8680279,47.4609375 C31.8478434,47.4609375 27.7787611,51.4245218 27.7787611,56.3140679 L27.7787611,56.3203125 L39.7489839,56.3203125 L44.5752212,51.6196666 C42.9679447,49.1220093 40.1172429,47.4609375 36.8680279,47.4609375"/>
<g opacity=".8" transform="translate(27.779 47.46)">
<mask id="aj" fill="white">
<use xlink:href="#ai"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M9.04894472,0.00154076087 C4.09774347,0.00154076087 0.0845751171,3.91334001 0.0845751171,8.73900306 L0.0845751171,8.7451661 L11.890313,8.7451661 L16.6502322,4.10593512 C15.0650415,1.64091033 12.2535117,0.00154076087 9.04894472,0.00154076087" mask="url(#aj)"/>
</g>
<path fill="#39BA91" fill-rule="nonzero" d="M36.4978127,2.66703766e-15 C35.2503544,2.66703766e-15 34.2389381,0.990742085 34.2389381,2.21251344 C34.2389381,2.83390898 34.5008449,3.39487281 34.9215818,3.796875 L38.1150442,0.668689913 C37.7048449,0.256553217 37.131792,0 36.4978127,0"/>
<path fill="#074354" fill-rule="nonzero" d="M36.4781175,4.4296875 C37.7387815,4.4296875 38.7610619,3.42830345 38.7610619,2.19321886 C38.7610619,1.58601478 38.5137704,1.03590799 38.1127204,0.6328125 L34.8849558,3.7945987 C35.2962692,4.18726113 35.858049,4.4296875 36.4781175,4.4296875"/>
<rect width="36.823" height="1" x="19.381" y="54.422" fill="#7DACBC" fill-rule="nonzero"/>
</g>
<g transform="translate(91 94)">
<path fill="#083749" d="M31.7789438,101.959453 L0,101.959453 L38.7531186,56.3850932 C38.7531186,56.3850932 68.6713503,56.7911925 68.361272,56.7911925 L31.7789438,101.959453 Z" opacity=".2"/>
<g opacity=".56" transform="translate(16.123 9.503)">
<mask id="al" fill="white">
<use xlink:href="#ak"/>
</mask>
<path stroke="#E5E5E5" stroke-width=".14" d="M0.0345416121,35.8118989 C0.0345416121,16.0626524 16.331993,0.0529570322 36.4362095,0.0529570322 C56.5400267,0.0529570322 72.8378774,16.0626524 72.8378774,35.8118989 C72.8378774,55.5611453 56.5400267,71.5708407 36.4362095,71.5708407 C16.331993,71.5708407 0.0345416121,55.5611453 0.0345416121,35.8118989 Z" mask="url(#al)"/>
</g>
<path fill="#39BA91" fill-rule="nonzero" d="M52.735509,17.7391304 C48.5434616,17.7391304 45.1449275,21.0778006 45.1449275,25.1957723 C45.1449275,27.5669156 46.2729384,29.6780385 48.0291474,31.0434783 L58.6884058,20.5725746 C57.298404,18.8472088 55.1493054,17.7391304 52.735509,17.7391304"/>
<path stroke="#A9CAD3" stroke-width=".2" d="M46.4347826,32.7358233 C48.1312343,34.055215 50.2738716,34.8447205 52.6055072,34.8447205 C58.1022234,34.8447205 62.557971,30.4675923 62.557971,25.0682501 C62.557971,22.7775614 61.7538908,20.6729234 60.4108009,19.0062112"/>
<rect width="1" height="44.981" x="52.239" y="2.534" fill="#E5E5E5" fill-rule="nonzero"/>
<g opacity=".16" transform="translate(40.63 13.304)">
<mask id="an" fill="white">
<use xlink:href="#am"/>
</mask>
<path fill="#FFFFFF" fill-rule="nonzero" d="M0.0537770346,12.9588186 C0.0537770346,15.9501038 1.07196878,18.6991512 2.77279153,20.875271 L20.4715875,2.94545103 C18.3234827,1.22264763 15.6098261,0.191176899 12.6570502,0.191176899 C5.69659532,0.191176899 0.0537770346,5.90738629 0.0537770346,12.9588186" mask="url(#an)"/>
</g>
<g opacity=".13" transform="translate(39.34 12.67)">
<mask id="ap" fill="white">
<use xlink:href="#ao"/>
</mask>
<path stroke="#FFFFFF" stroke-width=".2" d="M22.4404248,3.05901885 C20.1024769,1.24075798 17.1492795,0.152273952 13.9355999,0.152273952 C6.36004136,0.152273952 0.218932923,6.1849519 0.218932923,13.6267526 C0.218932923,16.7836899 1.32718097,19.6843517 3.17832275,21.9814121" mask="url(#ap)"/>
</g>
<path fill="#FFFFFF" fill-rule="nonzero" d="M61.2681159,25.7562053 C61.2681159,23.9239189 60.6248109,22.2400563 59.5505401,20.9068323 L48.3695652,31.8903902 C49.7267523,32.9456932 51.4408805,33.5776398 53.306303,33.5776398 C57.7033702,33.5776398 61.2681159,30.075835 61.2681159,25.7562053"/>
<g opacity=".67" transform="translate(52.884 25.975)">
<mask id="ar" fill="white">
<use xlink:href="#aq"/>
</mask>
<polygon fill="#E5F5F9" fill-rule="nonzero" points=".617 7.386 .041 7.41 .041 .552 .608 .018" mask="url(#ar)"/>
</g>
<path fill="#FFFFFF" fill-rule="nonzero" d="M68.2236532,44.58689 C69.7501991,46.5190991 70.8991436,48.741208 71.5545162,51.1022966 C72.2266269,53.4594703 72.3860365,55.9485769 72.0883391,58.3752404 C71.7866564,60.8034699 70.988413,63.1710182 69.7549814,65.2968201 C68.5239409,67.4239922 66.8628932,69.3090265 64.8981701,70.813139 C62.9350412,72.3192089 60.6676392,73.4422039 58.2647391,74.0897318 C55.8624368,74.7372597 53.3300164,74.9175418 50.8575739,74.6153099 C48.3841351,74.3183632 45.9726667,73.5344003 43.8062906,72.3235154 C41.6371247,71.1169368 39.7188298,69.4803043 38.1879,67.5486824 C36.6563725,65.6170606 35.515,63.3881005 34.8570369,61.0266204 C34.196085,58.6657275 34.0215315,56.1775997 34.326203,53.748783 C34.6298783,51.3195747 35.4301144,48.9514392 36.6653393,46.8262246 C37.8981731,44.699444 39.5610143,42.8149969 41.5265343,41.3122546 C43.4906596,39.8075549 45.7588586,38.6863216 48.1613602,38.0405555 C50.5636625,37.3881339 53.0942895,37.2282094 55.5665328,37.5165433 C58.0383775,37.8209284 60.4444658,38.607436 62.611639,39.8130358 C64.7716388,41.0315548 66.6867456,42.6617278 68.2236532,44.58689 M68.2236532,44.58689 C66.6853507,42.6625108 64.7694469,41.0342953 62.6092479,39.8175379 C60.4418754,38.6135041 58.0357871,37.8287583 55.565138,37.5265264 C53.0940903,37.2399542 50.5652566,37.4014447 48.1653454,38.0552364 C45.765235,38.7017856 43.5000249,39.8234103 41.5390879,41.3279143 C39.5763574,42.8306566 37.9173023,44.7137334 36.6874574,46.8385566 C35.4554206,48.9620095 34.657775,51.3268173 34.3564909,53.7526979 C34.0540112,56.1775997 34.2301588,58.6616169 34.89131,61.0176161 C35.5494723,63.3738111 36.6902471,65.5976817 38.2197819,67.5242142 C39.7467264,69.4523126 41.6594421,71.0875749 43.8238256,72.292979 C45.9852202,73.5030809 48.3921055,74.2872395 50.8613599,74.5853607 C53.3298172,74.8891586 55.8584516,74.7104425 58.2579642,74.0654593 C60.6580747,73.4204761 62.923484,72.3006131 64.8856166,70.7972836 C66.8493433,69.2961072 68.5103911,67.4138134 69.7414316,65.289186 C70.9756602,63.1663203 71.7750992,60.8009252 72.0781767,58.3738702 C72.3772689,55.9487726 72.2200512,53.4606448 71.5495347,51.1036669 C70.8961547,48.7423825 69.7490035,46.5200778 68.2236532,44.58689"/>
<path fill="#FFFFFF" fill-rule="nonzero" d="M42.5652174,40.2299114 C42.5652174,39.7050357 42.9981994,39.2795031 43.5325092,39.2795031 C44.0668189,39.2795031 44.5,39.7050357 44.5,40.2299114 C44.5,40.7547872 44.0668189,41.1801242 43.5325092,41.1801242 C42.9981994,41.1801242 42.5652174,40.7547872 42.5652174,40.2299114"/>
<path fill="#7DACBC" fill-rule="nonzero" d="M66.4275362 49.4161491C66.5393968 49.6247765 66.6467257 49.8361887 66.75 50.0496894 66.6467257 49.8361887 66.5393968 49.6247765 66.4275362 49.4161491M66.4275362 49.4161491C66.0580547 48.52058 65.6256492 47.6723909 65.1376812 46.8819876 65.6256492 47.6723909 66.0580547 48.52058 66.4275362 49.4161491M67.7173913 51.9503106C67.9705187 52.3640983 68.1854946 52.7869315 68.3623188 53.2173913 68.1854946 52.7869315 67.9705187 52.3640983 67.7173913 51.9503106M67.7173913 53.2173913C67.8559185 53.6330082 67.9639812 54.0556695 68.0398551 54.484472 67.9639812 54.0556695 67.8559185 53.6330082 67.7173913 53.2173913M67.0724638 50.6832298C67.1850837 50.8922603 67.2928568 51.1032922 67.3949275 51.3167702 67.2928568 51.1032922 67.1850837 50.8922603 67.0724638 50.6832298"/>
<path fill="#A1D1E1" fill-rule="nonzero" d="M65.1376812,47.515528 C64.3753522,46.5856834 63.5096683,45.7362745 62.557971,44.9813665 C63.5096683,45.7362745 64.3753522,46.5856834 65.1376812,47.515528"/>
<g opacity=".8" transform="translate(68.362 54.484)">
<mask id="at" fill="white">
<use xlink:href="#as"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M0.161554348,0.0047515528 C0.17026087,0.0791925466 0.178322464,0.153950311 0.186061594,0.228074534 C0.178322464,0.153950311 0.17026087,0.0791925466 0.161554348,0.0047515528" mask="url(#at)"/>
</g>
<path fill="#E6F9FF" fill-rule="nonzero" d="M0.0477246377,2.41071162 L2.45735818,0.0436237799 L0.0477246377,2.41071162 Z" opacity=".8" transform="translate(60.623 48.783)"/>
<g opacity=".8" transform="translate(67.717 53.217)">
<mask id="av" fill="white">
<use xlink:href="#au"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M0.0715869565,0.0836273292 C0.0886775362,0.161236025 0.10609058,0.23884472 0.122213768,0.316770186 C0.10609058,0.23884472 0.0886775362,0.161236025 0.0715869565,0.0836273292" mask="url(#av)"/>
</g>
<path fill="#7DACBC" fill-rule="nonzero" d="M63.3071541,48.5864571 L60.6231884,51.1075914 C61.520238,52.4523121 62.0392584,54.0416851 62.0392584,55.7453835 C62.0392584,55.7475042 62.0390532,55.7496249 62.0390532,55.7515528 L68.3623188,55.7515528 C68.3623188,55.2514517 68.3346131,54.7571343 68.2818696,54.2697574 C68.2769442,54.2244514 68.2716083,54.1791454 68.2664776,54.1340322 C68.2120923,53.6761524 68.1349267,53.2250203 68.0360071,52.7814071 C68.0257457,52.7339804 68.0146634,52.6867465 68.0037863,52.6395126 C67.8944001,52.1716076 67.7614126,51.7119927 67.604824,51.2622102 C67.5391512,51.0736601 67.4695791,50.887038 67.3961076,50.7019581 C67.3226361,50.5172639 67.2452654,50.334112 67.1639952,50.152888 C67.0827251,49.971664 66.9975557,49.7923679 66.9088974,49.6149997 C66.8200339,49.4376315 66.7274763,49.2619985 66.6314298,49.088679 C66.1988101,48.3088374 65.692719,47.5702532 65.1213656,46.8819876 L63.3071541,48.5864571 L63.3071541,48.5864571 Z"/>
<path fill="#39BA91" fill-rule="nonzero" d="M52.5796654,47.8037038 C55.7790982,47.8037038 58.5861236,49.5314397 60.1687745,52.1293358 L62.7487204,49.4748093 L64.4927536,47.6802941 C63.8422924,46.8215006 63.103643,46.0369964 62.2916022,45.3397722 C62.1755964,45.2403137 62.0580123,45.142479 61.9390471,45.0464712 C59.4289414,43.0217807 56.2665989,41.8136646 52.8296303,41.8136646 C52.1919928,41.8136646 51.5638252,41.8550718 50.9471004,41.9358564 C50.7006866,41.9679267 50.4560485,42.0064923 50.213186,42.0511471 C49.8493854,42.1179264 49.4901224,42.198508 49.135989,42.2922832 C42.8793686,43.9485713 38.2257198,49.7141186 38.0554596,56.626077 C38.0523029,56.7565909 38.0507246,56.8873078 38.0507246,57.0186335 L43.629658,57.0186335 L43.629658,57.0121383 C43.629658,51.9263593 47.6363966,47.8037038 52.5796654,47.8037038"/>
<g opacity=".8" transform="translate(38.05 41.18)">
<mask id="ax" fill="white">
<use xlink:href="#aw"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M14.8061317,6.00356195 C18.0599775,6.00356195 20.914742,7.70651847 22.5243092,10.2671553 L25.1481324,7.65070023 L26.9218264,5.8819222 C26.2603027,5.03544557 25.5090911,4.26219287 24.6832399,3.57496829 C24.5652612,3.47693625 24.4456773,3.38050474 24.3246889,3.28587381 C21.7718937,1.29022164 18.5557691,0.0994324943 15.0603478,0.0994324943 C14.411866,0.0994324943 13.7730151,0.140245832 13.1458016,0.219871854 C12.8951971,0.251482184 12.6463984,0.289494606 12.3994055,0.33350899 C12.0294177,0.3993305 11.6640448,0.478756456 11.3038886,0.571186662 C4.94086151,2.20372017 0.208067955,7.88657731 0.0349120773,14.6994037 C0.0317017713,14.8280458 0.0300966184,14.9568879 0.0300966184,15.0863302 L5.70391111,15.0863302 L5.70391111,15.0799281 C5.70391111,10.0670899 9.77879259,6.00356195 14.8061317,6.00356195" mask="url(#ax)"/>
</g>
<path fill="#A1D1E1" fill-rule="nonzero" d="M65.1376812,46.8819876 L63.2028986,48.7826087 L65.1376812,46.8819876 Z"/>
<g opacity=".8" transform="translate(63.203 46.882)">
<mask id="az" fill="white">
<use xlink:href="#ay"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M1.77555,0.0760248447 L0.0652021739,1.75636398 L1.77555,0.0760248447 Z" mask="url(#az)"/>
</g>
<path fill="#FFFFFF" fill-rule="nonzero" d="M60.6231884,51.3167702 L55.4637681,56.3850932 L60.6231884,51.3167702 Z"/>
<g opacity=".8" transform="translate(55.464 51.317)">
<mask id="aB" fill="white">
<use xlink:href="#aA"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M5.00649507,0.0644690683 L0.0352904348,4.94789963 L5.00649507,0.0644690683 Z" mask="url(#aB)"/>
</g>
<path fill="#FFFFFF" fill-rule="nonzero" d="M61.9130435,56.3783601 C61.9130435,54.5189791 61.3864956,52.7841599 60.4770037,51.3167702 L55.4637681,56.3850932 L61.9130435,56.3850932 C61.9130435,56.3829891 61.9130435,56.3806746 61.9130435,56.3783601"/>
<g opacity=".8" transform="translate(60.623 46.882)">
<mask id="aD" fill="white">
<use xlink:href="#aC"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M5.02176696,0.645431438 C4.8781287,0.452835165 4.72995014,0.26335786 4.57681855,0.0777792642 L2.75244754,1.80139895 L0.0534515942,4.35057047 C0.188834783,4.55486288 0.314724638,4.76539322 0.43235942,4.98040707 L5.02176696,0.645431438 L5.02176696,0.645431438 Z" mask="url(#aD)"/>
</g>
<path fill="#E5E5E5" fill-rule="nonzero" d="M62.2693969,55.745437 C62.2693969,55.7475393 62.2693969,55.7496416 62.2693969,55.7515528 L68.3623188,55.7515528 C68.3623188,55.2557936 68.3356207,54.7657679 68.2847952,54.2826224 C68.2800489,54.2377097 68.2751048,54.1927971 68.2699629,54.1476933 C68.2175553,53.6941711 68.1431959,53.2469557 68.048269,52.807194 C68.0379853,52.760179 68.0275038,52.7133552 68.0168245,52.6665314 C67.9114161,52.2026888 67.7832648,51.7470643 67.6323706,51.3011867 C67.5694815,51.1142737 67.5022417,50.9292718 67.431442,50.7457988 C67.3606424,50.5627081 67.2858875,50.3811463 67.2079683,50.2014957 C67.1296536,50.0218451 67.0475814,49.8441056 66.9619495,49.6682774 C66.8765153,49.4924491 66.7873235,49.3183409 66.694572,49.1465261 C66.3888284,48.5792889 66.0445206,48.0347947 65.6656041,47.515528 L61.2681159,51.7652204 C61.9070926,52.9574125 62.2693969,54.3103345 62.2693969,55.745437"/>
<g opacity=".8" transform="translate(61.268 47.516)">
<mask id="aF" fill="white">
<use xlink:href="#aE"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M1.01663869,8.74337549 C1.01663869,8.74559289 1.01663869,8.74781028 1.01663869,8.74982609 L7.08789694,8.74982609 C7.08789694,8.2269249 7.06129368,7.71007115 7.01064895,7.20047431 C7.00591948,7.15310277 7.00099295,7.10573123 6.99586936,7.0581581 C6.94364815,6.57980632 6.86955314,6.10810672 6.77496377,5.64426877 C6.76471659,5.59467984 6.75427234,5.54529249 6.74363104,5.49590514 C6.63859742,5.00666798 6.51090177,4.52609881 6.36054408,4.05581028 C6.29787862,3.85866403 6.23087782,3.6635336 6.16032991,3.47001581 C6.089782,3.27690119 6.01529287,3.08539921 5.93765076,2.89591304 C5.85961453,2.70642688 5.77783414,2.51895652 5.69250664,2.33350198 C5.60737621,2.14804743 5.51850161,1.96440711 5.42607991,1.78318577 C5.12142331,1.18489328 4.77833977,0.610588933 4.40077053,0.0628932806 L0.0189178744,4.54524901 C0.655622585,5.80271146 1.01663869,7.22970356 1.01663869,8.74337549" mask="url(#aF)"/>
</g>
<g opacity=".8" transform="translate(55.464 51.317)">
<mask id="aH" fill="white">
<use xlink:href="#aG"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M4.63564359,0.0644690683 L0.0326763285,4.94789963 L1.00092754,4.94789963 L4.98648417,0.719296398 C4.87737198,0.495681988 4.76099839,0.276933168 4.63564359,0.0644690683" mask="url(#aH)"/>
</g>
<path fill="#E5E5E5" fill-rule="nonzero" d="M61.9130435,55.745721 C61.9130435,54.3772519 61.5483807,53.0871477 60.9052447,51.9503106 L56.7536232,55.7515528 L61.9130435,55.7515528 C61.9130435,55.7497304 61.9130435,55.7477257 61.9130435,55.745721"/>
<g opacity=".8" transform="translate(56.754 51.95)">
<mask id="aJ" fill="white">
<use xlink:href="#aI"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M4.9987139,4.30859289 C4.9987139,2.79492095 4.64863768,1.36792885 4.03122705,0.110466403 L0.045670424,4.31504348 L4.9987139,4.31504348 C4.9987139,4.31302767 4.9987139,4.31081028 4.9987139,4.30859289" mask="url(#aJ)"/>
</g>
<path fill="#FFFFFF" fill-rule="nonzero" d="M52.929001,47.515528 C47.9172882,47.515528 43.8550725,51.4836713 43.8550725,56.3788414 L43.8550725,56.3850932 L55.8050954,56.3850932 L60.6231884,51.6790405 C59.0186242,49.1785104 56.172733,47.515528 52.929001,47.515528"/>
<g opacity=".8" transform="translate(43.855 47.516)">
<mask id="aL" fill="white">
<use xlink:href="#aK"/>
</mask>
<path fill="#E6F9FF" fill-rule="nonzero" d="M9.03367451,0.00154253308 C4.09082847,0.00154253308 0.0844323956,3.91784121 0.0844323956,8.74905482 L0.0844323956,8.75522495 L11.8702479,8.75522495 L16.6221347,4.11065784 C15.0396191,1.64279773 12.2328338,0.00154253308 9.03367451,0.00154253308" mask="url(#aL)"/>
</g>
<path fill="#39BA91" fill-rule="nonzero" d="M52.5594105,2.67010534e-15 C51.3140574,2.67010534e-15 50.3043478,0.991881655 50.3043478,2.21505831 C50.3043478,2.83716859 50.5658127,3.39877766 50.9858396,3.80124224 L54.173913,0.669459052 C53.7644059,0.256848309 53.19232,0 52.5594105,0"/>
<path fill="#074354" fill-rule="nonzero" d="M52.5397486,4.43478261 C53.7982853,4.43478261 54.8188406,3.43224675 54.8188406,2.19574154 C54.8188406,1.58783905 54.5719663,1.03709951 54.1715932,0.633540373 L50.9492754,3.79896331 C51.3598947,4.19207739 51.9207265,4.43478261 52.5397486,4.43478261"/>
<rect width="36.761" height="1" x="35.471" y="54.484" fill="#39BA91" fill-rule="nonzero"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 65 KiB

0
_src/_assets/images/starbase.svg → _src/_assets/images/starbase-server.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 72 KiB

After

Width:  |  Height:  |  Size: 72 KiB

70
_src/_assets/styles/_page-getstarted.scss
View File

@ -5,11 +5,24 @@
//
.section--firsttransaction {
.grid__col {
overflow: visible;
h4 {
margin-bottom: $spacer * 2.5;
}
}
.form--transaction {
// mnml frm
background: none;
padding: 0;
}
.form--transaction__content {
border: none;
padding: 0;
}
.waiting {
width: 100%;
@ -39,20 +52,7 @@
}
.message {
color: #fff;
}
.form--transaction {
min-height: 340px;
padding-left: $spacer * 1.5;
padding-right: $spacer * 1.5;
display: flex;
align-items: center;
}
.form--transaction__content {
border: none;
padding: 0;
font-size: $font-size-base;
}
.section-title--numbered {
@ -101,6 +101,11 @@
}
}
//
// All your star bases belong to us
//
// .starbase--server is the baseline
//
.starbase {
position: relative;
margin-top: -($spacer * 2);
@ -139,26 +144,51 @@
display: block;
left: -5%;
right: -5%;
bottom: 0;
bottom: auto;
background: lighten($gray, 8%);
height: 24%;
width: calc(100vw + 10%);
width: calc(100vw + 5%);
}
}
// Drivers starbase
// All magic numbers, gonna wing that visually
// All magic numbers, gonna wing it visually
.starbase--drivers {
min-height: 15rem;
min-height: 12rem;
.starbase__image {
// surface layer
&:before {
height: 40%;
}
img {
margin-bottom: -.5%;
}
}
}
// Intro starbase
// All magic numbers, gonna wing it visually
.starbase--intro {
min-height: 10rem;
margin-top: -($spacer * 8);
margin-bottom: 2%;
@media ($screen-sm) {
margin-bottom: 4%;
}
.starbase__image {
margin-top: -($spacer * 8);
// surface layer
&:before {
height: 35%;
}
img {
margin-bottom: -.5%;
margin-bottom: -1%;
}
}
}

18
_src/_assets/styles/bigchain/_alerts.scss
View File

@ -9,7 +9,6 @@
@extend .small;
padding: $alert-padding;
margin-bottom: $spacer;
border: 1px solid transparent;
border-radius: $border-radius;
text-align: left;
@ -31,22 +30,21 @@
padding-bottom: $spacer;
}
//
// Alternate styles
//
.alert-success {
@include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text);
.alert--success {
@include alert-variant($alert-success-bg, $alert-success-text);
}
.alert-info {
@include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text);
.alert--info {
@include alert-variant($alert-info-bg, $alert-info-text);
}
.alert-warning {
@include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text);
.alert--warning {
@include alert-variant($alert-warning-bg, $alert-warning-text);
}
.alert-danger {
@include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text);
.alert--danger {
@include alert-variant($alert-danger-bg, $alert-danger-text);
}

5
_src/_assets/styles/bigchain/_mixins/_alerts.scss
View File

@ -1,11 +1,8 @@
// Alerts
@mixin alert-variant($background, $border, $text-color) {
@mixin alert-variant($background, $text-color) {
background-color: $background;
border-color: $border;
color: $text-color;
hr { border-top-color: darken($border, 5%); }
.alert__icon {
stroke: $text-color;
border-bottom-color: rgba($text-color, .3);

24
_src/_assets/styles/bigchain/_variables.scss
View File

@ -212,21 +212,17 @@ $input-color-placeholder: $gray-light !default;
//
// Form states and alerts
//
$state-success-text: $brand-success !default;
$state-success-bg: lighten($brand-success, 40%) !default;
$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;
$state-success-text: #fff !default;
$state-success-bg: rgba($brand-primary, .4) !default;
$state-info-text: $brand-info !default;
$state-info-bg: lighten($brand-info, 30%) !default;
$state-info-border: darken(adjust-hue($state-info-bg, -10), 5%) !default;
$state-info-text: #fff !default;
$state-info-bg: rgba($brand-main-violet, .4) !default;
$state-warning-text: $brand-warning !default;
$state-warning-bg: lighten($brand-warning, 40%) !default;
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;
$state-warning-text: #fff !default;
$state-warning-bg: rgba($brand-warning, .4) !default;
$state-danger-text: $brand-danger !default;
$state-danger-bg: lighten($brand-danger, 40%) !default;
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;
$state-danger-text: #fff !default;
$state-danger-bg: rgba($brand-danger, .4) !default;
//
@ -237,16 +233,12 @@ $alert-border-radius: $border-radius !default;
$alert-success-bg: $state-success-bg !default;
$alert-success-text: $state-success-text !default;
$alert-success-border: $state-success-border !default;
$alert-info-bg: $state-info-bg !default;
$alert-info-text: $state-info-text !default;
$alert-info-border: $state-info-border !default;
$alert-warning-bg: $state-warning-bg !default;
$alert-warning-text: $state-warning-text !default;
$alert-warning-border: $state-warning-border !default;
$alert-danger-bg: $state-danger-bg !default;
$alert-danger-text: $state-danger-text !default;
$alert-danger-border: $state-danger-border !default;

9
_src/_data/getstarted.yml
View File

@ -4,8 +4,13 @@
# ----------------------------
firsttransaction:
title:
description:
title: "Get your first transaction into BigchainDB"
message:
label: "Type a message"
button: "Off you go"
request: "A transaction can contain a digital asset along with a message. Type something to be sent along the asset."
response: "Nicely done! You have just created an asset, sent it along in a signed transaction and retrieved the result of that transaction. Phew."
# ----------------------------

33
_src/getstarted.html
View File

@ -15,26 +15,35 @@ redirect_from:
<section class="section section--firsttransaction">
<aside class="starbase starbase--intro">
<div class="row row--wide">
<figure class="starbase__image">
<img class="img--responsive" src="/assets/img/starbase-intro.svg" alt="Starbase" width="1090" height="206">
</figure>
</div>
</aside>
<div class="row row--wide">
<h4>{{ content.firsttransaction.title }}</h4>
<div class="grid grid--full grid-small--half grid--gutters">
<div class="grid__col">
<h4>Get your first transaction into BigchainDB</h4>
<p class="message alert alert--info">{{ content.firsttransaction.message.request }}</p>
<form id="form-transaction" class="form form--transaction js-parsley">
<fieldset class="form--transaction__content">
<p class="form-group">
<input id="message" class="form-control" type="text" name="message" required>
<label class="form-label" for="message">Message</label>
<label class="form-label" for="message">{{ content.firsttransaction.message.label }}</label>
</p>
<p class="form-group message">
A transaction can contain a digital asset along with a message. Type something to be sent along the asset.
</p>
<button class="btn btn-primary" id="post" disabled>Off you go</button>
<button class="btn btn-primary" id="post" disabled>{{ content.firsttransaction.message.button }}</button>
</fieldset>
</form>
</div>
<div class="grid__col">
<h4>&nbsp;</h4>
<div class="waiting">
<pre>
<code class="waiting">Beep, boop, waiting for your input...</code>
@ -54,13 +63,11 @@ redirect_from:
</pre>
</div>
<div class="message message--success hide">
<p>
Nicely done! You have just created an asset, sent it along in a signed transaction and retrieved the result of that transaction. Phew.
</p>
<div class="message message--success alert alert--success hide">
<p>{{ content.firsttransaction.message.response }}</p>
<p><a class="transaction-link" href="https://test.ipdb.io/api/v1/transactions/">Check out your transaction on IPDB</a></p>
</div>
<p class="message message--fail hide">Shenanigans! Something's off. Would you mind trying again?</p>
<p class="message message--fail alert alert--warning hide">Shenanigans! Something's off. Would you mind trying again?</p>
</div>
</div>
</div>
@ -96,7 +103,7 @@ redirect_from:
<aside class="starbase starbase--server">
<div class="row row--wide">
<figure class="starbase__image">
<img class="img--responsive" src="/assets/img/starbase.svg" alt="Starbase" width="1111" height="343">
<img class="img--responsive" src="/assets/img/starbase-server.svg" alt="Starbase" width="1111" height="343">
</figure>
</div>
</aside>

16
_src/styleguide.md
View File

@ -293,28 +293,28 @@ Logo can be used with a base class and modifier classes for size & color:
### Alerts
<div class="alert alert-success"><strong class="alert__title">Lucas ipsum</strong> dolor sit amet kenobi ubese yaka weequay aka trioculus</div>
<div class="alert alert-info"><strong class="alert__title">Lucas ipsum</strong> Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus</div>
<div class="alert alert-warning"><strong class="alert__title">Lucas ipsum</strong> Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus</div>
<div class="alert alert-danger"><strong class="alert__title">Lucas ipsum</strong> Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus</div>
<div class="alert alert--success"><strong class="alert__title">Lucas ipsum</strong> dolor sit amet kenobi ubese yaka weequay aka trioculus</div>
<div class="alert alert--info"><strong class="alert__title">Lucas ipsum</strong> Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus</div>
<div class="alert alert--warning"><strong class="alert__title">Lucas ipsum</strong> Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus</div>
<div class="alert alert--danger"><strong class="alert__title">Lucas ipsum</strong> Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus</div>
```html
<div class="alert alert-success">
<div class="alert alert--success">
<strong class="alert__title">Lucas ipsum</strong>
Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus
</div>
<div class="alert alert-info">
<div class="alert alert--info">
<strong class="alert__title">Lucas ipsum</strong>
Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus
</div>
<div class="alert alert-warning">
<div class="alert alert--warning">
<strong class="alert__title">Lucas ipsum</strong>
Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus
</div>
<div class="alert alert-danger">
<div class="alert alert--danger">
<strong class="alert__title">Lucas ipsum</strong>
Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus
</div>