Skip to content

GitLab

S
scratch-www
Commit 44a53946 authored by Karishma Chadha's avatar Karishma Chadha
Browse files
Options

More responsiveness updates and replace placeholder image for donate section

parent 67ff3927
Hide whitespace changes
Inline Side-by-side
Showing with 146 additions and 94 deletions
src/views/annual-report/annual-report.jsx
View file @ 44a53946
...@@ -730,48 +730,48 @@ class AnnualReport extends React.Component { ...@@ -730,48 +730,48 @@ class AnnualReport extends React.Component {
<FormattedMessage id="annualReport.reachMapBlurb" /> <FormattedMessage id="annualReport.reachMapBlurb" />
</p> </p>
<div className="map-wrapper"> <div className="map-wrapper">
<MediaQuery minWidth={frameless.desktop}> <MediaQuery minWidth={frameless.desktop}>
<WorldMap <WorldMap
className="map" className="map"
colorIndex={colorIndex} colorIndex={colorIndex}
countryData={countryData} countryData={countryData}
countryNames={countryNames} countryNames={countryNames}
mapHeight={471} mapHeight={471}
/> />
</MediaQuery> </MediaQuery>
<MediaQuery <MediaQuery
maxWidth={frameless.desktop - 1} maxWidth={frameless.desktop - 1}
minWidth={frameless.tabletPortrait} minWidth={frameless.tabletPortrait}
> >
<WorldMap <WorldMap
className="map" className="map"
colorIndex={colorIndex} colorIndex={colorIndex}
countryData={countryData} countryData={countryData}
countryNames={countryNames} countryNames={countryNames}
mapHeight={384} mapHeight={384}
/> />
</MediaQuery> </MediaQuery>
<MediaQuery <MediaQuery
maxWidth={frameless.tabletPortrait - 1} maxWidth={frameless.tabletPortrait - 1}
minWidth={frameless.mobileIntermediate} minWidth={frameless.mobileIntermediate}
> >
<WorldMap <WorldMap
className="map" className="map"
colorIndex={colorIndex} colorIndex={colorIndex}
countryData={countryData} countryData={countryData}
countryNames={countryNames} countryNames={countryNames}
mapHeight={320} mapHeight={320}
/> />
</MediaQuery> </MediaQuery>
<MediaQuery maxWidth={frameless.mobileIntermediate - 1}> <MediaQuery maxWidth={frameless.mobileIntermediate - 1}>
<WorldMap <WorldMap
className="map" className="map"
colorIndex={colorIndex} colorIndex={colorIndex}
countryData={countryData} countryData={countryData}
countryNames={countryNames} countryNames={countryNames}
mapHeight={240} mapHeight={240}
/> />
</MediaQuery> </MediaQuery>
</div> </div>
</div> </div>
</div> </div>
...@@ -1705,7 +1705,7 @@ class AnnualReport extends React.Component { ...@@ -1705,7 +1705,7 @@ class AnnualReport extends React.Component {
/> />
</div> </div>
</MediaQuery> </MediaQuery>
<div className="inner schools-conferences"> <div className="inner schools-conferences bottom">
<div className="schools-conferences-content"> <div className="schools-conferences-content">
<div className="schools-conferences-region"> <div className="schools-conferences-region">
<div className="conference-image-and-caption left"> <div className="conference-image-and-caption left">
...@@ -1760,7 +1760,7 @@ class AnnualReport extends React.Component { ...@@ -1760,7 +1760,7 @@ class AnnualReport extends React.Component {
</p> </p>
</div> </div>
</div> </div>
<div className="schools-conferences-region"> <div className="schools-conferences-region europe">
<div className="conference-title-and-description left"> <div className="conference-title-and-description left">
<h4> <h4>
<FormattedMessage id="annualReport.conferencesEuropeTitle" /> <FormattedMessage id="annualReport.conferencesEuropeTitle" />
......
src/views/annual-report/annual-report.scss
View file @ 44a53946
...@@ -657,7 +657,6 @@ p { ...@@ -657,7 +657,6 @@ p {
.scratch-jr-transition-img { .scratch-jr-transition-img {
margin-bottom: -44px; margin-bottom: -44px;
margin-left: 88px; margin-left: 88px;
width: 100%;
display: flex; display: flex;
overflow: hidden; overflow: hidden;
...@@ -923,10 +922,14 @@ p { ...@@ -923,10 +922,14 @@ p {
align-items: center; align-items: center;
@media #{$big} { @media #{$big} {
max-width: 1032px; max-width: 940px;
padding: 72px; padding: 72px;
} }
@media #{$medium-and-intermediate} {
padding-top: 72px;
}
@media #{$medium} { @media #{$medium} {
max-width: 460px; max-width: 460px;
} }
...@@ -945,7 +948,6 @@ p { ...@@ -945,7 +948,6 @@ p {
align-items: flex-start; align-items: flex-start;
text-align: left; text-align: left;
padding-top: 10px;
padding-bottom: 0px; padding-bottom: 0px;
.subsection-tag { .subsection-tag {
...@@ -957,7 +959,8 @@ p { ...@@ -957,7 +959,8 @@ p {
} }
@media #{$small} { @media #{$small} {
align-items: center; padding-top: 32px;
align-items: flex-start;
h2 { h2 {
line-height: 2.5rem; line-height: 2.5rem;
} }
...@@ -970,6 +973,13 @@ p { ...@@ -970,6 +973,13 @@ p {
padding-bottom: 0px; padding-bottom: 0px;
position: relative; position: relative;
@media #{$medium} {
max-width: 760px;
padding-top: 10px;
padding-bottom: 10px;
}
.four-pictures { .four-pictures {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
...@@ -1007,8 +1017,21 @@ p { ...@@ -1007,8 +1017,21 @@ p {
left: 60px; left: 60px;
top: 60px; top: 60px;
@media #{$medium-and-smaller} { @media #{$intermediate} {
left: -20px;
top: -5px;
}
@media #{$medium} {
width: 80px;
left: -90px;
top: -20px;
}
@media #{$small} {
width: 80px; width: 80px;
left: -80px;
top: -10px;
} }
} }
...@@ -1017,8 +1040,18 @@ p { ...@@ -1017,8 +1040,18 @@ p {
right: 80px; right: 80px;
bottom: 40px; bottom: 40px;
@media #{$medium-and-smaller} { @media #{$intermediate} {
right: 0px;
}
@media #{$medium} {
width: 80px;
right: 0px;
}
@media #{$small} {
width: 80px; width: 80px;
right: 0px;
} }
} }
...@@ -1038,6 +1071,14 @@ p { ...@@ -1038,6 +1071,14 @@ p {
align-items: flex-start; align-items: flex-start;
text-align: left; text-align: left;
&.bottom {
padding-top: 0px;
@media #{$intermediate-and-smaller} {
padding-top: 32px;
}
}
@media #{$medium} { @media #{$medium} {
width: 460px; width: 460px;
} }
...@@ -1122,6 +1163,10 @@ p { ...@@ -1122,6 +1163,10 @@ p {
@media #{$medium-and-smaller} { @media #{$medium-and-smaller} {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
&.europe {
flex-direction: column-reverse;
}
} }
.conference-image-and-caption { .conference-image-and-caption {
...@@ -1132,6 +1177,10 @@ p { ...@@ -1132,6 +1177,10 @@ p {
img { img {
width: 300px; width: 300px;
} }
@media #{$medium-and-smaller} {
margin-bottom: 32px;
}
} }
.conference-title-and-description { .conference-title-and-description {
...@@ -1232,6 +1281,10 @@ p { ...@@ -1232,6 +1281,10 @@ p {
margin: 20px 0px; margin: 20px 0px;
@media #{$medium-and-smaller} {
flex-direction: column;
}
.icon-and-link { .icon-and-link {
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -1282,7 +1335,7 @@ p { ...@@ -1282,7 +1335,7 @@ p {
img { img {
&.left { &.left {
@media #{$big} { @media #{$big} {
width: 432px; height: 420px;
} }
@media #{$intermediate} { @media #{$intermediate} {
width: 340px; width: 340px;
...@@ -1297,7 +1350,7 @@ p { ...@@ -1297,7 +1350,7 @@ p {
&.right { &.right {
@media #{$big} { @media #{$big} {
width: 780px; height: 420px;
} }
@media #{$intermediate} { @media #{$intermediate} {
width: 468px; width: 468px;
...@@ -1620,14 +1673,20 @@ p { ...@@ -1620,14 +1673,20 @@ p {
.initiatives-community { .initiatives-community {
.community-hero-img { .community-hero-img {
width: 100%; width: 100%;
height: 545px;
margin: 52px 0; margin: 52px 0;
background-image: url("/images/annual-report/initiatives/community-hero.png"); background-image: url("/images/annual-report/initiatives/community-hero.png");
background-size: cover; background-size: contain;
background-repeat: no-repeat;
background-position: center center; background-position: center center;
overflow: hidden; overflow: hidden;
@media #{$small} { @media #{$intermediate} {
height: 330px;
}
@media #{$medium-and-smaller} {
height: 244px; height: 244px;
} }
} }
...@@ -1869,7 +1928,7 @@ p { ...@@ -1869,7 +1928,7 @@ p {
} }
.video-background { .video-background {
width: 1020px; width: 100%;
height: 500px; height: 500px;
overflow: hidden; overflow: hidden;
...@@ -1881,13 +1940,6 @@ p { ...@@ -1881,13 +1940,6 @@ p {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 100%;
height: 100%;
@media #{$big} {
}
&.blm { &.blm {
background-image: url("/images/annual-report/initiatives/BLM Video Splash.svg"); background-image: url("/images/annual-report/initiatives/BLM Video Splash.svg");
} }
......
static/images/annual-report/donate-illustration.svg
View file @ 44a53946
...@@ -2,41 +2,41 @@ ...@@ -2,41 +2,41 @@
<svg width="300px" height="300px" viewBox="0 0 300 300" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="300px" height="300px" viewBox="0 0 300 300" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Donate Illustration</title> <title>Donate Illustration</title>
<defs> <defs>
<path d="M287.552906,113.489445 C279.487332,204.674007 176.207703,276.389 150.008942,276.389 C123.810181,276.389 20.5126677,204.674007 12.4649776,113.489445 C12.2324888,110.51468 12,107.539915 12,104.56515 C12,60.3533741 48.1073025,24.389 92.5126677,24.389 C115.0462,24.389 135.5231,33.5448634 150.008942,48.6680698 C164.494784,33.5448634 184.971684,24.389 207.505216,24.389 C251.892697,24.389 288,60.3533741 288,104.56515 C288,107.539915 287.767511,110.51468 287.552906,113.489445 Z" id="path-1"></path> <polygon id="path-1" points="0 0 275.9999 0 275.9999 251.9994 0 251.9994"></polygon>
<polygon id="path-3" points="0.1841 0.088977339 124.853 0.088977339 124.853 121.9997 0.1841 121.9997"></polygon> <polygon id="path-3" points="0.0001 0.0036 276 0.0036 276 89.3436 0.0001 89.3436"></polygon>
</defs> </defs>
<g id="Donate-Illustration" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Donate-Illustration" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g> <g id="Donate" transform="translate(12.000000, 24.000000)">
<rect id="Rectangle" stroke-opacity="0.15" stroke="#000000" x="0.5" y="0.5" width="299" height="299"></rect> <g id="Group-3">
<mask id="mask-2" fill="white"> <mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use> <use xlink:href="#path-1"></use>
</mask> </mask>
<use id="Loves" fill="#FFFFFF" xlink:href="#path-1"></use> <g id="Clip-2"></g>
<g id="Hands" mask="url(#mask-2)"> <path d="M275.5529,89.1004 C267.4879,180.2854 164.2079,251.9994 138.0089,251.9994 C111.8099,251.9994 8.5129,180.2854 0.4649,89.1004 C0.2329,86.1254 -0.0001,83.1514 -0.0001,80.1764 C-0.0001,35.9644 36.1079,-0.0006 80.5129,-0.0006 C100.4039,-0.0006 118.6919,7.1344 132.6709,19.2094 C135.7329,21.8534 140.2849,21.8534 143.3469,19.2094 C157.3259,7.1344 175.6149,-0.0006 195.5049,-0.0006 C239.8929,-0.0006 275.9999,35.9644 275.9999,80.1764 C275.9999,83.1514 275.7679,86.1254 275.5529,89.1004" id="Fill-1" fill="#0DA57A" mask="url(#mask-2)"></path>
<g transform="translate(63.000000, 75.389000)"> </g>
<path d="M34.3535,74.7314 C44.9695,77.1364 46.4235,80.1514 56.8115,91.5054 C74.4925,110.8334 97.2315,101.9294 98.2445,62.6114 C98.2645,61.8414 98.2325,61.0934 98.1535,60.3644 C100.1475,51.1694 101.8795,38.6564 100.7395,30.7354 C99.6935,23.4714 92.9995,23.8604 92.8455,29.8154 C92.7015,35.3164 93.5535,49.3754 92.6235,48.6544 C91.8145,48.0274 92.2595,23.9344 89.0615,15.5184 C86.1315,7.8004 79.0605,9.5864 80.3755,16.1174 C81.8735,23.5234 84.8065,41.8594 83.6485,41.0464 C82.3875,40.1624 80.6425,20.0574 75.0845,7.5744 C71.0335,-1.5326 59.3765,1.3004 63.6025,10.2204 C73.0075,30.0794 75.7635,44.2814 73.7125,44.0714 C71.9905,43.8904 72.3665,32.0094 61.4435,12.6294 C55.9965,2.9694 46.3875,6.4644 51.2925,15.8324 C57.4735,27.6334 61.6595,40.3864 62.3395,53.0114 C62.8105,61.8334 62.2135,73.4604 53.2965,67.0594 C34.7665,53.7504 24.5625,72.5134 34.3535,74.7314" id="Fill-7" fill="#4C392B"></path> <path d="M180.7467,152.4705 C173.9467,140.3275 154.9777,147.9305 146.1137,152.0055 C132.8367,158.1095 137.7177,140.9795 151.0387,136.7245 C160.8517,133.5895 172.7807,128.3225 175.4487,113.4105 C176.5577,107.2185 174.9847,100.1045 168.5437,96.1605 C161.9607,92.1295 154.7667,94.4035 148.9957,98.9165 C140.7737,105.3455 133.5527,97.1525 142.7517,89.7965 C163.2837,73.3785 179.8927,88.7965 183.4307,94.7945 C181.3387,86.6515 174.1967,71.1355 173.1137,56.2925 C172.4547,47.2515 184.4607,40.6425 184.4737,52.8415 C184.4777,57.8345 186.2927,65.3995 186.2927,65.3995 C186.2927,65.3995 194.4517,61.6405 198.6927,73.9845 C202.5317,74.0265 207.4347,78.6095 207.3137,83.5285 C206.4337,119.2125 225.1217,130.0055 224.0457,149.7985 C222.8717,171.3915 190.6257,170.1135 180.7467,152.4705" id="Fill-4" fill="#ECC293"></path>
<path d="M22,190.5 L1,158 C26.6536,144.393 68.4984,103.687 56.8114,91.506 C45.1244,79.326 96.6074,77.375 96.6074,77.375 C94.8664,90.986 70,179 22,190.5 Z" id="Fill-9" fill="#4C392B"></path> <path d="M180.7467,152.4705 C189.3997,168.9655 213.7787,202.4305 215.4897,202.8645 C215.4897,202.8645 232.8847,185.5445 246.3297,165.8525 C246.3297,165.8525 227.3607,148.2145 221.1847,134.5985 L180.7467,152.4705 Z" id="Fill-6" fill="#ECC293"></path>
<path d="M89.7117,80.7022 C89.7117,80.7022 101.3227,49.3052 97.1307,74.6342 C92.9397,99.9632 70,168.5 29.5,190.5 C-11,212.5 8.0367,182.7832 0.8467,182.7832 L0.8467,182.7832 L3.5,176.5 C3.5,176.5 26.3319568,174.127556 43.5,158 C62.7589581,139.908251 75.278129,116.606156 82.3647607,100.337231 C83.185858,94.7430192 78.2127353,91.6843647 76.7116,87.2428 C74.7486,81.4388 67.6566,80.1918 64.6306,80.2738 C61.6066,80.3548 59.0506,78.4338 58.3916,76.0918 L58.3916,76.0918 L71.5606,75.6328 L80.5546,78.9858 L87.2094244,88.2065535 C88.9103551,83.5103553 89.7117,80.7022 89.7117,80.7022 Z" id="Combined-Shape" fill-opacity="0.15" fill="#000000"></path> <g id="Group-12" transform="translate(138.000000, 141.000000)" fill="#231F20">
<path d="M50.3858,8.9765 C51.6308,6.3195 57.6618,9.7065 60.7068,15.2105 C68.3718,29.0695 69.8558,44.1105 73.7128,44.0715 C73.7128,44.0715 73.2178,44.3385 72.5018,41.4055 C71.7868,38.4715 69.3548,29.6295 67.8738,26.0685 C66.3948,22.5075 62.3008,10.1825 56.4068,7.5005 C51.9368,5.4675 50.3858,8.9765 50.3858,8.9765" id="Fill-13" fill-opacity="0.15" fill="#000000"></path> <path d="M81.17,58.3631 L77.64,61.7231 C77.54,61.8131 77.49,61.8631 77.49,61.8631 L77.27,61.7331 C74.27,59.3531 51.13,27.4431 42.75,11.4731 C35.95,-0.6759 16.98,6.9331 8.11,11.0041 C3.38,13.1831 0.96,12.4031 0.4,10.3131 L0.4,10.2931 C3.81,14.2541 26.99,-3.5969 39.25,1.7631 C42.4,3.1341 45.06,5.7331 47.69,9.2931 C50.33,12.8631 52.95,17.4031 56,22.6641 C61.76,32.5631 69.11,45.0231 81.17,58.3631" id="Fill-8" opacity="0.1"></path>
<path d="M67.5752,1.9873 C69.9662,3.4373 72.3572,5.1543 75.9142,16.8053 C79.4712,28.4563 80.3712,41.0753 83.6482,41.0473465 C83.6482,41.0473465 83.2002,40.7453 82.3682,36.1913 C81.5362,31.6373 79.6002,20.8703 78.0742,16.0653 C76.5492,11.2613 75.3012,2.8853 67.5752,1.9873" id="Fill-15" fill-opacity="0.15" fill="#000000"></path> <path d="M77.4899,61.8631 C77.4399,61.8531 77.3599,61.8031 77.2699,61.7331 L77.4899,61.8631 Z" id="Fill-10"></path>
<path d="M81.3213,11.4228 C81.3213,11.4228 82.2653,11.0038 83.7063,11.7628 C85.4693,12.6938 86.4223,14.6718 86.1743,16.6508 C85.6323,20.9708 84.6613,30.9618 85.5423,41.9468 C86.8303,58.0108 85.1883,66.2218 76.7183,65.0608 C76.7183,65.0608 84.4383,68.0998 87.0753,65.1418 C89.7123,62.1838 89.5893,43.1738 89.5893,43.1738 L89.5903,16.2738 C89.5903,16.2738 87.6463,10.4438 83.6483,10.4438 C82.1383,10.4438 81.3213,11.4228 81.3213,11.4228" id="Fill-17" fill-opacity="0.15" fill="#000000"></path> </g>
<path d="M97.3037,25.4726 C97.3037,25.4726 99.8587,26.5546 100.5487,29.7536 C101.2407,32.9526 101.1797,41.5266 100.4037,47.0396 L98.0427,45.8716 L97.3037,25.4726 Z" id="Fill-19" fill-opacity="0.15" fill="#000000"></path> <path d="M175.7799,109.6433 C175.7399,104.5233 173.6999,99.3243 168.5399,96.1643 C161.9599,92.1333 154.7699,94.4033 148.9999,98.9143 C144.2399,102.6333 139.8199,101.4633 138.7199,98.3833 L138.7199,98.3723 C141.6099,99.8133 144.3299,99.5423 147.1299,97.1533 C149.9199,94.7733 156.8699,89.9333 165.7899,92.3243 C174.1999,94.5633 175.8199,104.6133 175.7799,109.6433" id="Fill-13" fill="#231F20" opacity="0.1"></path>
<path d="M63.4727,78.9853 C69.4097,78.5413 76.8297,77.7823 80.8847,87.2543 C87.5347,102.7903 123.0307,106.7873 122.3547,70.6943 C122.2567,65.4743 125.6057,49.6323 130.8217,38.1963 C134.0667,31.0813 128.1217,28.1833 124.5147,34.8213 C121.6897,40.0183 118.9677,54.5453 118.5717,53.5013 C118.1717,52.4533 119.0277,35.7933 126.5057,23.0733 C131.3447,14.8403 123.7197,10.1683 119.1067,17.6833 C113.0367,27.5683 110.9357,47.0003 110.2517,45.8663 C109.5067,44.6313 109.6627,27.5103 116.9907,11.4113 C121.2857,1.9723 111.0497,-0.9607 106.7027,9.0003 C98.6257,27.5133 101.7057,46.1423 100.0037,45.3563 C98.5767,44.6923 95.8177,27.3133 103.2267,6.7823 C106.1767,-1.3957 94.7627,-2.5747 91.0337,7.4103 C85.9227,21.0933 86.6047,33.1123 87.1517,46.7963 C87.6527,59.3393 86.8237,66.7713 76.7187,65.0603 C55.6907,61.5003 54.0977,79.6873 63.4727,78.9853" id="Fill-23" fill="#B5875C"></path> <polygon id="Fill-15" fill="#231F20" opacity="0.1" points="183.4303 94.7947 188.1973 101.0887 178.7073 80.5217"></polygon>
<g id="Group-27" stroke-width="1" fill="none" transform="translate(86.742700, 64.894400)"> <path d="M95.2589,152.4705 C102.0589,140.3275 121.0279,147.9305 129.8919,152.0055 C143.1689,158.1095 138.2879,140.9795 124.9669,136.7245 C115.1539,133.5895 103.2249,128.3225 100.5569,113.4105 C99.4479,107.2185 101.0209,100.1045 107.4609,96.1605 C114.0449,92.1295 121.2389,94.4035 127.0099,98.9165 C135.2309,105.3455 142.4529,97.1525 133.2529,89.7965 C112.7219,73.3785 96.1129,88.7965 92.5749,94.7945 C94.6669,86.6515 101.8089,71.1355 102.8919,56.2925 C103.5509,47.2515 91.5449,40.6425 91.5319,52.8415 C91.5269,57.8345 89.7129,65.3995 89.7129,65.3995 C89.7129,65.3995 81.5539,61.6405 77.3129,73.9845 C73.4739,74.0265 68.5699,78.6095 68.6919,83.5285 C69.5719,119.2125 50.8839,130.0055 51.9599,149.7985 C53.1339,171.3915 85.3789,170.1135 95.2589,152.4705" id="Fill-17" fill="#755135"></path>
<mask id="mask-4" fill="white"> <path d="M95.2589,152.4705 C86.6059,168.9655 62.2269,202.4305 60.5159,202.8645 C60.5159,202.8645 43.9059,186.6965 30.4619,167.0035 C30.4619,167.0035 48.6449,148.2145 54.8209,134.5985 L95.2589,152.4705 Z" id="Fill-19" fill="#755135"></path>
<use xlink:href="#path-3"></use> <g id="Group-25" transform="translate(56.000000, 141.000000)" fill="#231F20">
</mask> <path d="M0.8356,58.3631 L4.3656,61.7231 C4.4656,61.8131 4.5156,61.8631 4.5156,61.8631 L4.7356,61.7331 C7.7356,59.3531 30.8756,27.4431 39.2556,11.4731 C46.0556,-0.6759 65.0256,6.9331 73.8956,11.0041 C78.6256,13.1831 81.0456,12.4031 81.6056,10.3131 L81.6056,10.2941 C78.1956,14.2541 55.0156,-3.5969 42.7556,1.7631 C39.6056,3.1341 36.9456,5.7331 34.3156,9.2941 C31.6756,12.8631 29.0556,17.4031 26.0056,22.6631 C20.2456,32.5631 12.8956,45.0231 0.8356,58.3631" id="Fill-21" opacity="0.1"></path>
<g id="Clip-26"></g> <path d="M4.5157,61.8631 C4.5657,61.8531 4.6457,61.8031 4.7357,61.7331 L4.5157,61.8631 Z" id="Fill-23"></path>
<path d="M0.1841,29.4737 C16.2171,38.7607 56.1901,120.1317 117.0571,121.9997 C117.0571,121.9997 120.3881,115.7747 122.6081,105.0427 C125.2491,92.2777 124.8291,85.8537 124.8291,85.8537 C101.9551,85.8557 36.4951,44.8117 35.6121,5.7997 C35.1311,-15.4573 0.1841,29.4737 0.1841,29.4737" id="Fill-25" fill="#B5875C" mask="url(#mask-4)"></path> </g>
</g> <path d="M100.2257,109.6433 C100.2657,104.5233 102.3057,99.3243 107.4657,96.1643 C114.0457,92.1333 121.2357,94.4033 127.0057,98.9143 C131.7657,102.6333 136.1857,101.4633 137.2857,98.3833 L137.2857,98.3733 C134.3957,99.8133 131.6757,99.5433 128.8757,97.1533 C126.0857,94.7733 119.1357,89.9333 110.2157,92.3243 C101.8057,94.5633 100.1857,104.6133 100.2257,109.6433" id="Fill-26" fill="#231F20" opacity="0.1"></path>
<path d="M66.491,76.287 C71.561,75.633 78.838,76.369 82.517,83.973 C86.196,91.577 90.725,90.841 94.879,96.482 C99.032,102.124 121.798,125.91 127.141,131.876 C137.831,143.813 176.31,177.715 208.524,176.446 C208.524,176.446 207.311,179.439 206.465,181.871 C205.619,184.303 203.8,186.895 203.8,186.895 C197.445,186.744 177.967956,193.467956 142,157.5 C124,139.5 105,114.5 96.5,103.5 C88,92.5 85.079,96.964 81.004,89.636 C76.719,81.929 75.262,78.963 70.48,78.904 C64.381,78.83 58.392,81.009 58,74 C59.971,75.98 61.422,76.941 66.491,76.287 Z" id="Fill-28" fill-opacity="0.15" fill="#000000"></path> <polygon id="Fill-28" fill="#231F20" opacity="0.1" points="92.5753 94.7947 87.8083 101.0887 97.2983 80.5217"></polygon>
<path d="M97.8623,0.501 C101.9193,0.787 101.8643,3.86 101.0293,6.544 C99.4203,11.714 92.3083,44.514 100.0043,45.356 C100.0043,45.356 97.7733,38.439 98.1843,31.569 C98.7153,22.727 101.4323,10.88 102.9493,7.33 C104.6133,3.438 103.7373,-0.487 97.8623,0.501" id="Fill-31" fill-opacity="0.15" fill="#000000"></path> <g id="Group-32">
<path d="M115.794,8.915 C115.248,10.863 111.815,18.978 109.764,29.192 C107.827,38.833 108.798,45.615 110.252,45.866 C110.252,45.866 109.573,37.973 111.936,26.709 C114.158,16.11 117.062,13.494 118.001,7.773 C118.577,4.264 116.734,2.799 114.15,2.799 C116.243,3.683 116.939,4.827 115.794,8.915" id="Fill-33" fill-opacity="0.15" fill="#000000"></path> <mask id="mask-4" fill="white">
<path d="M124.9395,13.9404 C127.3635,14.3524 128.3885,16.9424 128.0285,18.7244 C127.6685,20.5054 127.3025,21.5614 126.2445,23.5244 C125.1855,25.4884 121.0185,33.3824 119.4895,43.1834 C117.9605,52.9854 118.5715,53.5014 118.5715,53.5014 C118.5715,53.5014 117.0005,53.1384 117.9195,44.7274 C118.5445,39.0094 120.7405,30.1324 123.6425,25.2264 C125.3875,22.2784 126.8625,17.8354 126.2595,15.9874 C125.6575,14.1404 124.9395,13.9404 124.9395,13.9404" id="Fill-35" fill-opacity="0.15" fill="#000000"></path> <use xlink:href="#path-3"></use>
<path d="M48.9873,82.9121 C48.9873,82.9121 61.2583,92.5281 69.1073,88.8221 C76.9573,85.1171 69.5503,91.8631 65.8343,92.7221 C62.1173,93.5801 58.4883,100.2841 58.4883,100.2841 C58.4883,100.2841 59.7673,95.9641 57.9993,93.1781 C56.2303,90.3911 48.9873,82.9121 48.9873,82.9121" id="Fill-37" fill-opacity="0.15" fill="#000000"></path> </mask>
</g> <g id="Clip-31"></g>
<path d="M276.0001,80.1736 C276.0001,83.1526 275.7701,86.1226 275.5501,89.1036 C275.5061,89.1036 275.5261,89.1036 275.4821,89.1046 C270.9471,49.1476 236.8131,18.0036 195.5101,18.0036 C175.7901,18.0036 157.6461,25.0076 143.7181,36.8926 C140.4261,39.7006 135.5921,39.7016 132.3001,36.8936 C118.3671,25.0076 100.2301,18.0036 80.5101,18.0036 C39.1101,18.0036 4.9101,49.2736 0.4901,89.3436 L0.4891,89.3436 C0.2431,86.2826 0.0001,83.2336 0.0001,80.1736 C0.0001,35.9636 36.1101,0.0036 80.5101,0.0036 C100.2301,0.0036 118.3671,7.0076 132.3001,18.8936 C135.5921,21.7016 140.4261,21.7006 143.7181,18.8926 C157.6461,7.0076 175.7901,0.0036 195.5101,0.0036 C239.8901,0.0036 276.0001,35.9636 276.0001,80.1736" id="Fill-30" fill-opacity="0.1" fill="#231F20" mask="url(#mask-4)"></path>
</g> </g>
<path d="M81.6640625,156 L81.6640625,151.859375 L84.109375,151.859375 C85.3854167,151.859375 86.3671875,151.578125 87.0546875,151.015625 C87.7421875,150.453125 88.0859375,149.492188 88.0859375,148.132812 C88.0859375,146.888021 87.7421875,145.96875 87.0546875,145.375 C86.3671875,144.78125 85.4453125,144.484375 84.2890625,144.484375 L84.2890625,144.484375 L79.2734375,144.484375 L79.2734375,156 L81.6640625,156 Z M83.90625,149.875 L81.6640625,149.875 L81.6640625,146.484375 L83.90625,146.484375 C84.4739583,146.484375 84.9153646,146.611979 85.2304688,146.867188 C85.5455729,147.122396 85.703125,147.549479 85.703125,148.148438 C85.703125,148.747396 85.5455729,149.184896 85.2304688,149.460938 C84.9153646,149.736979 84.4739583,149.875 83.90625,149.875 L83.90625,149.875 Z M100,156 L100,153.929688 L94.296875,153.929688 L94.296875,144.484375 L91.890625,144.484375 L91.890625,156 L100,156 Z M105.367188,156 L106.164062,153.632812 L110.40625,153.632812 L111.148438,156 L113.757812,156 L109.679688,144.484375 L106.960938,144.484375 L102.851562,156 L105.367188,156 Z M109.734375,151.648438 L106.8125,151.648438 L108.296875,147.117188 L109.734375,151.648438 Z M122.046875,156.320312 C123.385417,156.320312 124.483073,155.927083 125.339844,155.140625 C126.196615,154.354167 126.729167,153.333333 126.9375,152.078125 L126.9375,152.078125 L124.554688,152.078125 C124.393229,152.671875 124.190104,153.117188 123.945312,153.414062 C123.502604,153.966146 122.859375,154.242188 122.015625,154.242188 C121.192708,154.242188 120.514323,153.920573 119.980469,153.277344 C119.446615,152.634115 119.179688,151.666667 119.179688,150.375 C119.179688,149.083333 119.432292,148.084635 119.9375,147.378906 C120.442708,146.673177 121.132812,146.320312 122.007812,146.320312 C122.867188,146.320312 123.515625,146.570312 123.953125,147.070312 C124.197917,147.351562 124.398438,147.768229 124.554688,148.320312 L124.554688,148.320312 L126.960938,148.320312 C126.924479,147.601562 126.658854,146.885417 126.164062,146.171875 C125.268229,144.901042 123.851562,144.265625 121.914062,144.265625 C120.466146,144.265625 119.273438,144.739583 118.335938,145.6875 C117.257812,146.776042 116.71875,148.325521 116.71875,150.335938 C116.71875,152.195312 117.192708,153.658854 118.140625,154.726562 C119.088542,155.789062 120.390625,156.320312 122.046875,156.320312 Z M139.570312,156 L139.570312,153.929688 L133.195312,153.929688 L133.195312,150.96875 L138.789062,150.96875 L138.789062,148.96875 L133.195312,148.96875 L133.195312,146.523438 L139.289062,146.523438 L139.289062,144.484375 L130.84375,144.484375 L130.84375,156 L139.570312,156 Z M145.8125,156 L145.8125,150.859375 L150.3125,150.859375 L150.3125,156 L152.703125,156 L152.703125,144.484375 L150.3125,144.484375 L150.3125,148.875 L145.8125,148.875 L145.8125,144.484375 L143.429688,144.484375 L143.429688,156 L145.8125,156 Z M162.09375,156.320312 C163.739583,156.320312 164.997396,155.872396 165.867188,154.976562 C167.028646,153.877604 167.609375,152.294271 167.609375,150.226562 C167.609375,148.117188 167.028646,146.533854 165.867188,145.476562 C164.997396,144.580729 163.739583,144.132812 162.09375,144.132812 C160.447917,144.132812 159.190104,144.580729 158.320312,145.476562 C157.153646,146.533854 156.570312,148.117188 156.570312,150.226562 C156.570312,152.294271 157.153646,153.877604 158.320312,154.976562 C159.190104,155.872396 160.447917,156.320312 162.09375,156.320312 Z M162.09375,154.28125 C161.140625,154.28125 160.380208,153.929688 159.8125,153.226562 C159.244792,152.523438 158.960938,151.523438 158.960938,150.226562 C158.960938,148.929688 159.244792,147.929688 159.8125,147.226562 C160.380208,146.523438 161.140625,146.171875 162.09375,146.171875 C163.046875,146.171875 163.803385,146.52474 164.363281,147.230469 C164.923177,147.936198 165.203125,148.934896 165.203125,150.226562 C165.203125,151.523438 164.923177,152.523438 164.363281,153.226562 C163.803385,153.929688 163.046875,154.28125 162.09375,154.28125 Z M179.554688,156 L179.554688,153.929688 L173.851562,153.929688 L173.851562,144.484375 L171.445312,144.484375 L171.445312,156 L179.554688,156 Z M188.179688,156 C189.919271,156 191.205729,155.283854 192.039062,153.851562 C192.653646,152.789062 192.960938,151.492188 192.960938,149.960938 C192.960938,149.356771 192.888021,148.721354 192.742188,148.054688 C192.596354,147.388021 192.322917,146.768229 191.921875,146.195312 C191.421875,145.486979 190.768229,145 189.960938,144.734375 C189.486979,144.578125 188.893229,144.494792 188.179688,144.484375 L188.179688,144.484375 L183.21875,144.484375 L183.21875,156 L188.179688,156 Z M187.773438,154 L185.554688,154 L185.554688,146.484375 L187.773438,146.484375 C188.867188,146.484375 189.597656,146.798177 189.964844,147.425781 C190.332031,148.053385 190.515625,148.953125 190.515625,150.125 C190.515625,150.973958 190.393229,151.705729 190.148438,152.320312 C189.700521,153.440104 188.908854,154 187.773438,154 L187.773438,154 Z M205.570312,156 L205.570312,153.929688 L199.195312,153.929688 L199.195312,150.96875 L204.789062,150.96875 L204.789062,148.96875 L199.195312,148.96875 L199.195312,146.523438 L205.289062,146.523438 L205.289062,144.484375 L196.84375,144.484375 L196.84375,156 L205.570312,156 Z M211.851562,156 L211.851562,151.484375 L214.335938,151.484375 C215.044271,151.484375 215.527344,151.606771 215.785156,151.851562 C216.042969,152.096354 216.177083,152.585938 216.1875,153.320312 L216.1875,153.320312 L216.203125,154.390625 C216.208333,154.729167 216.242188,155.059896 216.304688,155.382812 C216.335938,155.539062 216.388021,155.744792 216.460938,156 L216.460938,156 L219.109375,156 L219.109375,155.710938 C218.880208,155.570312 218.734375,155.351562 218.671875,155.054688 C218.630208,154.867188 218.609375,154.510417 218.609375,153.984375 L218.609375,153.984375 L218.609375,153.210938 C218.609375,152.403646 218.498698,151.803385 218.277344,151.410156 C218.05599,151.016927 217.679688,150.713542 217.148438,150.5 C217.783854,150.28125 218.239583,149.907552 218.515625,149.378906 C218.791667,148.85026 218.929688,148.3125 218.929688,147.765625 C218.929688,147.3125 218.856771,146.908854 218.710938,146.554688 C218.565104,146.200521 218.367188,145.877604 218.117188,145.585938 C217.815104,145.231771 217.446615,144.963542 217.011719,144.78125 C216.576823,144.598958 215.955729,144.5 215.148438,144.484375 L215.148438,144.484375 L209.5,144.484375 L209.5,156 L211.851562,156 Z M214.578125,149.578125 L211.851562,149.578125 L211.851562,146.484375 L214.648438,146.484375 C215.169271,146.484375 215.559896,146.552083 215.820312,146.6875 C216.283854,146.927083 216.515625,147.395833 216.515625,148.09375 C216.515625,148.739583 216.276042,149.171875 215.796875,149.390625 C215.526042,149.515625 215.119792,149.578125 214.578125,149.578125 L214.578125,149.578125 Z" id="PLACEHOLDER" fill="#575E75" fill-rule="nonzero" opacity="0.5" mask="url(#mask-2)" transform="translate(149.191406, 150.226562) rotate(-45.000000) translate(-149.191406, -150.226562) "></path>
</g> </g>
</g> </g>
</svg> </svg>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment