Merge remote-tracking branch 'origin/develop' into release/2022-05-11

This commit is contained in:
seotts 2022-05-11 13:55:12 +00:00
commit 347a376595
13 changed files with 368 additions and 215 deletions

140
package-lock.json generated
View file

@ -99,8 +99,8 @@
"regenerator-runtime": "0.13.9",
"sass": "1.49.7",
"sass-loader": "10.2.1",
"scratch-gui": "0.1.0-prerelease.20220504060134",
"scratch-l10n": "3.14.20220504031551",
"scratch-gui": "0.1.0-prerelease.20220511000702",
"scratch-l10n": "3.14.20220511031550",
"selenium-webdriver": "4.1.0",
"slick-carousel": "1.6.0",
"style-loader": "0.12.3",
@ -22850,21 +22850,21 @@
}
},
"node_modules/scratch-blocks": {
"version": "0.1.0-prerelease.20220501111245",
"resolved": "https://registry.npmjs.org/scratch-blocks/-/scratch-blocks-0.1.0-prerelease.20220501111245.tgz",
"integrity": "sha512-OVebiUFtr/15yjEq4gd+6GI4JPAs5UG2SGe+/Zx+z3gVuIRjgkusCmAc5QexNOGypf91nnQQCVCocvk7QdhB8Q==",
"version": "0.1.0-prerelease.20220510060607",
"resolved": "https://registry.npmjs.org/scratch-blocks/-/scratch-blocks-0.1.0-prerelease.20220510060607.tgz",
"integrity": "sha512-mpI73aZlzntkDVYH2P5PtEb5/CTCcVzBNhSri5dgk4LTzMAomm4gcBHOHeYCDQSmqUItrZ788c3InR1viFyHQA==",
"dev": true,
"dependencies": {
"exports-loader": "0.6.3",
"google-closure-library": "20190301.0.0",
"imports-loader": "0.6.5",
"scratch-l10n": "3.14.20220428031608"
"scratch-l10n": "3.14.20220510031559"
}
},
"node_modules/scratch-blocks/node_modules/scratch-l10n": {
"version": "3.14.20220428031608",
"resolved": "https://registry.npmjs.org/scratch-l10n/-/scratch-l10n-3.14.20220428031608.tgz",
"integrity": "sha512-FloINfIeRWPVnhdLV+gwStq6Zo2JkK0StjVraA1ueLj0Qf42owSWpn0ByYUHPfRx50KoB9hvMr6f0JYZuMzjMg==",
"version": "3.14.20220510031559",
"resolved": "https://registry.npmjs.org/scratch-l10n/-/scratch-l10n-3.14.20220510031559.tgz",
"integrity": "sha512-3nbZ0+1N9HnplmwTXlVv4lZ7b799JX0OMyJjWrSDET/EpCARS2oO/YTAK6Kt6xBKd7sIO2nummVT/NSosLv6cw==",
"dev": true,
"dependencies": {
"@babel/cli": "^7.1.2",
@ -22878,9 +22878,9 @@
}
},
"node_modules/scratch-gui": {
"version": "0.1.0-prerelease.20220504060134",
"resolved": "https://registry.npmjs.org/scratch-gui/-/scratch-gui-0.1.0-prerelease.20220504060134.tgz",
"integrity": "sha512-MVFfuAxDAZG7s+apaGyGLom2WiH2R7gBBesYJl3tkMFDa28BBquasHuEBMaNYGj4Bt+rWqIIiBVyysY7RpiYLw==",
"version": "0.1.0-prerelease.20220511000702",
"resolved": "https://registry.npmjs.org/scratch-gui/-/scratch-gui-0.1.0-prerelease.20220511000702.tgz",
"integrity": "sha512-9xs1WimjgxIYgCp1oZW+Wcw+UFaz/mAL8OFZgfeY8ZXqAx42xchyYkKAkJKCO5YV7UoGm5zEYO14WM/5/dmpoA==",
"dev": true,
"dependencies": {
"arraybuffer-loader": "^1.0.6",
@ -22931,14 +22931,14 @@
"redux": "3.7.2",
"redux-throttle": "0.1.1",
"scratch-audio": "0.1.0-prerelease.20200528195344",
"scratch-blocks": "0.1.0-prerelease.20220501111245",
"scratch-l10n": "3.14.20220504031551",
"scratch-paint": "0.2.0-prerelease.20220429193038",
"scratch-blocks": "0.1.0-prerelease.20220510060607",
"scratch-l10n": "3.14.20220510031559",
"scratch-paint": "0.2.0-prerelease.20220510060809",
"scratch-render": "0.1.0-prerelease.20211028200436",
"scratch-render-fonts": "1.0.0-prerelease.20210401210003",
"scratch-storage": "1.3.5",
"scratch-storage": "1.3.6",
"scratch-svg-renderer": "0.2.0-prerelease.20210727023023",
"scratch-vm": "0.2.0-prerelease.20220501145413",
"scratch-vm": "0.2.0-prerelease.20220510130158",
"startaudiocontext": "1.2.1",
"style-loader": "^0.23.0",
"text-encoding": "0.7.0",
@ -23227,10 +23227,26 @@
"symbol-observable": "^1.0.3"
}
},
"node_modules/scratch-gui/node_modules/scratch-l10n": {
"version": "3.14.20220510031559",
"resolved": "https://registry.npmjs.org/scratch-l10n/-/scratch-l10n-3.14.20220510031559.tgz",
"integrity": "sha512-3nbZ0+1N9HnplmwTXlVv4lZ7b799JX0OMyJjWrSDET/EpCARS2oO/YTAK6Kt6xBKd7sIO2nummVT/NSosLv6cw==",
"dev": true,
"dependencies": {
"@babel/cli": "^7.1.2",
"@babel/core": "^7.1.2",
"babel-plugin-react-intl": "^3.0.1",
"transifex": "1.6.6"
},
"bin": {
"build-i18n-src": "scripts/build-i18n-src.js",
"tx-push-src": "scripts/tx-push-src.js"
}
},
"node_modules/scratch-gui/node_modules/scratch-paint": {
"version": "0.2.0-prerelease.20220429193038",
"resolved": "https://registry.npmjs.org/scratch-paint/-/scratch-paint-0.2.0-prerelease.20220429193038.tgz",
"integrity": "sha512-1jCa4ieYjMOc/nKrOlcGCG0DtseR+YAapIYHlraUO6DGHTBm2frB//CDkEHwOIlN54ZPOak2WS4oJYKDuFgqEQ==",
"version": "0.2.0-prerelease.20220510060809",
"resolved": "https://registry.npmjs.org/scratch-paint/-/scratch-paint-0.2.0-prerelease.20220510060809.tgz",
"integrity": "sha512-/aiBQGKCwI7IqbdqY+nUzNL3zYQUkwzLOhK6zJ+3NAo2MxbK6v8vBEaMkcKRjDd64szo6vOVVUXasqREW0leaw==",
"dev": true,
"dependencies": {
"@scratch/paper": "0.11.20200728195508",
@ -23263,9 +23279,9 @@
"dev": true
},
"node_modules/scratch-gui/node_modules/scratch-storage": {
"version": "1.3.5",
"resolved": "https://registry.npmjs.org/scratch-storage/-/scratch-storage-1.3.5.tgz",
"integrity": "sha512-MrIRidvUJtncx0xlMJDng9KypHR3/kyCE2stXJ1CYNLTWrl2pGCpNNcYWygRQw7aFQ0hIzP/Z118T8X53sUDAA==",
"version": "1.3.6",
"resolved": "https://registry.npmjs.org/scratch-storage/-/scratch-storage-1.3.6.tgz",
"integrity": "sha512-L/7z7SB7cGANsgjyiE+qZNaPEqFHK1yPbNomizkgN3WHGcKRogLvmheR57kOxHNpQzodUTbG+pVVH6fR2ZY1Sg==",
"dev": true,
"dependencies": {
"arraybuffer-loader": "^1.0.3",
@ -23330,9 +23346,9 @@
}
},
"node_modules/scratch-l10n": {
"version": "3.14.20220504031551",
"resolved": "https://registry.npmjs.org/scratch-l10n/-/scratch-l10n-3.14.20220504031551.tgz",
"integrity": "sha512-X65xULMmmUrSrKf+dEplskLg+HcFQWc6hzAJN7x8/j5O252v5z7SKrJbLhH1lzmtHyGfeLgiy6aHOfzt1TmCnA==",
"version": "3.14.20220511031550",
"resolved": "https://registry.npmjs.org/scratch-l10n/-/scratch-l10n-3.14.20220511031550.tgz",
"integrity": "sha512-ZZGfa8o8TeN+WlTk2d+M3t9I7WMM9N3y/USNW9mzn8wOlGgKQbHhh2lG1PhEypQO1mPJYbCcuxH+47KiS4RnEQ==",
"dev": true,
"dependencies": {
"@babel/cli": "^7.1.2",
@ -23528,9 +23544,9 @@
"dev": true
},
"node_modules/scratch-vm": {
"version": "0.2.0-prerelease.20220501145413",
"resolved": "https://registry.npmjs.org/scratch-vm/-/scratch-vm-0.2.0-prerelease.20220501145413.tgz",
"integrity": "sha512-M6uETr2H3mnroeTAdO23TsQSg25yLXjmCzARj6Nrj4uZLHgxEmOx94kJItjdfYZ/N/+koGELSj9xzvL2gxalxA==",
"version": "0.2.0-prerelease.20220510130158",
"resolved": "https://registry.npmjs.org/scratch-vm/-/scratch-vm-0.2.0-prerelease.20220510130158.tgz",
"integrity": "sha512-OPNnmnRwEknNwe4MGotlqAlZwLct5gaSBOcBd7JssDXghJ05trqdHnuQWWd5wNQMlu4dPelyi6CGWRcTgwwIbA==",
"dev": true,
"dependencies": {
"@vernier/godirect": "1.5.0",
@ -50743,21 +50759,21 @@
}
},
"scratch-blocks": {
"version": "0.1.0-prerelease.20220501111245",
"resolved": "https://registry.npmjs.org/scratch-blocks/-/scratch-blocks-0.1.0-prerelease.20220501111245.tgz",
"integrity": "sha512-OVebiUFtr/15yjEq4gd+6GI4JPAs5UG2SGe+/Zx+z3gVuIRjgkusCmAc5QexNOGypf91nnQQCVCocvk7QdhB8Q==",
"version": "0.1.0-prerelease.20220510060607",
"resolved": "https://registry.npmjs.org/scratch-blocks/-/scratch-blocks-0.1.0-prerelease.20220510060607.tgz",
"integrity": "sha512-mpI73aZlzntkDVYH2P5PtEb5/CTCcVzBNhSri5dgk4LTzMAomm4gcBHOHeYCDQSmqUItrZ788c3InR1viFyHQA==",
"dev": true,
"requires": {
"exports-loader": "0.6.3",
"google-closure-library": "20190301.0.0",
"imports-loader": "0.6.5",
"scratch-l10n": "3.14.20220428031608"
"scratch-l10n": "3.14.20220510031559"
},
"dependencies": {
"scratch-l10n": {
"version": "3.14.20220428031608",
"resolved": "https://registry.npmjs.org/scratch-l10n/-/scratch-l10n-3.14.20220428031608.tgz",
"integrity": "sha512-FloINfIeRWPVnhdLV+gwStq6Zo2JkK0StjVraA1ueLj0Qf42owSWpn0ByYUHPfRx50KoB9hvMr6f0JYZuMzjMg==",
"version": "3.14.20220510031559",
"resolved": "https://registry.npmjs.org/scratch-l10n/-/scratch-l10n-3.14.20220510031559.tgz",
"integrity": "sha512-3nbZ0+1N9HnplmwTXlVv4lZ7b799JX0OMyJjWrSDET/EpCARS2oO/YTAK6Kt6xBKd7sIO2nummVT/NSosLv6cw==",
"dev": true,
"requires": {
"@babel/cli": "^7.1.2",
@ -50769,9 +50785,9 @@
}
},
"scratch-gui": {
"version": "0.1.0-prerelease.20220504060134",
"resolved": "https://registry.npmjs.org/scratch-gui/-/scratch-gui-0.1.0-prerelease.20220504060134.tgz",
"integrity": "sha512-MVFfuAxDAZG7s+apaGyGLom2WiH2R7gBBesYJl3tkMFDa28BBquasHuEBMaNYGj4Bt+rWqIIiBVyysY7RpiYLw==",
"version": "0.1.0-prerelease.20220511000702",
"resolved": "https://registry.npmjs.org/scratch-gui/-/scratch-gui-0.1.0-prerelease.20220511000702.tgz",
"integrity": "sha512-9xs1WimjgxIYgCp1oZW+Wcw+UFaz/mAL8OFZgfeY8ZXqAx42xchyYkKAkJKCO5YV7UoGm5zEYO14WM/5/dmpoA==",
"dev": true,
"requires": {
"arraybuffer-loader": "^1.0.6",
@ -50822,14 +50838,14 @@
"redux": "3.7.2",
"redux-throttle": "0.1.1",
"scratch-audio": "0.1.0-prerelease.20200528195344",
"scratch-blocks": "0.1.0-prerelease.20220501111245",
"scratch-l10n": "3.14.20220504031551",
"scratch-paint": "0.2.0-prerelease.20220429193038",
"scratch-blocks": "0.1.0-prerelease.20220510060607",
"scratch-l10n": "3.14.20220510031559",
"scratch-paint": "0.2.0-prerelease.20220510060809",
"scratch-render": "0.1.0-prerelease.20211028200436",
"scratch-render-fonts": "1.0.0-prerelease.20210401210003",
"scratch-storage": "1.3.5",
"scratch-storage": "1.3.6",
"scratch-svg-renderer": "0.2.0-prerelease.20210727023023",
"scratch-vm": "0.2.0-prerelease.20220501145413",
"scratch-vm": "0.2.0-prerelease.20220510130158",
"startaudiocontext": "1.2.1",
"style-loader": "^0.23.0",
"text-encoding": "0.7.0",
@ -51064,10 +51080,22 @@
"symbol-observable": "^1.0.3"
}
},
"scratch-l10n": {
"version": "3.14.20220510031559",
"resolved": "https://registry.npmjs.org/scratch-l10n/-/scratch-l10n-3.14.20220510031559.tgz",
"integrity": "sha512-3nbZ0+1N9HnplmwTXlVv4lZ7b799JX0OMyJjWrSDET/EpCARS2oO/YTAK6Kt6xBKd7sIO2nummVT/NSosLv6cw==",
"dev": true,
"requires": {
"@babel/cli": "^7.1.2",
"@babel/core": "^7.1.2",
"babel-plugin-react-intl": "^3.0.1",
"transifex": "1.6.6"
}
},
"scratch-paint": {
"version": "0.2.0-prerelease.20220429193038",
"resolved": "https://registry.npmjs.org/scratch-paint/-/scratch-paint-0.2.0-prerelease.20220429193038.tgz",
"integrity": "sha512-1jCa4ieYjMOc/nKrOlcGCG0DtseR+YAapIYHlraUO6DGHTBm2frB//CDkEHwOIlN54ZPOak2WS4oJYKDuFgqEQ==",
"version": "0.2.0-prerelease.20220510060809",
"resolved": "https://registry.npmjs.org/scratch-paint/-/scratch-paint-0.2.0-prerelease.20220510060809.tgz",
"integrity": "sha512-/aiBQGKCwI7IqbdqY+nUzNL3zYQUkwzLOhK6zJ+3NAo2MxbK6v8vBEaMkcKRjDd64szo6vOVVUXasqREW0leaw==",
"dev": true,
"requires": {
"@scratch/paper": "0.11.20200728195508",
@ -51089,9 +51117,9 @@
}
},
"scratch-storage": {
"version": "1.3.5",
"resolved": "https://registry.npmjs.org/scratch-storage/-/scratch-storage-1.3.5.tgz",
"integrity": "sha512-MrIRidvUJtncx0xlMJDng9KypHR3/kyCE2stXJ1CYNLTWrl2pGCpNNcYWygRQw7aFQ0hIzP/Z118T8X53sUDAA==",
"version": "1.3.6",
"resolved": "https://registry.npmjs.org/scratch-storage/-/scratch-storage-1.3.6.tgz",
"integrity": "sha512-L/7z7SB7cGANsgjyiE+qZNaPEqFHK1yPbNomizkgN3WHGcKRogLvmheR57kOxHNpQzodUTbG+pVVH6fR2ZY1Sg==",
"dev": true,
"requires": {
"arraybuffer-loader": "^1.0.3",
@ -51148,9 +51176,9 @@
}
},
"scratch-l10n": {
"version": "3.14.20220504031551",
"resolved": "https://registry.npmjs.org/scratch-l10n/-/scratch-l10n-3.14.20220504031551.tgz",
"integrity": "sha512-X65xULMmmUrSrKf+dEplskLg+HcFQWc6hzAJN7x8/j5O252v5z7SKrJbLhH1lzmtHyGfeLgiy6aHOfzt1TmCnA==",
"version": "3.14.20220511031550",
"resolved": "https://registry.npmjs.org/scratch-l10n/-/scratch-l10n-3.14.20220511031550.tgz",
"integrity": "sha512-ZZGfa8o8TeN+WlTk2d+M3t9I7WMM9N3y/USNW9mzn8wOlGgKQbHhh2lG1PhEypQO1mPJYbCcuxH+47KiS4RnEQ==",
"dev": true,
"requires": {
"@babel/cli": "^7.1.2",
@ -51340,9 +51368,9 @@
"dev": true
},
"scratch-vm": {
"version": "0.2.0-prerelease.20220501145413",
"resolved": "https://registry.npmjs.org/scratch-vm/-/scratch-vm-0.2.0-prerelease.20220501145413.tgz",
"integrity": "sha512-M6uETr2H3mnroeTAdO23TsQSg25yLXjmCzARj6Nrj4uZLHgxEmOx94kJItjdfYZ/N/+koGELSj9xzvL2gxalxA==",
"version": "0.2.0-prerelease.20220510130158",
"resolved": "https://registry.npmjs.org/scratch-vm/-/scratch-vm-0.2.0-prerelease.20220510130158.tgz",
"integrity": "sha512-OPNnmnRwEknNwe4MGotlqAlZwLct5gaSBOcBd7JssDXghJ05trqdHnuQWWd5wNQMlu4dPelyi6CGWRcTgwwIbA==",
"dev": true,
"requires": {
"@vernier/godirect": "1.5.0",

View file

@ -134,8 +134,8 @@
"regenerator-runtime": "0.13.9",
"sass": "1.49.7",
"sass-loader": "10.2.1",
"scratch-gui": "0.1.0-prerelease.20220504060134",
"scratch-l10n": "3.14.20220504031551",
"scratch-gui": "0.1.0-prerelease.20220511000702",
"scratch-l10n": "3.14.20220511031550",
"selenium-webdriver": "4.1.0",
"slick-carousel": "1.6.0",
"style-loader": "0.12.3",

View file

@ -19,12 +19,16 @@ const TextAndMediaSnippet = props => (
<h4>{props.title}</h4>
{props.children.length > 0 ?
<div>
{/* eslint-disable */}
{props.children.map((paragraph, i) => {
return <p key={i}>{paragraph}</p>;
})}
{props.children.map((paragraph, i) => (
<p
className={i === 0 && props.firstPBig ? 'p-big' : null}
key={i}
>
{paragraph}
</p>
))}
</div> :
<p>
<p className={props.firstPBig ? 'p-big' : null}>
{props.children}
</p>
}
@ -103,14 +107,15 @@ const TextAndMediaSnippet = props => (
);
TextAndMediaSnippet.propTypes = {
children: PropTypes.node,
title: PropTypes.string,
largeImage: PropTypes.string,
className: PropTypes.string,
videoId: PropTypes.string,
type: PropTypes.string,
alt: PropTypes.string,
spinnerColor: PropTypes.string
children: PropTypes.node,
className: PropTypes.string,
largeImage: PropTypes.string,
firstPBig: PropTypes.bool,
spinnerColor: PropTypes.string,
title: PropTypes.string,
type: PropTypes.string,
videoId: PropTypes.string
};
module.exports = TextAndMediaSnippet;

View file

@ -116,6 +116,10 @@
font-size: 1rem;
text-align: left;
&.p-big {
font-size: 1.125rem;
}
@media #{$intermediate-and-smaller} {
text-align: center;
}

View file

@ -10,9 +10,9 @@
"name": "annual-report",
"pattern": "^/annual-report/?(\\?.*)?$",
"routeAlias": "/annual-report/?$",
"view": "annual-report/2020/annual-report",
"title": "Annual Report 2020",
"intlName": "annual-report-2020",
"view": "annual-report/2021/annual-report",
"title": "Annual Report 2021",
"intlName": "annual-report-2021",
"viewportWidth": "device-width"
},
{

View file

@ -437,19 +437,19 @@ class AnnualReport extends React.Component {
ref={this.setRef(SECTIONS.mission)}
>
<div className="inner">
<h4><FormattedMessage id="annualReport.2021.missionTitle" /></h4>
<h3><FormattedMessage id="annualReport.2021.missionTitle" /></h3>
<p><FormattedMessage id="annualReport.2021.missionP1" /></p>
<p><FormattedMessage id="annualReport.2021.missionP2" /></p>
<h5><FormattedMessage id="annualReport.2021.visionHeader" /></h5>
<p>
<p className="p-big">
<FormattedMessage id="annualReport.2021.visionSubtitle" />
</p>
<h5><FormattedMessage id="annualReport.2021.missionHeader" /></h5>
<p>
<p className="p-big">
<FormattedMessage id="annualReport.2021.missionSubtitle" />
</p>
<h5><FormattedMessage id="annualReport.2021.valuesHeader" /></h5>
<p>
<p className="p-big">
<FormattedMessage id="annualReport.2021.valuesSubtitle" />
</p>
</div>
@ -461,25 +461,25 @@ class AnnualReport extends React.Component {
<FormattedMessage id="annualReport.2021.creativeExpressionTitle" />
</h3>
</div>
<p className="inner"><FormattedMessage id="annualReport.2021.creativeExpressionDescription" /></p>
<p className="inner p-big"><FormattedMessage id="annualReport.2021.creativeExpressionDescription" /></p>
</div>
<div className="one-p equitable-opportunities">
<div className="four-up-title equitable-opportunities">
<h3><FormattedMessage id="annualReport.2021.EquitableOpportunitiesTitle" /></h3>
</div>
<p className="inner"><FormattedMessage id="annualReport.2021.EquitableOpportunitiesDescription" /></p>
<p className="inner p-big"><FormattedMessage id="annualReport.2021.EquitableOpportunitiesDescription" /></p>
</div>
<div className="one-p progressive-improvement">
<div className="four-up-title progressive-improvement">
<h3><FormattedMessage id="annualReport.2021.progressiveImprovementTitle" /></h3>
</div>
<p className="inner"><FormattedMessage id="annualReport.2021.progressiveImprovementDescription" /></p>
<p className="inner p-big"><FormattedMessage id="annualReport.2021.progressiveImprovementDescription" /></p>
</div>
<div className="one-p playful-engagement">
<div className="four-up-title playful-engagement">
<h3><FormattedMessage id="annualReport.2021.playfulEngagementTitle" /></h3>
</div>
<p className="inner"><FormattedMessage id="annualReport.2021.playfulEngagementDescription" /></p>
<p className="inner p-big"><FormattedMessage id="annualReport.2021.playfulEngagementDescription" /></p>
</div>
{/* eslint-enable max-len */}
</div>
@ -491,10 +491,10 @@ class AnnualReport extends React.Component {
<div className="inner">
<div className="reach-intro">
<div className="hed">
<h2>
<h3>
<FormattedMessage id="annualReport.2021.reachTitle" />
</h2>
<p>
</h3>
<p className="p-big">
<FormattedMessage id="annualReport.2021.reachSubtitle" />
</p>
</div>
@ -603,7 +603,7 @@ class AnnualReport extends React.Component {
id="annualReport.2021.reachSaudiArabiaTitle"
/>
</h4>
<p>
<p className="p-big">
<FormattedMessage
id="annualReport.2021.reachSaudiArabiaDescription"
/>
@ -644,7 +644,7 @@ class AnnualReport extends React.Component {
/>
</span>
</div>
<p>
<p className="p-big">
<FormattedMessage id="annualReport.2021.reachTranslationBlurb" />
</p>
</div>
@ -762,10 +762,10 @@ class AnnualReport extends React.Component {
<div className="initiatives-subsection-content SEC">
<div className="content two-up">
<div className="p-content">
<h4>
<h3>
<FormattedMessage id="annualReport.2021.SECWhatIs" />
</h4>
<p><FormattedMessage id="annualReport.2021.SECWhatIsP1" /></p>
</h3>
<p className="p-big"><FormattedMessage id="annualReport.2021.SECWhatIsP1" /></p>
<p><FormattedMessage id="annualReport.2021.SECWhatIsP2" /></p>
<p><FormattedMessage id="annualReport.2021.SECWhatIsP3" /></p>
</div>
@ -797,7 +797,7 @@ class AnnualReport extends React.Component {
</div>
</div>
<div className="map">
<p><FormattedMessage id="annualReport.2021.SECMapParagraph" /></p>
<p className="p-big"><FormattedMessage id="annualReport.2021.SECMapParagraph" /></p>
<img
src="/images/annual-report/2021/1_SEC Section/Map.svg"
alt={this.props.intl.formatMessage(
@ -846,13 +846,15 @@ class AnnualReport extends React.Component {
color="blue"
type="spotlight"
/>
<h4>
<h3>
<FormattedMessage id="annualReport.2021.SECSpotlightTitle" />
</h4>
</h3>
<p className="larger">
<FormattedMessage id="annualReport.2021.SECSpotlightLocation" />
<b>
<FormattedMessage id="annualReport.2021.SECSpotlightLocation" />
</b>
</p>
<p>
<p className="p-big">
<FormattedMessage id="annualReport.2021.SECSpotlightText1" />
</p>
<p>
@ -881,14 +883,16 @@ class AnnualReport extends React.Component {
text={this.props.intl.formatMessage(
{id: 'annualReport.2021.spotlightStory'}
)}
color="green"
color="blue"
type="spotlight"
/>
<h4>
<h3>
<FormattedMessage id="annualReport.2021.SECSpotlightTitle" />
</h4>
</h3>
<p className="larger">
<FormattedMessage id="annualReport.2021.SECSpotlightLocation" />
<b>
<FormattedMessage id="annualReport.2021.SECSpotlightLocation" />
</b>
</p>
</div>
<div className="images">
@ -902,7 +906,7 @@ class AnnualReport extends React.Component {
{/* eslint-enable max-len */}
</div>
<div className="text">
<p>
<p className="p-big">
<FormattedMessage id="annualReport.2021.SECSpotlightText1" />
</p>
<p>
@ -923,15 +927,15 @@ class AnnualReport extends React.Component {
</div>
<div className="inner stacked">
<div className="workshop">
<h4>
<h3>
<FormattedMessage id="annualReport.2021.SECWorkshops" />
</h4>
<p>
</h3>
<p className="p-big">
<FormattedMessage id="annualReport.2021.SECWorkshopsText" />
</p>
<h4 className="center">
<h3 className="center">
<FormattedMessage id="annualReport.2021.SECWorkshopsSubtitle" />
</h4>
</h3>
<img
className="sec-image"
src="/images/annual-report/2021/1_SEC Section/Workshops.svg"
@ -963,9 +967,9 @@ class AnnualReport extends React.Component {
color="green"
type="spotlight"
/>
<h4>
<h3>
<FormattedMessage id="annualReport.2021.accessASL" />
</h4>
</h3>
<p className="subhed">
<FormattedMessage
id="annualReport.2021.accessASLText"
@ -1005,6 +1009,7 @@ class AnnualReport extends React.Component {
buttonMessage={
this.props.intl.formatMessage({id: 'annualReport.2021.watchVideo'})
}
spinnerColor="transparent-gray"
thumbnail="/images/annual-report/2021/2_Access Section/Deaf Kids Code Video.png"
videoId="i2g46ikddf"
thumbnailWidth="580"
@ -1025,6 +1030,7 @@ class AnnualReport extends React.Component {
buttonMessage={
this.props.intl.formatMessage({id: 'annualReport.2021.watchVideo'})
}
spinnerColor="transparent-gray"
thumbnail="/images/annual-report/2021/2_Access Section/Deaf Kids Code Video.png"
videoId="i2g46ikddf"
thumbnailWidth="400"
@ -1042,6 +1048,7 @@ class AnnualReport extends React.Component {
buttonMessage={
this.props.intl.formatMessage({id: 'annualReport.2021.watchVideo'})
}
spinnerColor="transparent-gray"
thumbnail="/images/annual-report/2021/2_Access Section/Deaf Kids Code Video.png"
videoId="i2g46ikddf"
thumbnailWidth="300"
@ -1064,7 +1071,7 @@ class AnnualReport extends React.Component {
<MediaQuery minWidth={frameless.tabletPortrait}>
{/* eslint-disable max-len */}
<TextAndMediaSnippet
className="regular first"
className="regular first medium-title"
title={this.props.intl.formatMessage(
{id: 'annualReport.2021.accessDEICommittee'}
)}
@ -1073,6 +1080,7 @@ class AnnualReport extends React.Component {
)}
type="image"
largeImage="/images/annual-report/2021/2_Access Section/Committees start illustration.svg"
firstPBig
>
<FormattedMessage
id="annualReport.2021.accessDEICommitteeText"
@ -1082,11 +1090,11 @@ class AnnualReport extends React.Component {
</MediaQuery>
<MediaQuery maxWidth={frameless.tabletPortrait - 1}>
{/* eslint-disable max-len */}
<h4>
<h3>
<FormattedMessage
id="annualReport.2021.accessDEICommittee"
/>
</h4>
</h3>
<TextAndMediaSnippet
className="regular"
alt={this.props.intl.formatMessage(
@ -1094,6 +1102,7 @@ class AnnualReport extends React.Component {
)}
type="image"
largeImage="/images/annual-report/2021/2_Access Section/Committees start illustration.svg"
firstPBig
>
<FormattedMessage
id="annualReport.2021.accessDEICommitteeText"
@ -1119,6 +1128,7 @@ class AnnualReport extends React.Component {
)}
type="image"
largeImage="/images/annual-report/2021/2_Access Section/Accessibility Committee Illustration.svg"
firstPBig
>
<FormattedMessage
id="annualReport.2021.accessDEICommitteeAccessibilityText"
@ -1141,6 +1151,7 @@ class AnnualReport extends React.Component {
)}
type="image"
largeImage="/images/annual-report/2021/2_Access Section/Accessibility Committee Illustration.svg"
firstPBig
>
<FormattedMessage
id="annualReport.2021.accessDEICommitteeAccessibilityText"
@ -1169,6 +1180,7 @@ class AnnualReport extends React.Component {
)}
type="image"
largeImage="/images/annual-report/2021/2_Access Section/G-JEDI Committee Illustration.svg"
firstPBig
>
<FormattedMessage
id="annualReport.2021.accessDEICommitteeG-JEDIText"
@ -1191,6 +1203,7 @@ class AnnualReport extends React.Component {
)}
type="image"
largeImage="/images/annual-report/2021/2_Access Section/G-JEDI Committee Illustration.svg"
firstPBig
>
<FormattedMessage
id="annualReport.2021.accessDEICommitteeG-JEDIText"
@ -1220,6 +1233,7 @@ class AnnualReport extends React.Component {
)}
type="image"
largeImage="/images/annual-report/2021/2_Access Section/Equity x Design Committee Illustration.svg"
firstPBig
>
<FormattedMessage
id="annualReport.2021.accessDEICommitteeEquityXDesignText"
@ -1241,6 +1255,7 @@ class AnnualReport extends React.Component {
)}
type="image"
largeImage="/images/annual-report/2021/2_Access Section/Equity x Design Committee Illustration.svg"
firstPBig
>
<FormattedMessage
id="annualReport.2021.accessDEICommitteeEquityXDesignText"
@ -1264,12 +1279,11 @@ class AnnualReport extends React.Component {
type="snapshot left-align languages"
/>
<div className="flex-content">
<div className="text-and-media-snippet regular">
<div className="text-and-media-snippet regular new-languages">
<div className="half">
<h4>
<h3>
<FormattedMessage id="annualReport.2021.access10NewLanguages" />
</h4>
</h3>
<p>
<FormattedMessage id="annualReport.2021.access10NewLanguagesText" />
</p>
@ -1306,7 +1320,7 @@ class AnnualReport extends React.Component {
<MediaQuery minWidth={frameless.tabletPortrait}>
{/* eslint-disable max-len */}
<TextAndMediaSnippet
className="reverse"
className="reverse medium-title"
title={this.props.intl.formatMessage(
{id: 'annualReport.2021.accessSouthAfrica'}
)}
@ -1325,7 +1339,7 @@ class AnnualReport extends React.Component {
<MediaQuery maxWidth={frameless.tabletPortrait - 1}>
{/* eslint-disable max-len */}
<TextAndMediaSnippet
className="regular"
className="regular medium-title"
title={this.props.intl.formatMessage(
{id: 'annualReport.2021.accessSouthAfrica'}
)}
@ -1366,10 +1380,10 @@ class AnnualReport extends React.Component {
type="snapshot"
/>
{/* eslint-disable max-len */}
<h4>
<h3>
<FormattedMessage id="annualReport.2021.communityScratchConference" />
</h4>
<p>
</h3>
<p className="p-bold">
<FormattedMessage
id="annualReport.2021.communityScratchConferenceText1"
values={{
@ -1397,11 +1411,11 @@ class AnnualReport extends React.Component {
{/* volunteer translators */}
<div className="inner">
<div className="flex-content">
<h4 className="special">
<h3 className="special">
<FormattedMessage
id="annualReport.2021.communityVolunteerTranslators"
/>
</h4>
</h3>
<MediaQuery minWidth={frameless.desktop}>
{/* eslint-disable max-len */}
<TextAndMediaSnippet
@ -1411,8 +1425,10 @@ class AnnualReport extends React.Component {
)}
type="image"
largeImage="/images/annual-report/2021/3_Community Section/Languages illustration.svg"
firstPBig
>
<FormattedMessage
className="p-big"
id="annualReport.2021.communityVolunteerTranslatorsText"
/>
</TextAndMediaSnippet>
@ -1427,6 +1443,7 @@ class AnnualReport extends React.Component {
)}
type="image"
largeImage="/images/annual-report/2021/3_Community Section/Languages illustration.svg"
firstPBig
>
<FormattedMessage
id="annualReport.2021.communityVolunteerTranslatorsText"
@ -1454,7 +1471,7 @@ class AnnualReport extends React.Component {
<h3>
<FormattedMessage id="annualReport.2021.communityScratchCommunity" />
</h3>
<p>
<p className="big-p">
<FormattedMessage id="annualReport.2021.communityScratchCommunityIntro" />
</p>
</div>
@ -1531,6 +1548,7 @@ class AnnualReport extends React.Component {
date={this.props.intl.formatMessage(
{id: 'annualReport.2021.yearInReviewCard3Date'}
)}
link="https://scratch.mit.edu/studios/29293970/"
title={this.props.intl.formatMessage(
{id: 'annualReport.2021.yearInReviewCard3Title'}
)}
@ -1556,6 +1574,7 @@ class AnnualReport extends React.Component {
date={this.props.intl.formatMessage(
{id: 'annualReport.2021.yearInReviewCard4Date'}
)}
link="https://scratch.mit.edu/studios/29722528"
title={this.props.intl.formatMessage(
{id: 'annualReport.2021.yearInReviewCard4Title'}
)}
@ -1676,20 +1695,20 @@ class AnnualReport extends React.Component {
src="/images/annual-report/2021/3_Community Section/Timeline/April Illustration.svg"
alt={this.props.intl.formatMessage({id: 'annualReport.2021.altApril'})}
/>
<img
className="may"
src="/images/annual-report/2021/3_Community Section/Timeline/June Illustration.svg"
alt={this.props.intl.formatMessage({id: 'annualReport.2021.altMay'})}
/>
<p className="may">
<FormattedMessage id="annualReport.2021.JuneIlloAttr" />
</p>
<img
className="june"
src="/images/annual-report/2021/3_Community Section/Timeline/Oct Illustration.svg"
src="/images/annual-report/2021/3_Community Section/Timeline/June Illustration.svg"
alt={this.props.intl.formatMessage({id: 'annualReport.2021.altJune'})}
/>
<p className="june">
<FormattedMessage id="annualReport.2021.JuneIlloAttr" />
</p>
<img
className="august"
src="/images/annual-report/2021/3_Community Section/Timeline/Oct Illustration.svg"
alt={this.props.intl.formatMessage({id: 'annualReport.2021.altAugust'})}
/>
<p className="august">
<FormattedMessage id="annualReport.2021.OctIlloAttr" />
</p>
</div>
@ -1698,22 +1717,22 @@ class AnnualReport extends React.Component {
<div className="initiatives-subsection-content lab">
<div className="wide inner community">
<div className="content two-wide split">
<Tag
text={this.props.intl.formatMessage(
{id: 'annualReport.2021.spotlightStory'}
)}
color="purple"
type="snapshot"
/>
<div className="content two-wide split scratch-lab-intro">
<div className="text">
<Tag
text={this.props.intl.formatMessage(
{id: 'annualReport.2021.spotlightStory'}
)}
color="purple"
type="snapshot"
/>
<h4>
<h3>
<FormattedMessage id="annualReport.2021.communityScratchLabTitle" />
</h4>
</h3>
<MediaQuery
minWidth={frameless.tabletPortrait}
>
<p>
<p className="p-big">
<FormattedMessage id="annualReport.2021.communityScratchLabText" />
</p>
</MediaQuery>
@ -1729,7 +1748,7 @@ class AnnualReport extends React.Component {
<MediaQuery
maxWidth={frameless.tabletPortrait - 1}
>
<p>
<p className="p-big">
<FormattedMessage id="annualReport.2021.communityScratchLabText" />
</p>
</MediaQuery>
@ -1745,6 +1764,7 @@ class AnnualReport extends React.Component {
buttonMessage={
this.props.intl.formatMessage({id: 'annualReport.2021.watchVideo'})
}
spinnerColor="transparent-gray"
thumbnail="/images/annual-report/2021/3_Community Section/Scratch Lab video.png"
videoId="go1wqxifjk"
thumbnailWidth="580"
@ -1765,6 +1785,7 @@ class AnnualReport extends React.Component {
buttonMessage={
this.props.intl.formatMessage({id: 'annualReport.2021.watchVideo'})
}
spinnerColor="transparent-gray"
thumbnail="/images/annual-report/2021/3_Community Section/Scratch Lab video.png"
videoId="go1wqxifjk"
thumbnailWidth="400"
@ -1782,6 +1803,7 @@ class AnnualReport extends React.Component {
buttonMessage={
this.props.intl.formatMessage({id: 'annualReport.2021.watchVideo'})
}
spinnerColor="transparent-gray"
thumbnail="/images/annual-report/2021/3_Community Section/Scratch Lab video.png"
videoId="go1wqxifjk"
thumbnailWidth="300"
@ -1798,7 +1820,7 @@ class AnnualReport extends React.Component {
<div className="initiatives-subsection-content lab second">
<div className="wide inner community">
<div className="community-sds">
<p>
<p className="p-big">
<FormattedMessage id="annualReport.2021.communityScratchLabText3" />
</p>
<p>
@ -1828,15 +1850,15 @@ class AnnualReport extends React.Component {
</div>
</div>
<div style={{width: '100%'}}>
<h4 style={{textAlign: 'center'}}>
<h3 style={{textAlign: 'center'}}>
<FormattedMessage id="annualReport.2021.communitySnapshot2Title" />
</h4>
</h3>
<div className="content two-wide split yt">
<MediaQuery
minWidth={frameless.tabletPortrait}
>
<div className="text">
<p>
<p className="p-big">
{/* eslint-disable max-len */}
<FormattedMessage id="annualReport.2021.communitySnapshot2Text" />
{/* eslint-enable max-len */}
@ -1876,7 +1898,7 @@ class AnnualReport extends React.Component {
maxWidth={frameless.tabletPortrait - 1}
>
<div className="text">
<p>
<p className="p-big">
{/* eslint-disable max-len */}
<FormattedMessage id="annualReport.2021.communitySnapshot2Text" />
{/* eslint-enable max-len */}
@ -1942,7 +1964,7 @@ class AnnualReport extends React.Component {
{/* eslint-enable max-len */}
</div>
<div className="community-sds">
<p>
<p className="p-big">
<FormattedMessage id="annualReport.2021.communitySnapshot2Text2" />
</p>
<div className="sds-list">
@ -2052,22 +2074,22 @@ class AnnualReport extends React.Component {
<p>
<FormattedMessage id="annualReport.2021.lookingForwardText1" />
</p>
<div className="sds-list">
<div className="sds-tile">
<div className="framework-list">
<div className="framework-tile">
<img
src="/images/annual-report/2021/4_Looking Forward/looking forward 1.svg"
alt={this.props.intl.formatMessage({id: 'annualReport.2021.altLookingForward1'})}
/>
<FormattedMessage id="annualReport.2021.LookingForward1" />
</div>
<div className="sds-tile">
<div className="framework-tile">
<img
src="/images/annual-report/2021/4_Looking Forward/looking forward 2.svg"
alt={this.props.intl.formatMessage({id: 'annualReport.2021.altLookingForward2'})}
/>
<FormattedMessage id="annualReport.2021.LookingForward2" />
</div>
<div className="sds-tile">
<div className="framework-tile">
<img
src="/images/annual-report/2021/4_Looking Forward/looking forward 3.svg"
alt={this.props.intl.formatMessage({id: 'annualReport.2021.altLookingForward3'})}
@ -2088,7 +2110,7 @@ class AnnualReport extends React.Component {
<h2>
<FormattedMessage id="annualReport.2021.supportersTitle" />
</h2>
<p>
<p className="p-big">
<FormattedMessage id="annualReport.2021.supportersIntro" />
</p>
</div>

View file

@ -5,8 +5,6 @@ $base-bg: $ui-white;
$annual-report-aqua: #088763;
$annual-report-green: #2B732B;
$annual-report-teal: #297EA4;
$masthead-breakpoint: "only screen and (max-width : 960px)";
$masthead-breakpoint-wave: "only screen and (max-width : 1060px)";
$timeline-breakpoint: "only screen and (max-width : 1030px)";
$ui-purple-dark: hsla(260, 55%, 55%, 1);
@ -35,18 +33,13 @@ h1 {
}
h2 {
font-size: 2.9rem;
font-size: 2.5rem;
line-height: 3.2rem;
}
h3 {
font-size: 2rem;
line-height: 2.5rem;
}
h4 {
font-size: 1.5rem;
line-height: 2rem;
&.special{
margin: 50px auto -50px;
@media #{$intermediate-and-smaller}{
@ -55,6 +48,11 @@ h4 {
}
}
h4 {
font-size: 1.5rem;
line-height: 2rem;
}
h5 {
text-transform: none;
font-size: 1rem;
@ -67,6 +65,10 @@ p {
line-height: 2rem;
}
.p-big {
font-size: 1.125rem;
}
p a {
white-space: break-spaces;
}
@ -113,7 +115,7 @@ a, a:link, a:visited, a:active{
color: $ui-white;
}
@media #{$masthead-breakpoint} {
@media #{$intermediate-and-smaller} {
.inner {
width: 100%;
}
@ -145,7 +147,7 @@ a, a:link, a:visited, a:active{
}
}
@media #{$masthead-breakpoint} {
@media #{$intermediate-and-smaller} {
flex-direction: column;
align-items: center;
@ -191,6 +193,13 @@ a, a:link, a:visited, a:active{
@media #{$big} {
h2 {
max-width: 300px;
overflow-wrap: break-word;
}
p {
&:first-of-type{
margin-top: 0;
}
}
}
@ -286,6 +295,7 @@ a, a:link, a:visited, a:active{
line-height: 2rem;
text-align: left;
margin-bottom: 40px;
font-weight: bold;
@media #{$small}{
font-size: 24px;
}
@ -333,12 +343,12 @@ a, a:link, a:visited, a:active{
width: 100%;
// max-width: 760px;
margin: auto;
h4{
h3{
text-align: left;
&.center{
text-align: center;
width: 100%;
max-width: 500px;
max-width: 640px;
margin: auto;
}
}
@ -492,6 +502,7 @@ a, a:link, a:visited, a:active{
height: 134px;
line-height: 1.5;
text-align: center;
overflow-wrap: break-word;
}
p {
@ -625,7 +636,8 @@ a, a:link, a:visited, a:active{
}
h2{
font-size: 24px;
font-size: 2rem;
line-height: 1rem;
}
.reach-intro {
@ -633,8 +645,12 @@ a, a:link, a:visited, a:active{
text-align: center;
width: 100%;
.hed{
max-width: 630px;
max-width: 620px;
margin: auto;
@media #{$small} {
margin: auto 8px;
}
}
.reach-numbers {
@ -817,6 +833,7 @@ a, a:link, a:visited, a:active{
flex-direction: row;
justify-content: space-around;
align-items: center;
img, p {
margin: 0 40px;
}
@ -829,13 +846,14 @@ a, a:link, a:visited, a:active{
width: 300px;
}
@media #{$big} {
img, p, h4{
img, p, h3, h4{
margin: 0 80px;
}
}
}
.datapoint.world{
margin-top: 68px;
@media #{$medium}{
img, p {
margin: 0 0;
@ -851,6 +869,7 @@ a, a:link, a:visited, a:active{
}
.datapoint.saudi-arabia{
margin-top: 112px;
h4{
text-align: left;
margin-left: 40px;
@ -998,6 +1017,7 @@ img.comment-viz{
justify-content: center;
align-items: center;
text-align: center;
margin-left: 4px;
}
.three-pillars {
@ -1014,7 +1034,7 @@ img.comment-viz{
@media #{$big} {
.three-pillars {
.pillar-splash {
width: 244px;
width: 228px;
height: 160px;
}
}
@ -1033,7 +1053,7 @@ img.comment-viz{
.three-pillars {
.pillar-splash {
width: 198px;
width: 188px;
height: 128px;
}
}
@ -1055,13 +1075,13 @@ img.comment-viz{
h4 {
font-size: 1.1rem;
font-size: 1rem;
line-height: 1.3;
}
.three-pillars {
.pillar-splash {
width: 151px;
width: 142px;
height: 89px;
&.community {
@ -1083,9 +1103,10 @@ img.comment-viz{
.three-pillars {
.pillar-splash {
width: 95px;
width: 92px;
height: 64px;
margin-bottom: 0px;
margin-left: 2px;
&.community {
width: 108px;
@ -1208,6 +1229,7 @@ img.comment-viz{
.larger{
font-size: 1.25rem;
line-height: 2.5rem;
margin-top: 8px;
}
@media #{$intermediate} {
@ -1320,7 +1342,6 @@ img.comment-viz{
&.spotlight{
// margin-left: 50px;
@media #{$medium-and-smaller}{
margin: auto;
+ h4{
text-align: center;
margin-top: 15px;
@ -1422,7 +1443,7 @@ img.comment-viz{
}
@media #{$medium-and-intermediate} {
padding-top: 72px;
padding: 72px 0;
}
@media #{$intermediate} {
@ -1437,11 +1458,23 @@ img.comment-viz{
max-width: calc(100% - 50px);
margin: auto;
padding-top: 32px;
padding-bottom: 72px;
}
.two-wide{
margin: 50px auto 0px;
max-width: 840px;
&.scratch-lab-intro {
margin: 24px auto 16px;
@media #{$big}{
.text {
max-width: 380px;
}
}
}
.bubble{
margin: -25px 0 40px;
}
@ -1541,10 +1574,18 @@ img.comment-viz{
flex-direction: column;
align-items: center;
justify-content: center;
&.aaron{
text-align: center;
flex-direction: column-reverse;
}
h3 {
text-align: center;
}
.larger {
text-align: center;
}
}
&.split{
&.content{
@ -1577,7 +1618,7 @@ img.comment-viz{
@media #{$intermediate} {
.text{
max-width: 380px;
max-width: 360px;
}
}
}
@ -1635,6 +1676,10 @@ img.comment-viz{
}
}
.new-languages {
margin-top: 24px;
}
.year-in-review{
position: relative;
padding: 330px 0 180px 0;
@ -1682,17 +1727,17 @@ img.comment-viz{
@media #{$timeline-breakpoint} {
display: none;
}
.may{
display: block;
position: absolute;
left: 121px;
top: 1300px;
}
.june{
display: block;
position: absolute;
left: 121px;
top: 1400px;
}
.august{
display: block;
position: absolute;
right: 58px;
top: 2127px;
top: 2427px;
}
img{
display: block;
@ -1701,13 +1746,13 @@ img.comment-viz{
position: absolute;
right: 0px;
}
&.may{
left: 0px;
top: 900px;
}
&.june{
left: 0px;
top: 1000px;
}
&.august{
right: -50px;
top: 1570px;
top: 1870px;
}
}
}
@ -1753,7 +1798,7 @@ img.comment-viz{
padding: 0 15px;
}
p.subhed{
font-size: 1.1rem;
font-size: 1.125rem;
max-width: 500px;
margin: 15px auto;
}
@ -1851,9 +1896,10 @@ img.comment-viz{
font-size: 1.3rem;
}
}
&.first{
&.medium-title{
h4{
font-size: 1.5rem;
font-size: 2rem;
line-height: 2.5rem;
}
}
@media #{$intermediate-and-smaller} {
@ -2209,6 +2255,41 @@ img.comment-viz{
}
}
.framework-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 16px;
.framework-tile {
width: 200px;
text-align: left;
font-weight: bold;
img {
width: 100%;
}
p {
font-size: 1rem;
line-height: 1.25rem;
}
}
@media #{$intermediate-and-smaller}{
justify-content: center;
margin: 0px;
.framework-tile {
margin: 24px;
@media #{$medium-and-smaller} {
margin: 12px;
}
}
}
}
.founders-message {
.inner {
max-width: 900px;
@ -2228,7 +2309,7 @@ img.comment-viz{
width: 100%;
color: $ui-white;
h2, p {
h2, h4, p {
color: $ui-white;
}
@ -2246,14 +2327,14 @@ img.comment-viz{
}
}
.text{
width: 60%;
width: 620px;
}
@media #{$intermediate-and-smaller}{
flex-direction: column;
.header, .text{
width: 100%;
}
p{
p, h2, h4 {
text-align: left;
}
}
@ -2364,6 +2445,11 @@ p.contain-p{
background-size: contain;
background-repeat: no-repeat;
background-position: center;
.button {
background-color: $ui-purple-dark;
}
@media #{$intermediate-and-smaller} {
background-image: none;
}
@ -2572,7 +2658,7 @@ p.contain-p{
.in-kind{
display: inline-block;
margin: 0 0 0 5px;
margin: 0 0 1px 5px;
width: 8px;
height: 8px;
border-radius: 8px;

View file

@ -82,10 +82,10 @@
"annualReport.2021.spotlightStory": "Spotlight Story",
"annualReport.2021.SECSpotlightTitle": "Bridges to Science Spotlight",
"annualReport.2021.SECSpotlightTitle": "Bridges to Science",
"annualReport.2021.SECSpotlightLocation": "Fulshear, Texas",
"annualReport.2021.SECSpotlightText1": "Bridges to Science; a Texas-based nonprofit providing math, coding, and robotics programs for underserved youth; was one of 41 exceptional organizations to join the Scratch Education Collaborative's first cohort.",
"annualReport.2021.SECSpotlightText2": "In 2021, we supported Bridges to Science in facilitating their first “Hour of Code” workshop with Code.org.",
"annualReport.2021.SECSpotlightText2": "In 2021, we supported Bridges to Science in facilitating their first “Hour of Code” workshop with Code.org. The event “Fiestas y Piñatas” attracted over 22,000 teachers and students from Latin America. We also collaborated with Bridges to Science to develop a toolkit of unique resources to meet their communitys needs.",
"annualReport.2021.SECPullQuote": "One of the greatest joys that we have in teaching our students is that each one of them, no matter how quiet they are, all find a voice in computer science through Scratch.",
"annualReport.2021.SECPullQuoteAttr": "- Rosa Aristy, Bridges to Science Founder ",
@ -157,7 +157,7 @@
"annualReport.2021.yearInReviewCard4Date": "May",
"annualReport.2021.yearInReviewCard4Title": "Scratch Week",
"annualReport.2021.yearInReviewCard4Text": "Scratchers around the world shared more than 3,500 projects responding to themed prompts like “Cooking From Scratch” and “Ridiculous Inventions” to celebrate Scratch's birthday.",
"annualReport.2021.yearInReviewCard4Text": "Scratchers around the world shared more than 3,500 projects responding to themed prompts like “Cooking With Scratch” and “Ridiculous Inventions” to celebrate Scratch's birthday.",
"annualReport.2021.yearInReviewCard5Date": "June",
"annualReport.2021.yearInReviewCard5Title": "Pride Month",
@ -310,8 +310,8 @@
"annualReport.2021.altConnectingLine": "A dotted line connecting timeline elements.",
"annualReport.2021.altApril": "A pen and Scratch components placed on top of a purple background.",
"annualReport.2021.altMay": "A birthday cake in front of a banner of flags displaying various types of LGBTQ+ pride.",
"annualReport.2021.altJune": "A potato, birthday had, and sunglasses on top of a purple background.",
"annualReport.2021.altJune": "A birthday cake in front of a banner of flags displaying various types of LGBTQ+ pride.",
"annualReport.2021.altAugust": "A potato, birthday had, and sunglasses on top of a purple background.",
"annualReport.2021.altCard1": "A colorful blob floats in front of a black and gray background next to the words 'A dream In a world of nightmares.'",
"annualReport.2021.altCard2": "A black woman is wearing a yellow headband and gold hoop earrings.",
"annualReport.2021.altCard3": "The scratch cat mascot swings in front of buildings accompanied by text reading 'I think Scratch Cat is a superhero.'",

View file

@ -130,7 +130,7 @@
"name": "Deborah"
},
{
"userName": "epa85",
"userName": "NoodleKen11",
"userId": 83956975,
"name": "Elaine"
},

View file

@ -120,7 +120,7 @@
"name": "Deep"
},
{
"userName": "epa85",
"userName": "NoodleKen11",
"userId": 83956975,
"name": "Elaine"
},

View file

@ -18,12 +18,12 @@
<path fill-rule="evenodd" clip-rule="evenodd" d="M528.264 177.716C527.925 175.533 529.42 173.489 531.602 173.15L541.823 171.562L656.055 153.817C658.238 153.478 660.282 154.973 660.621 157.155L666.762 196.681C667.101 198.864 665.606 200.909 663.423 201.248L584.425 213.52L584.425 213.52L584.086 213.573C583.038 213.735 582.097 214.308 581.471 215.164L576.75 221.622C576.124 222.479 575.183 223.052 574.135 223.214L561.599 225.162C560.551 225.325 559.48 225.064 558.624 224.438L552.166 219.717C551.31 219.091 550.239 218.83 549.191 218.993L538.971 220.581C536.788 220.92 534.743 219.425 534.404 217.242L528.264 177.716ZM541.833 171.561L576.71 166.143C575.665 166.307 574.728 166.879 574.103 167.733L569.382 174.191C568.756 175.048 567.815 175.62 566.767 175.783L554.231 177.731C553.182 177.893 552.112 177.633 551.256 177.007L544.798 172.286C543.944 171.662 542.878 171.401 541.833 171.561Z"/>
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M528.264 177.716C527.925 175.533 529.42 173.489 531.602 173.15L541.823 171.562L656.055 153.817C658.238 153.478 660.282 154.973 660.621 157.155L666.762 196.681C667.101 198.864 665.606 200.909 663.423 201.248L584.425 213.52L584.425 213.52L584.086 213.573C583.038 213.735 582.097 214.308 581.471 215.164L576.75 221.622C576.124 222.479 575.183 223.052 574.135 223.214L561.599 225.162C560.551 225.325 559.48 225.064 558.624 224.438L552.166 219.717C551.31 219.091 550.239 218.83 549.191 218.993L538.971 220.581C536.788 220.92 534.743 219.425 534.404 217.242L528.264 177.716ZM541.833 171.561L576.71 166.143C575.665 166.307 574.728 166.879 574.103 167.733L569.382 174.191C568.756 175.048 567.815 175.62 566.767 175.783L554.231 177.731C553.182 177.893 552.112 177.633 551.256 177.007L544.798 172.286C543.944 171.662 542.878 171.401 541.833 171.561Z" fill="#FF6680"/>
<path d="M531.602 173.15L531.449 172.162L531.602 173.15ZM528.264 177.716L529.252 177.563L528.264 177.716ZM541.823 171.562L541.977 172.55L541.823 171.562ZM656.055 153.817L655.901 152.829L656.055 153.817ZM663.423 201.248L663.27 200.26L663.423 201.248ZM584.425 213.52L584.272 212.532L583.284 212.685L583.437 213.673L584.425 213.52ZM584.425 213.52L584.579 214.508L585.567 214.355L585.414 213.366L584.425 213.52ZM584.086 213.573L584.24 214.561L584.24 214.561L584.086 213.573ZM581.471 215.164L582.279 215.755L582.279 215.755L581.471 215.164ZM576.75 221.622L575.943 221.032L576.75 221.622ZM558.624 224.438L558.034 225.245L558.034 225.245L558.624 224.438ZM552.166 219.717L551.576 220.524L552.166 219.717ZM549.191 218.993L549.038 218.005L549.191 218.993ZM538.971 220.581L539.124 221.569L538.971 220.581ZM534.404 217.242L533.416 217.396L534.404 217.242ZM576.71 166.143L576.865 167.131L576.556 165.155L576.71 166.143ZM541.833 171.561L541.679 170.572L541.984 172.549L541.833 171.561ZM574.103 167.733L574.91 168.323L574.91 168.323L574.103 167.733ZM569.382 174.191L568.574 173.601L569.382 174.191ZM551.256 177.007L550.666 177.814L550.666 177.814L551.256 177.007ZM544.798 172.286L544.208 173.093L544.208 173.093L544.798 172.286ZM531.449 172.162C528.72 172.586 526.852 175.141 527.276 177.87L529.252 177.563C528.998 175.926 530.119 174.392 531.756 174.138L531.449 172.162ZM541.67 170.574L531.449 172.162L531.756 174.138L541.977 172.55L541.67 170.574ZM655.901 152.829L541.67 170.574L541.977 172.55L656.208 154.805L655.901 152.829ZM661.61 157.002C661.186 154.273 658.63 152.405 655.901 152.829L656.208 154.805C657.846 154.551 659.379 155.672 659.633 157.309L661.61 157.002ZM667.75 196.528L661.61 157.002L659.633 157.309L665.773 196.835L667.75 196.528ZM663.577 202.236C666.305 201.812 668.174 199.257 667.75 196.528L665.773 196.835C666.028 198.472 664.907 200.006 663.27 200.26L663.577 202.236ZM584.579 214.508L663.577 202.236L663.27 200.26L584.272 212.532L584.579 214.508ZM583.437 213.673L583.437 213.673L585.414 213.366L585.414 213.366L583.437 213.673ZM584.272 212.532L583.933 212.584L584.24 214.561L584.579 214.508L584.272 212.532ZM583.933 212.584C582.623 212.788 581.447 213.504 580.664 214.574L582.279 215.755C582.748 215.112 583.454 214.683 584.24 214.561L583.933 212.584ZM580.664 214.574L575.943 221.032L577.557 222.213L582.279 215.755L580.664 214.574ZM575.943 221.032C575.473 221.675 574.767 222.104 573.981 222.226L574.288 224.203C575.599 223.999 576.774 223.283 577.557 222.213L575.943 221.032ZM573.981 222.226L561.445 224.174L561.752 226.15L574.288 224.203L573.981 222.226ZM561.445 224.174C560.659 224.296 559.857 224.101 559.214 223.631L558.034 225.245C559.104 226.028 560.442 226.353 561.752 226.15L561.445 224.174ZM559.214 223.631L552.756 218.909L551.576 220.524L558.034 225.245L559.214 223.631ZM552.756 218.909C551.686 218.127 550.348 217.802 549.038 218.005L549.345 219.981C550.131 219.859 550.933 220.054 551.576 220.524L552.756 218.909ZM549.038 218.005L538.817 219.593L539.124 221.569L549.345 219.981L549.038 218.005ZM533.416 217.396C533.84 220.125 536.395 221.993 539.124 221.569L538.817 219.593C537.18 219.847 535.647 218.726 535.392 217.089L533.416 217.396ZM527.276 177.87L533.416 217.396L535.392 217.089L529.252 177.563L527.276 177.87ZM576.556 165.155L541.679 170.572L541.987 172.549L576.863 167.131L576.556 165.155ZM574.91 168.323C575.379 167.683 576.082 167.254 576.865 167.131L576.554 165.155C575.248 165.361 574.076 166.075 573.296 167.143L574.91 168.323ZM570.189 174.782L574.91 168.323L573.296 167.143L568.574 173.601L570.189 174.782ZM566.92 176.771C568.231 176.568 569.406 175.852 570.189 174.782L568.574 173.601C568.105 174.244 567.399 174.673 566.613 174.795L566.92 176.771ZM554.384 178.719L566.92 176.771L566.613 174.795L554.077 176.742L554.384 178.719ZM550.666 177.814C551.736 178.597 553.074 178.922 554.384 178.719L554.077 176.742C553.291 176.865 552.488 176.669 551.846 176.2L550.666 177.814ZM544.208 173.093L550.666 177.814L551.846 176.2L545.388 171.478L544.208 173.093ZM541.984 172.549C542.768 172.429 543.567 172.625 544.208 173.093L545.388 171.478C544.321 170.698 542.988 170.372 541.682 170.572L541.984 172.549Z" fill="#FF3355" mask="url(#path-13-inside-2_219_8514)"/>
<path d="M531.602 173.15L531.756 174.138L531.602 173.15ZM528.264 177.716L527.276 177.87L528.264 177.716ZM541.823 171.562L541.67 170.574L541.823 171.562ZM656.055 153.817L656.208 154.805L656.055 153.817ZM660.621 157.155L659.633 157.309L660.621 157.155ZM666.762 196.681L667.75 196.528L666.762 196.681ZM663.423 201.248L663.577 202.236L663.423 201.248ZM584.425 213.52L584.272 212.532L583.284 212.685L583.437 213.673L584.425 213.52ZM584.425 213.52L584.579 214.508L585.567 214.355L585.414 213.366L584.425 213.52ZM584.086 213.573L584.24 214.561L584.24 214.561L584.086 213.573ZM581.471 215.164L582.279 215.755L582.279 215.755L581.471 215.164ZM576.75 221.622L575.943 221.032L575.943 221.032L576.75 221.622ZM558.624 224.438L558.034 225.245L558.034 225.245L558.624 224.438ZM534.404 217.242L535.392 217.089L534.404 217.242ZM576.71 166.143L576.865 167.131L576.556 165.155L576.71 166.143ZM541.833 171.561L541.679 170.572L541.984 172.549L541.833 171.561ZM574.103 167.733L574.91 168.323L574.91 168.323L574.103 167.733ZM569.382 174.191L568.574 173.601L568.574 173.601L569.382 174.191ZM566.767 175.783L566.613 174.795L566.767 175.783ZM554.231 177.731L554.384 178.719L554.231 177.731ZM551.256 177.007L550.666 177.814L550.666 177.814L551.256 177.007ZM544.798 172.286L544.208 173.093L544.208 173.093L544.798 172.286ZM531.449 172.162C528.72 172.586 526.852 175.141 527.276 177.87L529.252 177.563C528.998 175.926 530.119 174.392 531.756 174.138L531.449 172.162ZM541.67 170.574L531.449 172.162L531.756 174.138L541.977 172.55L541.67 170.574ZM655.901 152.829L541.67 170.574L541.977 172.55L656.208 154.805L655.901 152.829ZM661.61 157.002C661.186 154.273 658.63 152.405 655.901 152.829L656.208 154.805C657.846 154.551 659.379 155.672 659.633 157.309L661.61 157.002ZM667.75 196.528L661.61 157.002L659.633 157.309L665.773 196.835L667.75 196.528ZM663.577 202.236C666.305 201.812 668.174 199.257 667.75 196.528L665.773 196.835C666.028 198.472 664.907 200.006 663.27 200.26L663.577 202.236ZM584.579 214.508L663.577 202.236L663.27 200.26L584.272 212.532L584.579 214.508ZM583.437 213.673L583.437 213.673L585.414 213.366L585.414 213.366L583.437 213.673ZM584.272 212.532L583.933 212.584L584.24 214.561L584.579 214.508L584.272 212.532ZM583.933 212.584C582.623 212.788 581.447 213.504 580.664 214.574L582.279 215.755C582.748 215.112 583.454 214.683 584.24 214.561L583.933 212.584ZM580.664 214.574L575.943 221.032L577.557 222.213L582.279 215.755L580.664 214.574ZM575.943 221.032C575.473 221.675 574.767 222.104 573.981 222.226L574.288 224.203C575.599 223.999 576.774 223.283 577.557 222.213L575.943 221.032ZM573.981 222.226L561.445 224.174L561.752 226.15L574.288 224.203L573.981 222.226ZM561.445 224.174C560.659 224.296 559.857 224.101 559.214 223.631L558.034 225.245C559.104 226.028 560.442 226.353 561.752 226.15L561.445 224.174ZM559.214 223.631L552.756 218.909L551.576 220.524L558.034 225.245L559.214 223.631ZM552.756 218.909C551.686 218.127 550.348 217.802 549.038 218.005L549.345 219.981C550.131 219.859 550.933 220.054 551.576 220.524L552.756 218.909ZM549.038 218.005L538.817 219.593L539.124 221.569L549.345 219.981L549.038 218.005ZM533.416 217.396C533.84 220.125 536.395 221.993 539.124 221.569L538.817 219.593C537.18 219.847 535.647 218.726 535.392 217.089L533.416 217.396ZM527.276 177.87L533.416 217.396L535.392 217.089L529.252 177.563L527.276 177.87ZM576.556 165.155L541.679 170.572L541.987 172.549L576.863 167.131L576.556 165.155ZM574.91 168.323C575.379 167.683 576.082 167.254 576.865 167.131L576.554 165.155C575.248 165.361 574.076 166.075 573.296 167.143L574.91 168.323ZM570.189 174.782L574.91 168.323L573.296 167.143L568.574 173.601L570.189 174.782ZM566.92 176.771C568.231 176.568 569.406 175.852 570.189 174.782L568.574 173.601C568.105 174.244 567.399 174.673 566.613 174.795L566.92 176.771ZM554.384 178.719L566.92 176.771L566.613 174.795L554.077 176.742L554.384 178.719ZM550.666 177.814C551.736 178.597 553.074 178.922 554.384 178.719L554.077 176.742C553.291 176.865 552.488 176.669 551.846 176.2L550.666 177.814ZM544.208 173.093L550.666 177.814L551.846 176.2L545.388 171.478L544.208 173.093ZM541.984 172.549C542.768 172.429 543.567 172.625 544.208 173.093L545.388 171.478C544.321 170.698 542.988 170.372 541.682 170.572L541.984 172.549Z" fill="#FF3355" mask="url(#path-13-inside-2_219_8514)"/>
<mask id="path-15-inside-3_219_8514" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M540.237 232.152C540.247 229.943 542.046 228.16 544.255 228.17L554.598 228.217L655.798 228.678C658.007 228.688 659.79 230.487 659.78 232.696L659.598 272.696C659.588 274.905 657.789 276.688 655.579 276.677L590.036 276.379L590.036 276.379L589.693 276.377C588.632 276.373 587.612 276.789 586.859 277.536L581.176 283.167C580.423 283.914 579.403 284.331 578.343 284.326L565.656 284.268C564.596 284.263 563.58 283.837 562.833 283.084L557.202 277.401C556.456 276.647 555.44 276.221 554.379 276.217L544.036 276.17C541.827 276.159 540.044 274.36 540.055 272.151L540.237 232.152ZM554.608 228.217L589.903 228.378C588.845 228.375 587.829 228.792 587.077 229.537L581.395 235.168C580.641 235.914 579.622 236.331 578.561 236.326L565.875 236.269C564.814 236.264 563.799 235.838 563.052 235.084L557.421 229.402C556.677 228.65 555.665 228.225 554.608 228.217Z"/>
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M540.237 232.152C540.247 229.943 542.046 228.16 544.255 228.17L554.598 228.217L655.798 228.678C658.007 228.688 659.79 230.487 659.78 232.696L659.598 272.696C659.588 274.905 657.789 276.688 655.579 276.677L590.036 276.379L590.036 276.379L589.693 276.377C588.632 276.373 587.612 276.789 586.859 277.536L581.176 283.167C580.423 283.914 579.403 284.331 578.343 284.326L565.656 284.268C564.596 284.263 563.58 283.837 562.833 283.084L557.202 277.401C556.456 276.647 555.44 276.221 554.379 276.217L544.036 276.17C541.827 276.159 540.044 274.36 540.055 272.151L540.237 232.152ZM554.608 228.217L589.903 228.378C588.845 228.375 587.829 228.792 587.077 229.537L581.395 235.168C580.641 235.914 579.622 236.331 578.561 236.326L565.875 236.269C564.814 236.264 563.799 235.838 563.052 235.084L557.421 229.402C556.677 228.65 555.665 228.225 554.608 228.217Z" fill="#4C97FF"/>
<path d="M590.036 276.379L590.04 275.379L589.04 275.374L589.036 276.374L590.036 276.379ZM590.036 276.379L590.031 277.379L591.031 277.384L591.036 276.384L590.036 276.379ZM589.693 276.377L589.688 277.377L589.688 277.377L589.693 276.377ZM586.859 277.536L587.563 278.246L587.563 278.246L586.859 277.536ZM581.176 283.167L580.472 282.457L581.176 283.167ZM562.833 283.084L562.123 283.787L562.123 283.787L562.833 283.084ZM557.202 277.401L556.492 278.105L557.202 277.401ZM589.903 228.378L589.9 229.378L589.907 227.378L589.903 228.378ZM554.608 228.217L554.612 227.217L554.601 229.217L554.608 228.217ZM587.077 229.537L587.781 230.247L587.781 230.247L587.077 229.537ZM581.395 235.168L580.691 234.457L581.395 235.168ZM563.052 235.084L562.342 235.788L562.342 235.788L563.052 235.084ZM557.421 229.402L556.711 230.105L556.711 230.105L557.421 229.402ZM544.259 227.17C541.498 227.157 539.249 229.386 539.237 232.147L541.237 232.156C541.244 230.499 542.593 229.162 544.25 229.17L544.259 227.17ZM554.602 227.217L544.259 227.17L544.25 229.17L554.593 229.217L554.602 227.217ZM655.803 227.678L554.602 227.217L554.593 229.217L655.793 229.678L655.803 227.678ZM660.78 232.701C660.792 229.939 658.564 227.691 655.803 227.678L655.793 229.678C657.45 229.686 658.787 231.035 658.78 232.692L660.78 232.701ZM660.598 272.7L660.78 232.701L658.78 232.692L658.598 272.691L660.598 272.7ZM655.575 277.677C658.336 277.69 660.585 275.462 660.598 272.7L658.598 272.691C658.59 274.348 657.241 275.685 655.584 275.677L655.575 277.677ZM590.031 277.379L655.575 277.677L655.584 275.677L590.04 275.379L590.031 277.379ZM589.036 276.374L589.036 276.374L591.036 276.384L591.036 276.384L589.036 276.374ZM590.04 275.379L589.697 275.377L589.688 277.377L590.031 277.379L590.04 275.379ZM589.697 275.377C588.371 275.371 587.097 275.892 586.155 276.826L587.563 278.246C588.128 277.686 588.892 277.374 589.688 277.377L589.697 275.377ZM586.155 276.826L580.472 282.457L581.88 283.877L587.563 278.246L586.155 276.826ZM580.472 282.457C579.907 283.017 579.143 283.329 578.347 283.326L578.338 285.326C579.664 285.332 580.938 284.811 581.88 283.877L580.472 282.457ZM578.347 283.326L565.661 283.268L565.652 285.268L578.338 285.326L578.347 283.326ZM565.661 283.268C564.865 283.264 564.104 282.945 563.544 282.38L562.123 283.787C563.056 284.729 564.326 285.262 565.652 285.268L565.661 283.268ZM563.544 282.38L557.913 276.697L556.492 278.105L562.123 283.787L563.544 282.38ZM557.913 276.697C556.979 275.755 555.71 275.223 554.384 275.217L554.375 277.217C555.17 277.22 555.932 277.54 556.492 278.105L557.913 276.697ZM554.384 275.217L544.041 275.17L544.032 277.17L554.375 277.217L554.384 275.217ZM539.055 272.147C539.042 274.908 541.27 277.157 544.032 277.17L544.041 275.17C542.384 275.162 541.047 273.813 541.055 272.156L539.055 272.147ZM539.237 232.147L539.055 272.147L541.055 272.156L541.237 232.156L539.237 232.147ZM589.907 227.378L554.612 227.217L554.603 229.217L589.898 229.378L589.907 227.378ZM587.781 230.247C588.345 229.688 589.107 229.376 589.9 229.378L589.905 227.378C588.583 227.375 587.313 227.895 586.374 228.826L587.781 230.247ZM582.099 235.878L587.781 230.247L586.374 228.826L580.691 234.457L582.099 235.878ZM578.557 237.326C579.883 237.332 581.157 236.811 582.099 235.878L580.691 234.457C580.126 235.017 579.361 235.33 578.566 235.326L578.557 237.326ZM565.87 237.269L578.557 237.326L578.566 235.326L565.88 235.269L565.87 237.269ZM562.342 235.788C563.275 236.73 564.544 237.262 565.87 237.269L565.88 235.269C565.084 235.265 564.322 234.945 563.762 234.38L562.342 235.788ZM556.711 230.105L562.342 235.788L563.762 234.38L558.131 228.698L556.711 230.105ZM554.601 229.217C555.394 229.223 556.152 229.542 556.711 230.105L558.131 228.698C557.201 227.759 555.937 227.227 554.615 227.217L554.601 229.217Z" fill="#3373CC" mask="url(#path-15-inside-3_219_8514)"/>
<path d="M544.255 228.17L544.259 227.17L544.255 228.17ZM554.598 228.217L554.593 229.217L554.598 228.217ZM655.798 228.678L655.803 227.678L655.798 228.678ZM655.579 276.677L655.584 275.677L655.579 276.677ZM590.036 276.379L590.04 275.379L589.04 275.374L589.036 276.374L590.036 276.379ZM590.036 276.379L590.031 277.379L591.031 277.384L591.036 276.384L590.036 276.379ZM589.693 276.377L589.688 277.377L589.688 277.377L589.693 276.377ZM586.859 277.536L587.563 278.246L587.563 278.246L586.859 277.536ZM581.176 283.167L580.472 282.457L580.472 282.457L581.176 283.167ZM562.833 283.084L562.123 283.787L562.123 283.787L562.833 283.084ZM557.202 277.401L556.492 278.105L557.202 277.401ZM554.379 276.217L554.375 277.217L554.379 276.217ZM544.036 276.17L544.041 275.17L544.036 276.17ZM589.903 228.378L589.9 229.378L589.907 227.378L589.903 228.378ZM554.608 228.217L554.612 227.217L554.601 229.217L554.608 228.217ZM587.077 229.537L587.781 230.247L587.781 230.247L587.077 229.537ZM581.395 235.168L580.691 234.457L580.691 234.457L581.395 235.168ZM563.052 235.084L562.342 235.788L562.342 235.788L563.052 235.084ZM557.421 229.402L556.711 230.105L556.711 230.105L557.421 229.402ZM544.259 227.17C541.498 227.157 539.249 229.386 539.237 232.147L541.237 232.156C541.244 230.499 542.593 229.162 544.25 229.17L544.259 227.17ZM554.602 227.217L544.259 227.17L544.25 229.17L554.593 229.217L554.602 227.217ZM655.803 227.678L554.602 227.217L554.593 229.217L655.793 229.678L655.803 227.678ZM660.78 232.701C660.792 229.939 658.564 227.691 655.803 227.678L655.793 229.678C657.45 229.686 658.787 231.035 658.78 232.692L660.78 232.701ZM660.598 272.7L660.78 232.701L658.78 232.692L658.598 272.691L660.598 272.7ZM655.575 277.677C658.336 277.69 660.585 275.462 660.598 272.7L658.598 272.691C658.59 274.348 657.241 275.685 655.584 275.677L655.575 277.677ZM590.031 277.379L655.575 277.677L655.584 275.677L590.04 275.379L590.031 277.379ZM589.036 276.374L589.036 276.374L591.036 276.384L591.036 276.384L589.036 276.374ZM590.04 275.379L589.697 275.377L589.688 277.377L590.031 277.379L590.04 275.379ZM589.697 275.377C588.371 275.371 587.097 275.892 586.155 276.826L587.563 278.246C588.128 277.686 588.892 277.374 589.688 277.377L589.697 275.377ZM586.155 276.826L580.472 282.457L581.88 283.877L587.563 278.246L586.155 276.826ZM580.472 282.457C579.907 283.017 579.143 283.329 578.347 283.326L578.338 285.326C579.664 285.332 580.938 284.811 581.88 283.877L580.472 282.457ZM578.347 283.326L565.661 283.268L565.652 285.268L578.338 285.326L578.347 283.326ZM565.661 283.268C564.865 283.264 564.104 282.945 563.544 282.38L562.123 283.787C563.056 284.729 564.326 285.262 565.652 285.268L565.661 283.268ZM563.544 282.38L557.913 276.697L556.492 278.105L562.123 283.787L563.544 282.38ZM557.913 276.697C556.979 275.755 555.71 275.223 554.384 275.217L554.375 277.217C555.17 277.22 555.932 277.54 556.492 278.105L557.913 276.697ZM554.384 275.217L544.041 275.17L544.032 277.17L554.375 277.217L554.384 275.217ZM539.055 272.147C539.042 274.908 541.27 277.157 544.032 277.17L544.041 275.17C542.384 275.162 541.047 273.813 541.055 272.156L539.055 272.147ZM539.237 232.147L539.055 272.147L541.055 272.156L541.237 232.156L539.237 232.147ZM589.907 227.378L554.612 227.217L554.603 229.217L589.898 229.378L589.907 227.378ZM587.781 230.247C588.345 229.688 589.107 229.376 589.9 229.378L589.905 227.378C588.583 227.375 587.313 227.895 586.374 228.826L587.781 230.247ZM582.099 235.878L587.781 230.247L586.374 228.826L580.691 234.457L582.099 235.878ZM578.557 237.326C579.883 237.332 581.157 236.811 582.099 235.878L580.691 234.457C580.126 235.017 579.361 235.33 578.566 235.326L578.557 237.326ZM565.87 237.269L578.557 237.326L578.566 235.326L565.88 235.269L565.87 237.269ZM562.342 235.788C563.275 236.73 564.544 237.262 565.87 237.269L565.88 235.269C565.084 235.265 564.322 234.945 563.762 234.38L562.342 235.788ZM556.711 230.105L562.342 235.788L563.762 234.38L558.131 228.698L556.711 230.105ZM554.601 229.217C555.394 229.223 556.152 229.542 556.711 230.105L558.131 228.698C557.201 227.759 555.937 227.227 554.615 227.217L554.601 229.217Z" fill="#3373CC" mask="url(#path-15-inside-3_219_8514)"/>
<mask id="mask0_219_8514" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="22" y="32" width="737" height="302">
<path d="M60.4138 283.224C108.095 224.843 46.223 224.743 28.4844 202.75C10.7459 180.757 28.4844 156.264 93.0526 144.768C157.621 133.272 76.7332 95.7835 129.949 55.2963C183.164 14.8091 275.405 35.8024 302.367 55.2963C329.33 74.7901 389.64 106.28 449.242 64.2935C508.843 22.3067 721.705 31.3039 658.556 106.28C595.407 181.257 742.282 105.281 757.183 202.75C772.083 300.219 579.797 312.715 468.399 328.71C357.002 344.705 315.139 276.726 212.255 306.217C109.372 335.708 0.812374 356.201 60.4138 283.224Z" fill="#C4C4C4"/>
</mask>

Before

Width:  |  Height:  |  Size: 3.1 MiB

After

Width:  |  Height:  |  Size: 3.1 MiB

View file

@ -6,7 +6,7 @@
<g mask="url(#mask0_236_7021)">
<path d="M58.2784 68.737C65.6877 59.3135 68.1336 59.9609 73.5287 56.1484C83.5996 49.0988 75.9743 45.3582 71.5863 46.5091C64.9683 48.2356 61.3715 53.4149 58.566 53.5587C53.099 53.8465 51.4447 44.2791 54.1063 40.9701C57.2714 37.0137 61.9469 33.0573 63.8892 32.9854C66.4788 32.8415 68.2774 36.1505 71.2986 40.1069C73.8883 43.5598 80.8659 42.6246 77.7008 37.2295C73.2408 29.7483 68.3492 24.2093 65.0402 24.0654C62.3786 23.9935 59.3575 24.7848 55.545 27.5903C50.6534 31.1151 48.711 33.2012 47.7758 33.2731C45.6897 33.5608 48.7109 22.1232 52.7393 11.9804C55.5447 4.93079 47.7041 2.05342 44.7548 9.75044C39.1439 24.2093 38.9278 36.6541 37.6329 36.5821C36.6978 36.5102 35.3312 27.3745 37.1296 14.1385C37.9209 8.16786 29.6483 6.58528 29.0728 14.9297C28.2815 26.0077 29.5046 38.5244 27.8501 38.956C26.6991 39.2437 24.613 27.7341 23.462 22.9864C21.6636 15.5771 15.0456 18.7423 16.1965 23.8497C20.8003 43.9914 21.9513 45.0704 21.5916 56.7239C21.0881 73.1969 47.4162 82.4046 58.2784 68.737Z" fill="#825331"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M66.6952 34.5274C66.4142 32.5904 67.7568 30.7925 69.6937 30.5116L78.7626 29.1964C79.6928 29.0615 80.6385 29.3016 81.3916 29.8639L87.0708 34.1046C87.824 34.6669 88.7696 34.907 89.6998 34.7722L67.2038 38.0346L66.6952 34.5274ZM100.823 33.159C101.753 33.0241 102.592 32.5252 103.154 31.7721L107.395 26.0928C107.957 25.3397 108.796 24.8408 109.726 24.7059L110.027 24.6623L111.044 31.6767L100.823 33.159ZM110.027 24.6623L199.461 11.6922C201.398 11.4113 203.196 12.7538 203.476 14.6908L203.985 18.198L208.563 49.7629C208.844 51.6998 207.501 53.4977 205.564 53.7786L116.13 66.7488L115.622 63.2416L115.622 63.2416L116.13 66.7488L115.829 66.7925C114.899 66.9274 114.061 67.4262 113.498 68.1794L109.258 73.8586C108.695 74.6117 107.857 75.1106 106.927 75.2455L95.8034 76.8587C94.8732 76.9936 93.9276 76.7534 93.1745 76.1911L87.4952 71.9505C86.7421 71.3881 85.7964 71.148 84.8663 71.2829L75.7974 72.5981C73.8604 72.879 72.0624 71.5365 71.7815 69.5995L71.7815 69.5995L67.2039 38.0346L111.044 31.6768L110.027 24.6623Z" fill="#C94FC9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M65.5086 26.3439C65.2277 24.4069 66.5702 22.6089 68.5072 22.328L77.5761 21.0128C78.5063 20.8779 79.4519 21.1181 80.2051 21.6804L85.8843 25.921C86.6374 26.4834 87.5831 26.7235 88.5133 26.5886L66.0173 29.8511L65.5086 26.3439ZM99.6366 24.9754C100.567 24.8406 101.405 24.3417 101.968 23.5886L106.208 17.9093C106.771 17.1562 107.609 16.6573 108.539 16.5224L108.84 16.4788L198.274 3.50866C200.211 3.22775 202.009 4.57026 202.29 6.50724L202.798 10.0144L207.376 41.5793C207.657 43.5163 206.315 45.3142 204.378 45.5952L114.944 58.5653L114.643 58.6089C113.713 58.7438 112.874 59.2427 112.312 59.9958L108.071 65.6751C107.509 66.4282 106.67 66.9271 105.74 67.0619L94.6169 68.6751C93.6867 68.81 92.7411 68.5699 91.9879 68.0075L86.3087 63.7669C85.5556 63.2046 84.6099 62.9644 83.6797 63.0993L74.6108 64.4145C72.6739 64.6954 70.8759 63.3529 70.595 61.416L70.595 61.416L66.0173 29.8511L100.713 24.8194L99.6366 24.9754Z" fill="#CF63CF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M65.5087 26.3439C65.2278 24.4069 66.5703 22.6089 68.5073 22.328L77.5762 21.0128C78.5063 20.8779 79.452 21.1181 80.2051 21.6804L85.8844 25.921C86.6368 26.4828 87.5814 26.7231 88.5108 26.589L99.6393 24.9751C100.568 24.8396 101.406 24.341 101.968 23.5885L106.208 17.9093C106.771 17.1562 107.609 16.6573 108.539 16.5224L108.84 16.4788L109.857 23.4932L109.858 23.4932L108.84 16.4788L198.274 3.50863C200.211 3.22772 202.009 4.57023 202.29 6.50721L202.799 10.0144L207.376 41.5793C207.657 43.5163 206.315 45.3142 204.378 45.5952L114.944 58.5653L114.643 58.6089C113.713 58.7438 112.874 59.2427 112.312 59.9958L108.071 65.6751C107.509 66.4282 106.67 66.9271 105.74 67.062L94.6168 68.6751C93.6867 68.81 92.741 68.5699 91.9879 68.0075L86.3086 63.7669C85.5555 63.2046 84.6099 62.9644 83.6797 63.0993L74.6108 64.4146C72.6738 64.6955 70.8759 63.353 70.595 61.416L70.595 61.416L66.0173 29.8511L65.5087 26.3439Z" fill="#CF63CF"/>
<path d="M63.8892 32.9133C66.4788 32.7694 68.2774 36.0784 71.2987 40.0348C73.8883 43.4877 80.8659 42.5526 77.7008 37.1574C73.2408 29.6762 68.3492 24.1373 65.0402 23.9934" fill="#825331"/>
<path d="M21.5915 56.5799C16.1964 91.4683 -17.9728 121.177 -31.0649 128.083C-30.1298 149.016 -28.3312 171.604 -28.3312 171.604C-4.27991 158.546 15.8367 146.352 29.5043 121.534C43.3143 101.109 54.2831 72.6944 58.2062 68.7369" fill="#825331"/>
<path d="M-32 128.802L-24.0872 123.695C-21.8572 141.463 -4.59291 153.404 22.2388 115.71C37.7048 93.9141 49.862 60.5363 65.9753 56.2202V60.896C65.9753 60.896 58.9255 67.0104 55.6885 72.1178C52.3795 77.2252 39.5751 112.114 16.1243 139.808C2.6725 155.706 -28.2592 171.604 -28.2592 171.604C-29.9138 148.369 -32 128.802 -32 128.802Z" fill="black" fill-opacity="0.1"/>
@ -27,7 +27,7 @@
<path d="M287 156.231C287 230.079 241.438 300.51 143.5 289.943C45.5627 279.377 9.50027 272.731 2.50038 154C-4.49951 35.2688 61.3179 44.0592 143.5 22.5189C225.683 0.97858 287 82.384 287 156.231Z" fill="#59C059"/>
</mask>
<g mask="url(#mask1_236_7021)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M301.517 227.699C283.85 222.409 270.778 218.33 260.382 217.028C259.315 217.068 258.246 216.995 257.195 216.808C248.912 215.384 233.643 228.322 211.775 218.587C203.156 214.756 207.076 206.311 205.621 205.46C196.529 200.18 204.806 191.591 204.118 190.839C197.939 184.248 201.516 178.78 203.137 176.32C203.137 176.32 203.153 176.294 203.16 176.277C203.642 175.552 203.952 175.102 203.744 174.972C199.546 172.287 195.134 169.952 190.552 167.989C185.103 165.59 179.74 163.647 172.909 160.265C166.079 156.883 164.858 151.487 167.223 148.388C167.284 148.299 167.351 148.214 167.422 148.132C167.502 148.032 167.593 147.94 167.692 147.857C167.849 147.703 168.013 147.557 168.176 147.413C168.871 146.845 169.688 146.443 170.563 146.24C171.588 145.968 172.656 145.896 173.709 146.026L174.159 146.083C174.588 146.139 175.014 146.218 175.435 146.32C175.503 146.333 175.579 146.359 175.646 146.369C176.27 146.553 176.884 146.768 177.485 147.015L179.822 148L179.829 148.013L181.066 148.519C181.368 148.652 181.681 148.774 182.013 148.907C182.188 148.977 182.386 149.064 182.587 149.15C185.674 150.421 189.619 152.01 193.693 153.642C197.307 155.088 201.045 156.563 204.424 157.856C205.1 158.111 205.801 158.386 206.482 158.656C208.845 159.535 210.933 160.304 212.582 160.885L212.638 160.905C213.899 161.337 214.872 161.648 215.528 161.819C215.798 161.888 216.067 161.956 216.347 162.019C217.115 162.213 217.916 162.392 218.743 162.526C219.882 162.736 220.887 162.878 221.776 162.964C221.97 162.993 222.166 163.01 222.362 163.014C223.976 163.141 225.455 163.061 226.618 162.7C227.013 162.619 227.39 162.463 227.727 162.241C230.111 160.786 229.883 157.156 223.591 149.497C214.096 137.911 215.227 128.92 219.596 126.678C219.866 126.543 220.148 126.435 220.439 126.355C222.247 125.811 224.486 126.317 226.728 128.086C226.817 128.166 226.916 128.24 227.022 128.328C227.422 128.667 227.802 129.031 228.158 129.416C228.726 130.023 229.306 130.685 229.894 131.39C229.911 131.407 229.923 131.429 229.928 131.452C233.366 135.588 237.194 141.324 242.025 147.028C242.218 147.261 242.436 147.508 242.647 147.748C244.227 149.594 245.911 151.409 247.736 153.15C247.784 153.214 247.843 153.269 247.91 153.312C249.808 155.156 251.827 156.87 253.954 158.445L254.324 158.713C255.792 159.774 257.991 161.267 260.376 162.981C260.403 163.012 260.437 163.038 260.475 163.055C265.041 166.309 270.239 170.277 272.172 173.244C272.2 173.287 272.225 173.332 272.247 173.379L275.725 173.951C287.195 175.815 299.907 177.918 312.035 179.853C312.029 179.903 312.037 179.947 312.031 179.998L312.149 180.014L311.918 181.841C310.773 198.147 307.344 213.7 301.517 227.699Z" fill="#4C2F19"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M301.517 227.699C283.85 222.409 270.778 218.33 260.382 217.028C259.315 217.068 258.246 216.995 257.195 216.808C248.912 215.384 233.643 228.322 211.775 218.587C203.156 214.756 207.076 206.311 205.621 205.46C196.529 200.18 204.806 191.591 204.118 190.839C197.939 184.248 201.516 178.78 203.137 176.32C203.137 176.32 203.153 176.294 203.16 176.277C203.642 175.552 203.952 175.102 203.744 174.972C199.546 172.287 195.134 169.952 190.552 167.989C185.103 165.59 179.74 163.647 172.909 160.265C166.079 156.883 164.858 151.487 167.223 148.388C167.284 148.299 167.351 148.214 167.422 148.132C167.502 148.032 167.593 147.94 167.692 147.857C167.849 147.703 168.013 147.557 168.176 147.413C168.871 146.845 169.688 146.443 170.563 146.24C171.588 145.968 172.656 145.896 173.709 146.026L174.159 146.083C174.588 146.139 175.014 146.218 175.435 146.32C175.503 146.333 175.579 146.359 175.646 146.369C176.27 146.553 176.884 146.768 177.485 147.015L179.822 148L179.829 148.013L181.066 148.519C181.368 148.652 181.681 148.774 182.013 148.907C182.188 148.977 182.386 149.064 182.587 149.15C185.674 150.421 189.619 152.01 193.693 153.642C197.307 155.088 201.045 156.563 204.424 157.856C205.1 158.111 205.801 158.386 206.482 158.656C208.845 159.535 210.933 160.304 212.582 160.885L212.638 160.905C213.899 161.337 214.872 161.648 215.528 161.819C215.798 161.888 216.067 161.956 216.347 162.019C217.115 162.213 217.916 162.392 218.743 162.526C219.882 162.736 220.887 162.878 221.776 162.964C221.97 162.993 222.166 163.01 222.362 163.014C223.976 163.141 225.455 163.061 226.618 162.7C227.013 162.619 227.39 162.463 227.727 162.241C230.111 160.786 229.883 157.156 223.591 149.497C214.096 137.911 215.227 128.92 219.596 126.678C219.866 126.543 220.148 126.435 220.439 126.355C222.247 125.811 224.486 126.317 226.728 128.086C226.817 128.166 226.916 128.24 227.022 128.328C227.422 128.667 227.802 129.031 228.158 129.416C228.726 130.023 229.306 130.685 229.894 131.39C229.911 131.407 229.923 131.429 229.928 131.452C233.366 135.588 237.194 141.324 242.025 147.028C242.218 147.261 242.436 147.508 242.647 147.748C244.227 149.594 245.911 151.409 247.736 153.15C247.784 153.214 247.843 153.269 247.91 153.312C249.808 155.156 251.827 156.87 253.954 158.445L254.324 158.713C255.792 159.774 257.991 161.267 260.376 162.981C260.403 163.012 260.437 163.038 260.475 163.055C265.041 166.309 270.239 170.277 272.172 173.244C272.2 173.287 272.225 173.332 272.247 173.379L275.725 173.951C287.195 175.815 299.907 177.918 312.035 179.853C312.029 179.903 312.037 179.947 312.031 179.998L312.149 180.014L311.918 181.841C310.773 198.147 307.344 213.7 301.517 227.699Z" fill="#4C2E19"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.194 168.519L26.194 168.519L13.5191 174.156L19.1561 186.831L19.1561 186.831L43.4755 196.178L56.1505 190.541L50.5135 177.866L26.194 168.519Z" fill="#59C059"/>
<path d="M200.504 78.0238C200.893 72.7915 205.451 68.8658 210.683 69.2554L235.614 71.1116C240.846 71.5011 244.772 76.0585 244.382 81.2907C243.993 86.5229 239.435 90.4487 234.203 90.0591L209.272 88.2029C204.04 87.8133 200.114 83.256 200.504 78.0238Z" fill="#4C97FF"/>

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View file

@ -4,6 +4,9 @@
<path d="M0 151.358C0 232.807 47.6261 310.489 150 298.835C252.374 287.18 300 232.807 300 151.358C300 69.9088 235.905 27.6388 150 3.88113C64.095 -19.8766 0 69.9088 0 151.358Z" fill="#59C059"/>
</mask>
<g mask="url(#mask0_236_7020)">
<path d="M228.59 135.671C228.59 135.671 225.666 143.7 231.395 145.296C235.231 146.357 238.634 144.11 240.467 142.499L240.521 142.444C240.923 142.095 241.244 141.773 241.477 141.529L241.55 141.454C241.731 141.258 241.845 141.125 241.882 141.079L241.887 141.059C246.183 141.781 248.918 138.495 250.587 134.901C251.723 132.335 252.521 129.631 252.959 126.859C252.984 127.137 253.601 132.483 260.47 129.516C261.031 129.231 261.51 128.808 261.863 128.287L261.952 128.17C263.785 125.658 265.691 120.138 267.497 113.2L267.547 113.021C269.195 106.644 270.746 99.0837 272.071 91.588C272.287 90.3905 272.488 89.1926 272.681 87.9994L272.713 87.8852C273.845 81.049 274.755 74.4356 275.332 68.9978L275.355 68.748C275.869 63.8547 276.103 59.9373 275.983 57.7165C275.886 55.86 275.744 53.8612 275.58 51.7863C275.297 48.228 274.935 44.455 274.555 40.8278C274.527 40.8105 274.497 40.7952 274.466 40.782C272.538 39.8308 270.54 38.9516 268.472 38.1652C259.68 34.7938 250.263 33.3628 240.866 33.9702C237.107 34.2156 233.664 34.5025 230.507 34.8196C230.611 35.8001 230.714 36.8118 230.81 37.8496C231.719 47.8315 232.101 54.8655 232.101 54.8655C232.101 54.8655 218.02 59.7491 217.226 77.6244C217.06 81.195 216.341 84.7181 215.092 88.0674C214.224 90.3657 213.191 92.5983 212.001 94.748C212 94.7604 211.996 94.7725 211.991 94.7839C211.542 95.6185 211.104 96.3925 210.701 97.1239C208.287 101.471 207.029 104.051 211.129 105.452C211.383 105.54 211.662 105.621 211.957 105.699C212.442 105.827 212.934 105.926 213.431 105.994C213.431 105.994 213.447 105.999 213.457 106.001C214.895 106.212 216.363 106.065 217.73 105.572C219.108 105.04 220.336 104.184 221.311 103.075L221.336 103.047C223.528 100.623 224.443 97.5157 224.629 96.8191L224.668 96.6789C224.743 106.767 220.114 114.525 219.125 124.485C218.959 126.12 218.903 127.764 218.958 129.407C219.337 141.886 228.59 135.671 228.59 135.671Z" fill="#E4B681"/>
<path opacity="0.1" d="M239.017 129.007C240.157 124.578 241.806 120.052 242.406 117.187C243.209 113.332 242.395 101.877 242.395 101.877L235.307 101.83C235.034 104.301 235.789 114.992 234.976 119.276C234.651 120.973 233.596 123.873 232.433 126.768C230.637 131.229 228.588 135.677 228.588 135.677C228.208 132.685 229.366 129.375 230.616 126.279C231.735 123.502 232.925 120.903 233.142 118.849C233.491 115.581 232.617 100.876 232.617 100.876C231.939 99.9843 231.602 98.8797 231.667 97.7615C231.791 95.9171 235.912 98.107 236.872 98.2147C243.988 98.989 247.82 98.8834 258.664 99.2916C258.664 99.2916 258.031 109.416 257.078 112.643C256.049 116.196 252.357 122.461 252.951 126.85C252.685 126.528 252.472 126.164 252.322 125.773C252.122 125.394 252.009 124.976 251.99 124.547C251.954 116.556 253.591 114.954 254.705 111.955C255.778 109.091 254.433 101.271 254.433 101.271L246.136 101.567C246.136 101.567 246.709 113.198 245.879 116.947C245.123 120.351 242.571 125.095 241.114 129.879C240.709 131.166 240.408 132.484 240.214 133.819C239.398 139.816 241.881 141.061 241.881 141.061L241.875 141.08C241.775 141.214 241.663 141.339 241.543 141.455L241.47 141.53C241.147 141.859 240.73 142.249 240.55 142.417L240.514 142.446L240.46 142.501C239.661 141.823 238.49 139.849 238.49 139.849C237.316 137.337 237.937 133.214 239.017 129.007ZM221.329 99.0031C222.619 94.6054 223.48 93.7655 223.48 93.7655C226.414 92.9724 229.906 89.7036 233.049 86.0607C236.206 82.3145 239.107 78.3598 241.732 74.2233C242.289 78.4577 240.638 82.8366 238.082 86.5048C235.855 89.7057 232.948 92.3676 230.225 93.9214L224.635 96.6871L224.552 96.9872C223.909 99.1023 222.878 101.08 221.513 102.818L221.308 103.05L221.283 103.078C220.328 104.209 219.094 105.07 217.702 105.574L217.559 105.622C217.559 105.622 220.041 103.391 221.327 98.9957L221.329 99.0031ZM227.938 95.1428C227.921 95.1541 227.903 95.1643 227.884 95.1735C227.651 95.3056 227.264 95.4971 226.83 95.6965C227.167 95.53 227.54 95.3382 227.937 95.1354L227.938 95.1428Z" fill="black"/>
<path opacity="0.1" d="M260.48 129.519C261.028 129.214 261.503 128.795 261.874 128.289L261.962 128.173C263.967 125.536 265.829 119.857 267.508 113.203L267.558 113.024C269.28 106.126 270.789 98.1932 272.018 91.5803L272.679 87.9987L272.71 87.8845C274.05 80.6667 274.852 74.2025 275.329 68.9971L275.353 68.7472C275.808 63.6727 275.952 59.8285 275.981 57.7158C275.997 56.7965 275.838 54.6281 275.578 51.7855C275.291 48.6689 274.89 44.7512 274.464 40.7813C272.535 39.83 270.538 38.9509 268.469 38.1644C270.108 55.0937 269.196 75.0468 267.782 91.1142C266.451 106.221 264.668 117.896 264.097 120.392C262.657 126.55 260.48 129.519 260.48 129.519Z" fill="black"/>
<path d="M222.423 228.27C214.292 219.096 217.428 208.233 216.669 203.056C215.413 193.958 202.167 202.294 205.897 218.985C207.972 228.527 198.647 227.006 192.576 223.876C184.59 219.786 173.59 215.176 167.05 212.357C159.691 209.093 155.889 218.845 162.415 221.889C171.241 226.086 186.979 231.603 186.142 234.259C185.292 237.14 165.851 227.566 153.343 223.654C144.265 220.851 141.198 229.631 149.851 233.875C160.143 239.006 177.331 242.919 176.977 245.04C176.564 247.215 160.825 242.656 151.297 239.826C143.487 237.495 141.225 246.944 148.315 249.063C158.947 252.298 178.053 255.255 177.766 257.211C177.379 259.895 165.768 256.995 159.516 255.942C151.923 254.694 151.045 262.705 157.276 264.096C168.127 266.498 194.846 271.324 202.275 272.505C219.696 275.36 237.628 245.427 222.423 228.27Z" fill="#B68554"/>
<path d="M208.333 270.219C247.048 285.58 264.714 302.152 288.206 321.218C308.152 337.364 326.62 298.554 313.916 288.541C282.103 263.447 238.017 246.465 225.583 241.317C213.87 236.382 208.333 270.219 208.333 270.219Z" fill="#B68554"/>
<path d="M153.046 259.442C152.798 261.683 154.653 263.656 157.825 264.355C160.997 265.053 197.008 271.961 201.198 272.609C205.388 273.256 209.507 272.264 211.082 271.4C211.082 271.4 237.372 280.542 267.236 304.278C297.1 328.014 296.11 336.018 308.871 320.773C308.871 320.773 261.458 282.276 226.428 269.393C218.539 266.493 221.418 264.58 221.537 259.794C221.657 255.009 215.45 268.168 205.342 268.404C195.294 268.587 158.708 261.87 156.455 260.889C154.202 259.907 153.803 257.176 154.445 256.82C154.61 256.887 153.26 257.764 153.046 259.442Z" fill="black" fill-opacity="0.1"/>
@ -11,19 +14,24 @@
<path d="M144.577 241.846C144.044 245.084 147.518 247.324 150.208 247.599C152.891 247.986 177.342 253.013 177.706 257.264C177.706 257.264 176.941 255.921 169.21 254.158C159.529 251.995 150.818 250.568 148.116 249.559C145.136 248.477 142.675 245.34 144.577 241.846Z" fill="black" fill-opacity="0.1"/>
<path d="M144.964 226.081C144.01 227.884 145.484 232.427 148.992 234.105C152.499 235.783 162.767 239.447 168.918 241.228C175.07 243.008 177.078 244.313 176.911 245.205C176.911 245.205 177.787 242.834 168.703 239.185C159.619 235.535 151.252 234.016 148.408 230.687C145.564 227.357 145.786 224.608 146.428 224.252C146.435 224.139 145.919 224.277 144.964 226.081Z" fill="black" fill-opacity="0.1"/>
<path d="M160.578 213.094C159.068 214.751 160.285 218.884 164.421 220.431C168.557 221.977 187.65 229.839 186.142 234.259C186.142 234.259 186.263 233.195 181.342 230.642C175.767 227.712 163.169 222.498 161.326 221.259C159.484 220.02 158.482 217.93 158.868 216.205C159.247 214.593 160.578 213.094 160.578 213.094Z" fill="black" fill-opacity="0.1"/>
<path d="M79.9444 128.478C77.7126 122.795 77.3966 117.76 67.2402 112.077C44.3302 99.3329 46.2474 55.7874 86.0327 59.9768C91.8122 60.6069 111.707 57.8761 122.251 53.4682C130.069 50.0954 133.217 57.467 125.775 61.0088C119.905 63.715 103.854 65.4081 104.965 66.0137C106.093 66.5208 124.564 67.1922 138.875 59.9042C148.157 55.1684 153.027 64.2711 144.586 68.8528C133.464 74.7826 111.919 75.3885 113.191 76.2263C114.544 77.1801 133.482 78.6464 151.471 71.8148C162.042 67.8182 164.888 79.7074 153.807 83.7141C133.065 91.1695 112.579 85.8697 113.442 87.8532C114.161 89.5062 133.206 94.3443 156.106 87.8855C165.197 85.3505 166.105 98.416 154.95 101.698C139.621 106.162 126.512 103.913 111.357 102.312C100.88 101.246 85.6319 101.864 90.8449 112.45C103.24 137.939 83.7868 138.209 79.9444 128.478Z" fill="#FDDBB4"/>
<path d="M76.0869 59.9201C55.2455 59.4332 -27.4553 28.8533 -36.2051 -46.9824L-49.9395 29.5957C-49.9395 29.5957 -0.621695 92.7946 66.9753 94.8603" fill="#FDDBB4"/>
<path d="M-49.9574 29.694C-49.9574 29.694 -7.13437 84.9212 53.3591 93.7389C53.3591 93.7389 55.1903 103.922 62.4467 108.779C69.7032 113.637 74.388 116.407 77.5687 122.464C80.7495 128.521 78.7126 129.679 84.3562 133.333C89.9998 136.987 94.4791 132.405 94.5594 128.559C94.5594 128.559 86.8619 130.125 83.9433 121.474C81.007 112.921 75.8757 106.413 70.7975 103.572C65.7193 100.731 58.3406 89.7557 58.1405 84.6401C57.948 78.9162 54.0515 80.2492 52.323 83.0887C50.4785 86.009 -41.5398 52.4373 -45.0771 1.91938L-50.0554 29.6764L-49.9574 29.694Z" fill="black" fill-opacity="0.1"/>
<path d="M90.1147 106.325C91.7319 101.84 93.543 96.2726 99.706 96.4636C105.869 96.6546 157.678 105.744 162.898 93.0659C162.898 93.0659 162.859 102.914 146.584 104.16C130.308 105.406 107.465 101.919 100.721 102.132C91.6257 102.431 90.1147 106.325 90.1147 106.325Z" fill="black" fill-opacity="0.1"/>
<path d="M113.129 87.8989C113.601 86.9676 128.264 88.48 137.206 87.3406C146.049 86.1836 158.539 83.9534 160.206 78.0551C160.206 78.0551 146.233 84.591 132.915 84.6407C119.615 84.592 113.545 86.1448 113.129 87.8989Z" fill="black" fill-opacity="0.1"/>
<path d="M148.63 62.1618C148.83 63.3151 149.93 67.3733 140.601 70.6781C131.271 73.9829 114.414 75.6331 113.985 75.7593C113.458 75.8679 112.948 75.8781 112.913 76.0749C112.913 76.0749 113.231 74.3033 115.636 73.9219C131.184 71.6308 140.247 68.6842 145.231 65.8191C147.383 64.5796 148.63 62.1618 148.63 62.1618Z" fill="black" fill-opacity="0.1"/>
<path d="M104.785 65.88C105.249 65.5569 113.636 64.1148 114.476 63.9607C115.415 63.8243 128.649 62.5404 129.842 56.4554C129.842 56.4554 128.684 58.3812 122.875 60.1839C117.065 61.9867 105.423 63.4546 104.785 65.88Z" fill="black" fill-opacity="0.1"/>
<path d="M69.9444 118.478C67.7126 112.795 67.3966 107.76 57.2402 102.077C34.3302 89.3329 36.2474 45.7874 76.0327 49.9768C81.8122 50.6069 101.707 47.8761 112.251 43.4682C120.069 40.0954 123.217 47.467 115.775 51.0088C109.905 53.715 93.854 55.4081 94.9645 56.0137C96.0927 56.5208 114.564 57.1922 128.875 49.9042C138.157 45.1684 143.027 54.2711 134.586 58.8528C123.464 64.7826 101.919 65.3885 103.191 66.2263C104.544 67.1801 123.482 68.6464 141.471 61.8148C152.042 57.8182 154.888 69.7074 143.807 73.7141C123.065 81.1695 102.579 75.8697 103.442 77.8532C104.161 79.5062 123.206 84.3443 146.106 77.8855C155.197 75.3505 156.105 88.416 144.95 91.6984C129.621 96.1624 116.512 93.9128 101.357 92.3122C90.8803 91.246 75.6319 91.8638 80.8449 102.45C93.2399 127.939 73.7868 128.209 69.9444 118.478Z" fill="#FDDBB4"/>
<path d="M66.0869 49.9201C45.2455 49.4332 -37.4553 18.8533 -46.2051 -56.9824L-59.9395 19.5957C-59.9395 19.5957 -10.6217 82.7946 56.9753 84.8603" fill="#FDDBB4"/>
<path d="M-59.9574 19.694C-59.9574 19.694 -17.1344 74.9212 43.3591 83.7389C43.3591 83.7389 45.1903 93.9221 52.4467 98.7794C59.7032 103.637 64.388 106.407 67.5687 112.464C70.7495 118.521 68.7126 119.679 74.3562 123.333C79.9998 126.987 84.4791 122.405 84.5594 118.559C84.5594 118.559 76.8619 120.125 73.9433 111.474C71.007 102.921 65.8757 96.4129 60.7975 93.5718C55.7193 90.7307 48.3406 79.7557 48.1405 74.6401C47.948 68.9162 44.0515 70.2492 42.323 73.0887C40.4785 76.009 -51.5398 42.4373 -55.0771 -8.08062L-60.0554 19.6764L-59.9574 19.694Z" fill="black" fill-opacity="0.1"/>
<path d="M80.1147 96.3253C81.7319 91.8404 83.543 86.2726 89.706 86.4636C95.8691 86.6546 147.678 95.7435 152.898 83.0659C152.898 83.0659 152.859 92.9136 136.584 94.1599C120.308 95.4063 97.4648 91.919 90.7213 92.1319C81.6257 92.4309 80.1147 96.3253 80.1147 96.3253Z" fill="black" fill-opacity="0.1"/>
<path d="M103.129 77.8989C103.601 76.9676 118.264 78.48 127.206 77.3406C136.049 76.1836 148.539 73.9534 150.206 68.0551C150.206 68.0551 136.233 74.591 122.915 74.6407C109.615 74.592 103.545 76.1448 103.129 77.8989Z" fill="black" fill-opacity="0.1"/>
<path d="M138.63 52.1618C138.83 53.3151 139.93 57.3733 130.601 60.6781C121.271 63.9829 104.414 65.6331 103.985 65.7593C103.458 65.8679 102.948 65.8781 102.913 66.0749C102.913 66.0749 103.231 64.3033 105.636 63.9219C121.184 61.6308 130.247 58.6842 135.231 55.8191C137.383 54.5796 138.63 52.1618 138.63 52.1618Z" fill="black" fill-opacity="0.1"/>
<path d="M94.7851 55.88C95.2494 55.5569 103.636 54.1148 104.476 53.9607C105.415 53.8243 118.649 52.5404 119.842 46.4554C119.842 46.4554 118.684 48.3812 112.875 50.1839C107.065 51.9867 95.4233 53.4546 94.7851 55.88Z" fill="black" fill-opacity="0.1"/>
<path d="M58.4996 247.722C71.5726 243.486 81.3139 251.586 86.9468 253.196C96.8172 256.082 94.328 238.712 75.503 234.952C64.7165 232.776 70.5646 223.882 76.4722 219.088C84.2462 212.754 93.9467 203.535 99.9057 198.108C106.584 191.979 98.2979 183.777 92.1762 189.093C83.8885 196.317 71.1055 209.97 68.7258 207.864C66.1835 205.647 84.7624 190.085 94.4203 178.974C101.407 170.859 93.7629 163.813 85.5008 170.72C75.6377 178.921 63.8219 194.86 61.7503 193.49C59.6787 192.12 71.4944 177.995 78.7036 169.555C84.6371 162.63 75.9485 156.063 70.5373 162.295C62.3863 171.762 50.827 189.978 48.8838 188.84C46.2901 187.256 54.5097 176.641 58.4313 170.632C63.1663 163.364 55.2394 158.894 51.0696 164.638C43.6975 174.782 26.7184 199.941 22.1718 207.003C11.3746 223.687 34.0231 255.57 58.4996 247.722Z" fill="#4C2F19"/>
<path d="M19.8412 224.227C19.8412 224.227 -8.93751 272.978 -22.5891 322.099C-30.2114 349.219 12.4175 387.85 16.1954 364.882C20.7615 337.342 31.9682 257.316 50.29 244.015C68.6546 230.79 19.8412 224.227 19.8412 224.227Z" fill="#4C2F19"/>
<path d="M57.5584 162.345C53.3717 165.88 44.1586 179.97 40.2285 185.782C36.2213 191.638 22.9668 211.703 24.1301 220.332C24.8999 226.257 31.628 233.106 30.241 233.876C28.9311 234.604 23.0931 230.083 21.4664 231.692C19.3858 233.755 -16.8612 311.356 -7.40337 328.384C2.78202 346.723 -9.81967 347.269 -9.81967 347.269C-9.81967 347.269 -23.782 342.825 -23.3606 326.157C-22.7502 302.931 19.9351 221.856 19.9351 221.856C19.9351 221.856 17.7358 213.902 21.6574 207.893C25.579 201.884 44.339 174.123 47.2759 169.971C50.1699 165.742 52.8501 160.221 57.5584 162.345Z" fill="black" fill-opacity="0.1"/>
</g>
<path opacity="0.6" d="M194.414 194.964C194.758 198.201 194.807 205.127 190.379 211.596C189.585 212.736 187.907 212.402 187.504 211.166C186.486 207.573 184.44 201.792 180.699 198.384C179.849 197.714 178.769 197.428 177.748 197.647C169.351 199.786 127.718 208.603 116.072 177.278C103.102 142.436 127.842 121.537 158.794 117.085C190.153 112.564 201.848 129.448 209.452 149.817C218.305 173.395 201.29 187.989 195.857 191.969C194.796 192.687 194.31 193.752 194.414 194.964Z" fill="white"/>
<path opacity="0.6" d="M104.701 128.522C103.159 125.655 100.495 119.262 102.149 111.599C102.452 110.243 104.132 109.918 104.973 110.91C107.273 113.851 111.353 118.429 116.105 120.17C117.145 120.469 118.254 120.326 119.116 119.737C126.08 114.582 161.289 90.678 183.914 115.275C209.095 142.626 194.093 171.328 167.122 187.153C139.8 203.194 122.591 191.985 107.849 176.003C90.7386 157.522 100.973 137.579 104.498 131.84C105.208 130.774 105.256 129.605 104.701 128.522Z" fill="white"/>
<path opacity="0.6" d="M127.839 205.326C125.095 206.898 118.952 209.619 111.434 207.969C110.103 207.666 109.733 205.964 110.672 205.109C113.463 202.769 117.793 198.619 119.337 193.798C119.594 192.744 119.419 191.62 118.818 190.749C113.572 183.709 89.1552 148.111 112.393 125.103C138.232 99.4956 166.676 114.601 182.958 141.878C199.462 169.51 189.094 186.986 173.997 201.977C156.54 219.377 136.783 209.074 131.078 205.521C130.017 204.804 128.876 204.76 127.839 205.326Z" fill="white"/>
<path opacity="0.6" d="M192.871 119.203C195.937 118.428 202.586 117.463 209.382 121.078C210.582 121.728 210.48 123.467 209.345 124.037C206.026 125.539 200.739 128.369 197.953 132.596C197.421 133.542 197.287 134.67 197.631 135.672C200.786 143.865 214.709 184.725 186.132 200.621C154.349 218.32 131.027 196.109 122.696 165.454C114.247 134.398 128.94 120.361 147.518 109.992C169.017 97.9388 185.268 113.184 189.805 118.143C190.633 119.119 191.72 119.468 192.871 119.203Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M169.724 152.242C167.03 163.505 152.779 170.574 149.5 170.09C146.221 169.606 134.617 158.722 135.294 147.16C135.32 146.784 135.345 146.407 135.4 146.035C136.217 140.501 141.401 136.667 146.958 137.487C149.779 137.903 152.172 139.428 153.706 141.588C155.799 139.963 158.531 139.195 161.351 139.611C166.906 140.431 170.761 145.599 169.945 151.133C169.89 151.505 169.806 151.873 169.724 152.242Z" fill="#FF6680"/>
<g opacity="0.5">
<path fill-rule="evenodd" clip-rule="evenodd" d="M81.6519 215.84C81.5987 216.463 81.2178 217.005 80.6522 217.271L79.3673 217.876C78.7601 218.159 78.9208 219.065 79.5886 219.124L81.0028 219.248C81.6251 219.301 82.1701 219.684 82.4337 220.247L83.0388 221.532C83.3218 222.142 84.2279 221.981 84.2864 221.311L84.41 219.897C84.4637 219.277 84.8463 218.729 85.4124 218.465L86.6978 217.863C87.3045 217.578 87.1437 216.672 86.4764 216.615L85.0618 216.489C84.439 216.433 83.8922 216.056 83.6282 215.49L83.0257 214.204C82.7406 213.598 81.8345 213.758 81.7781 214.426L81.6519 215.84ZM68.1966 228.099C69.7517 227.372 70.8007 225.87 70.949 224.16L71.2885 220.271C71.4512 218.432 73.9407 217.99 74.7232 219.661L76.3825 223.196C77.1102 224.751 78.6116 225.8 80.3193 225.949L84.2083 226.288C86.0472 226.451 86.4888 228.94 84.8181 229.726L81.2832 231.382C79.7309 232.109 78.6819 233.611 78.5331 235.319L78.1908 239.208C78.0309 241.046 75.5414 241.488 74.7561 239.817L73.0996 236.282C72.3724 234.73 70.871 233.681 69.1605 233.533L65.2715 233.193C63.4326 233.031 62.991 230.541 64.6617 229.756L68.1966 228.099ZM64.0662 241.013C64.6316 240.746 65.0146 240.201 65.0678 239.579L65.1913 238.165C65.2476 237.498 66.1534 237.337 66.4411 237.944L67.0407 239.229C67.3073 239.794 67.8517 240.175 68.4743 240.231L69.8907 240.354C70.5578 240.41 70.7185 241.316 70.1124 241.603L68.8243 242.203C68.2589 242.47 67.8786 243.014 67.8227 243.637L67.7019 245.05C67.6407 245.721 66.7348 245.882 66.452 245.272L65.8498 243.987C65.5858 243.421 65.0388 243.041 64.4162 242.985L63.0029 242.865C62.3349 242.803 62.1742 241.897 62.7812 241.615L64.0662 241.013Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M43.6519 132.84C43.5987 133.463 43.2178 134.005 42.6522 134.271L41.3673 134.877C40.7601 135.159 40.9208 136.065 41.5886 136.124L43.0028 136.248C43.6251 136.301 44.1701 136.684 44.4337 137.247L45.0388 138.532C45.3218 139.142 46.2279 138.981 46.2864 138.311L46.41 136.897C46.4637 136.277 46.8463 135.729 47.4124 135.465L48.6978 134.863C49.3045 134.578 49.1437 133.672 48.4764 133.615L47.0618 133.489C46.439 133.433 45.8922 133.056 45.6282 132.49L45.0257 131.204C44.7406 130.598 43.8345 130.759 43.7781 131.426L43.6519 132.84ZM30.1966 145.099C31.7517 144.372 32.8007 142.87 32.949 141.16L33.2885 137.271C33.4512 135.432 35.9407 134.99 36.7232 136.661L38.3825 140.196C39.1102 141.751 40.6116 142.8 42.3193 142.949L46.2083 143.288C48.0472 143.451 48.4888 145.94 46.8181 146.726L43.2832 148.382C41.7309 149.109 40.6819 150.611 40.5331 152.319L40.1908 156.208C40.0309 158.046 37.5414 158.488 36.7561 156.817L35.0996 153.283C34.3724 151.73 32.871 150.681 31.1605 150.533L27.2715 150.193C25.4326 150.031 24.991 147.541 26.6617 146.756L30.1966 145.099ZM26.0662 158.013C26.6316 157.746 27.0146 157.201 27.0678 156.579L27.1913 155.165C27.2476 154.498 28.1534 154.338 28.4411 154.944L29.0407 156.229C29.3073 156.794 29.8517 157.175 30.4743 157.231L31.8907 157.354C32.5578 157.41 32.7185 158.316 32.1124 158.603L30.8243 159.203C30.2589 159.47 29.8786 160.014 29.8227 160.637L29.7019 162.05C29.6407 162.721 28.7348 162.882 28.452 162.272L27.8498 160.987C27.5858 160.421 27.0388 160.041 26.4162 159.986L25.0029 159.865C24.3349 159.803 24.1742 158.897 24.7812 158.615L26.0662 158.013Z" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M227.736 91.3357C229.45 91.222 230.972 90.2036 231.731 88.6635L233.458 85.1628C234.277 83.5083 236.757 84.0001 236.88 85.8414L237.144 89.737C237.257 91.4501 238.276 92.9725 239.813 93.7309L243.314 95.4584C244.968 96.2774 244.477 98.7574 242.635 98.8829L238.74 99.1437C237.029 99.258 235.507 100.276 234.749 101.814L233.018 105.314C232.202 106.969 229.722 106.477 229.596 104.635L229.336 100.74C229.221 99.0299 228.203 97.5076 226.663 96.7486L223.162 95.021C221.508 94.2021 221.999 91.7221 223.841 91.5966L227.736 91.3357Z" fill="white" fill-opacity="0.6"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M247.736 189.336C249.45 189.222 250.972 188.204 251.731 186.663L253.458 183.163C254.277 181.508 256.757 182 256.88 183.841L257.144 187.737C257.257 189.45 258.276 190.972 259.813 191.731L263.314 193.458C264.968 194.277 264.477 196.757 262.635 196.883L258.74 197.144C257.029 197.258 255.507 198.276 254.749 199.814L253.018 203.314C252.202 204.969 249.722 204.477 249.596 202.635L249.336 198.74C249.221 197.03 248.203 195.508 246.663 194.749L243.162 193.021C241.508 192.202 241.999 189.722 243.841 189.597L247.736 189.336Z" fill="white" fill-opacity="0.6"/>
</svg>

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 17 KiB