scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-30 10:58:23 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Merge branch 'develop' into timeout-mute

Browse source
This commit is contained in:
picklesrus 2021-01-14 07:47:47 -05:00 committed by GitHub
commit 1326f71abe
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
22 changed files with 525 additions and 899 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

236
package-lock.json generated
View file

@ -45,9 +45,9 @@
} }
}, },
"binary-extensions": { "binary-extensions": {
"version": "2.1.0", "version": "2.2.0",
"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.1.0.tgz", "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
"integrity": "sha512-1Yj8h9Q+QDF5FzhMs/c9+6UntbD5MkRfRwac8DoEm9ZfUBZ7tZ55YcGVAzEe4bXsdQHEk+s9S5wsOKVdZrw0tQ==", "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
"dev": true, "dev": true,
"optional": true "optional": true
}, },
@ -62,15 +62,15 @@
} }
}, },
"chokidar": { "chokidar": {
"version": "3.4.3", "version": "3.5.0",
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.4.3.tgz", "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.0.tgz",
"integrity": "sha512-DtM3g7juCXQxFVSNPNByEC2+NImtBuxQQvWlHunpJIS5Ocr0lG306cC7FCi7cEA0fzmybPUIl4txBIobk1gGOQ==", "integrity": "sha512-JgQM9JS92ZbFR4P90EvmzNpSGhpPBGBSj10PILeDyYFwp4h2/D9OM03wsJ4zW1fEp4ka2DGrnUeD7FuvQ2aZ2Q==",
"dev": true, "dev": true,
"optional": true, "optional": true,
"requires": { "requires": {
"anymatch": "~3.1.1", "anymatch": "~3.1.1",
"braces": "~3.0.2", "braces": "~3.0.2",
"fsevents": "~2.1.2", "fsevents": "~2.3.1",
"glob-parent": "~5.1.0", "glob-parent": "~5.1.0",
"is-binary-path": "~2.1.0", "is-binary-path": "~2.1.0",
"is-glob": "~4.0.1", "is-glob": "~4.0.1",
@ -95,9 +95,9 @@
} }
}, },
"fsevents": { "fsevents": {
"version": "2.1.3", "version": "2.3.1",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.1.3.tgz", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.1.tgz",
"integrity": "sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==", "integrity": "sha512-YR47Eg4hChJGAB1O3yEAOkGO+rlzutoICGqGo9EZ4lKWokzZRSyIW1QmTzqjtw8MJdj9srP869CuWw/hyzSiBw==",
"dev": true, "dev": true,
"optional": true "optional": true
}, },
@ -326,26 +326,26 @@
} }
}, },
"@babel/traverse": { "@babel/traverse": {
"version": "7.12.10", "version": "7.12.12",
"resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.12.10.tgz", "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.12.12.tgz",
"integrity": "sha512-6aEtf0IeRgbYWzta29lePeYSk+YAFIC3kyqESeft8o5CkFlYIMX+EQDDWEiAQ9LHOA3d0oHdgrSsID/CKqXJlg==", "integrity": "sha512-s88i0X0lPy45RrLM8b9mz8RPH5FqO9G9p7ti59cToE44xFm1Q+Pjh5Gq4SXBbtb88X7Uy7pexeqRIQDDMNkL0w==",
"dev": true, "dev": true,
"requires": { "requires": {
"@babel/code-frame": "^7.10.4", "@babel/code-frame": "^7.12.11",
"@babel/generator": "^7.12.10", "@babel/generator": "^7.12.11",
"@babel/helper-function-name": "^7.10.4", "@babel/helper-function-name": "^7.12.11",
"@babel/helper-split-export-declaration": "^7.11.0", "@babel/helper-split-export-declaration": "^7.12.11",
"@babel/parser": "^7.12.10", "@babel/parser": "^7.12.11",
"@babel/types": "^7.12.10", "@babel/types": "^7.12.12",
"debug": "^4.1.0", "debug": "^4.1.0",
"globals": "^11.1.0", "globals": "^11.1.0",
"lodash": "^4.17.19" "lodash": "^4.17.19"
} }
}, },
"@babel/types": { "@babel/types": {
"version": "7.12.11", "version": "7.12.12",
"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.11.tgz", "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
"integrity": "sha512-ukA9SQtKThINm++CX1CwmliMrE54J6nIYB5XTwL5f/CLFW9owfls+YSU8tVW15RQ2w+a3fSbPjC6HdQNtWZkiA==", "integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
"dev": true, "dev": true,
"requires": { "requires": {
"@babel/helper-validator-identifier": "^7.12.11", "@babel/helper-validator-identifier": "^7.12.11",
@ -516,9 +516,9 @@
}, },
"dependencies": { "dependencies": {
"@babel/types": { "@babel/types": {
"version": "7.12.11", "version": "7.12.12",
"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.11.tgz", "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
"integrity": "sha512-ukA9SQtKThINm++CX1CwmliMrE54J6nIYB5XTwL5f/CLFW9owfls+YSU8tVW15RQ2w+a3fSbPjC6HdQNtWZkiA==", "integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
"dev": true, "dev": true,
"requires": { "requires": {
"@babel/helper-validator-identifier": "^7.12.11", "@babel/helper-validator-identifier": "^7.12.11",
@ -550,9 +550,9 @@
}, },
"dependencies": { "dependencies": {
"@babel/types": { "@babel/types": {
"version": "7.12.11", "version": "7.12.12",
"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.11.tgz", "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
"integrity": "sha512-ukA9SQtKThINm++CX1CwmliMrE54J6nIYB5XTwL5f/CLFW9owfls+YSU8tVW15RQ2w+a3fSbPjC6HdQNtWZkiA==", "integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
"dev": true, "dev": true,
"requires": { "requires": {
"@babel/helper-validator-identifier": "^7.12.11", "@babel/helper-validator-identifier": "^7.12.11",
@ -669,26 +669,26 @@
} }
}, },
"@babel/traverse": { "@babel/traverse": {
"version": "7.12.10", "version": "7.12.12",
"resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.12.10.tgz", "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.12.12.tgz",
"integrity": "sha512-6aEtf0IeRgbYWzta29lePeYSk+YAFIC3kyqESeft8o5CkFlYIMX+EQDDWEiAQ9LHOA3d0oHdgrSsID/CKqXJlg==", "integrity": "sha512-s88i0X0lPy45RrLM8b9mz8RPH5FqO9G9p7ti59cToE44xFm1Q+Pjh5Gq4SXBbtb88X7Uy7pexeqRIQDDMNkL0w==",
"dev": true, "dev": true,
"requires": { "requires": {
"@babel/code-frame": "^7.10.4", "@babel/code-frame": "^7.12.11",
"@babel/generator": "^7.12.10", "@babel/generator": "^7.12.11",
"@babel/helper-function-name": "^7.10.4", "@babel/helper-function-name": "^7.12.11",
"@babel/helper-split-export-declaration": "^7.11.0", "@babel/helper-split-export-declaration": "^7.12.11",
"@babel/parser": "^7.12.10", "@babel/parser": "^7.12.11",
"@babel/types": "^7.12.10", "@babel/types": "^7.12.12",
"debug": "^4.1.0", "debug": "^4.1.0",
"globals": "^11.1.0", "globals": "^11.1.0",
"lodash": "^4.17.19" "lodash": "^4.17.19"
} }
}, },
"@babel/types": { "@babel/types": {
"version": "7.12.11", "version": "7.12.12",
"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.11.tgz", "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
"integrity": "sha512-ukA9SQtKThINm++CX1CwmliMrE54J6nIYB5XTwL5f/CLFW9owfls+YSU8tVW15RQ2w+a3fSbPjC6HdQNtWZkiA==", "integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
"dev": true, "dev": true,
"requires": { "requires": {
"@babel/helper-validator-identifier": "^7.12.11", "@babel/helper-validator-identifier": "^7.12.11",
@ -788,9 +788,9 @@
}, },
"dependencies": { "dependencies": {
"@babel/types": { "@babel/types": {
"version": "7.12.11", "version": "7.12.12",
"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.11.tgz", "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
"integrity": "sha512-ukA9SQtKThINm++CX1CwmliMrE54J6nIYB5XTwL5f/CLFW9owfls+YSU8tVW15RQ2w+a3fSbPjC6HdQNtWZkiA==", "integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
"dev": true, "dev": true,
"requires": { "requires": {
"@babel/helper-validator-identifier": "^7.12.11", "@babel/helper-validator-identifier": "^7.12.11",
@ -908,26 +908,26 @@
} }
}, },
"@babel/traverse": { "@babel/traverse": {
"version": "7.12.10", "version": "7.12.12",
"resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.12.10.tgz", "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.12.12.tgz",
"integrity": "sha512-6aEtf0IeRgbYWzta29lePeYSk+YAFIC3kyqESeft8o5CkFlYIMX+EQDDWEiAQ9LHOA3d0oHdgrSsID/CKqXJlg==", "integrity": "sha512-s88i0X0lPy45RrLM8b9mz8RPH5FqO9G9p7ti59cToE44xFm1Q+Pjh5Gq4SXBbtb88X7Uy7pexeqRIQDDMNkL0w==",
"dev": true, "dev": true,
"requires": { "requires": {
"@babel/code-frame": "^7.10.4", "@babel/code-frame": "^7.12.11",
"@babel/generator": "^7.12.10", "@babel/generator": "^7.12.11",
"@babel/helper-function-name": "^7.10.4", "@babel/helper-function-name": "^7.12.11",
"@babel/helper-split-export-declaration": "^7.11.0", "@babel/helper-split-export-declaration": "^7.12.11",
"@babel/parser": "^7.12.10", "@babel/parser": "^7.12.11",
"@babel/types": "^7.12.10", "@babel/types": "^7.12.12",
"debug": "^4.1.0", "debug": "^4.1.0",
"globals": "^11.1.0", "globals": "^11.1.0",
"lodash": "^4.17.19" "lodash": "^4.17.19"
} }
}, },
"@babel/types": { "@babel/types": {
"version": "7.12.11", "version": "7.12.12",
"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.11.tgz", "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
"integrity": "sha512-ukA9SQtKThINm++CX1CwmliMrE54J6nIYB5XTwL5f/CLFW9owfls+YSU8tVW15RQ2w+a3fSbPjC6HdQNtWZkiA==", "integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
"dev": true, "dev": true,
"requires": { "requires": {
"@babel/helper-validator-identifier": "^7.12.11", "@babel/helper-validator-identifier": "^7.12.11",
@ -1027,9 +1027,9 @@
}, },
"dependencies": { "dependencies": {
"@babel/types": { "@babel/types": {
"version": "7.12.11", "version": "7.12.12",
"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.11.tgz", "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
"integrity": "sha512-ukA9SQtKThINm++CX1CwmliMrE54J6nIYB5XTwL5f/CLFW9owfls+YSU8tVW15RQ2w+a3fSbPjC6HdQNtWZkiA==", "integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
"dev": true, "dev": true,
"requires": { "requires": {
"@babel/helper-validator-identifier": "^7.12.11", "@babel/helper-validator-identifier": "^7.12.11",
@ -1155,26 +1155,26 @@
} }
}, },
"@babel/traverse": { "@babel/traverse": {
"version": "7.12.10", "version": "7.12.12",
"resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.12.10.tgz", "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.12.12.tgz",
"integrity": "sha512-6aEtf0IeRgbYWzta29lePeYSk+YAFIC3kyqESeft8o5CkFlYIMX+EQDDWEiAQ9LHOA3d0oHdgrSsID/CKqXJlg==", "integrity": "sha512-s88i0X0lPy45RrLM8b9mz8RPH5FqO9G9p7ti59cToE44xFm1Q+Pjh5Gq4SXBbtb88X7Uy7pexeqRIQDDMNkL0w==",
"dev": true, "dev": true,
"requires": { "requires": {
"@babel/code-frame": "^7.10.4", "@babel/code-frame": "^7.12.11",
"@babel/generator": "^7.12.10", "@babel/generator": "^7.12.11",
"@babel/helper-function-name": "^7.10.4", "@babel/helper-function-name": "^7.12.11",
"@babel/helper-split-export-declaration": "^7.11.0", "@babel/helper-split-export-declaration": "^7.12.11",
"@babel/parser": "^7.12.10", "@babel/parser": "^7.12.11",
"@babel/types": "^7.12.10", "@babel/types": "^7.12.12",
"debug": "^4.1.0", "debug": "^4.1.0",
"globals": "^11.1.0", "globals": "^11.1.0",
"lodash": "^4.17.19" "lodash": "^4.17.19"
} }
}, },
"@babel/types": { "@babel/types": {
"version": "7.12.11", "version": "7.12.12",
"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.11.tgz", "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.12.tgz",
"integrity": "sha512-ukA9SQtKThINm++CX1CwmliMrE54J6nIYB5XTwL5f/CLFW9owfls+YSU8tVW15RQ2w+a3fSbPjC6HdQNtWZkiA==", "integrity": "sha512-lnIX7piTxOH22xE7fDXDbSHg9MM1/6ORnafpJmov5rs0kX5g4BZxeXNJLXsMRiO0U5Rb8/FvMS6xlTnTHvxonQ==",
"dev": true, "dev": true,
"requires": { "requires": {
"@babel/helper-validator-identifier": "^7.12.11", "@babel/helper-validator-identifier": "^7.12.11",
@ -4609,9 +4609,9 @@
"dev": true "dev": true
}, },
"caniuse-lite": { "caniuse-lite": {
"version": "1.0.30001170", "version": "1.0.30001177",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001170.tgz", "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001177.tgz",
"integrity": "sha512-Dd4d/+0tsK0UNLrZs3CvNukqalnVTRrxb5mcQm8rHL49t7V5ZaTygwXkrq+FB+dVDf++4ri8eJnFEJAB8332PA==", "integrity": "sha512-6Ld7t3ifCL02jTj3MxPMM5wAYjbo4h/TAQGFTgv1inihP1tWnWp8mxxT4ut4JBEHLbpFXEXJJQ119JCJTBkYDw==",
"dev": true "dev": true
}, },
"canvas-fit": { "canvas-fit": {
@ -15557,9 +15557,9 @@
} }
}, },
"node-releases": { "node-releases": {
"version": "1.1.67", "version": "1.1.69",
"resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.67.tgz", "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.69.tgz",
"integrity": "sha512-V5QF9noGFl3EymEwUYzO+3NTDpGfQB4ve6Qfnzf3UNydMhjQRVPR1DZTuvWiLzaFJYw2fmDwAfnRNEVb64hSIg==", "integrity": "sha512-DGIjo79VDEyAnRlfSqYTsy+yoHd2IOjJiKUozD2MV2D85Vso6Bug56mb9tT/fY5Urt0iqk01H7x+llAruDR2zA==",
"dev": true "dev": true
}, },
"node-sass": { "node-sass": {
@ -20527,9 +20527,9 @@
} }
}, },
"scratch-blocks": { "scratch-blocks": {
"version": "0.1.0-prerelease.20201221034416", "version": "0.1.0-prerelease.20210114034612",
"resolved": "https://registry.npmjs.org/scratch-blocks/-/scratch-blocks-0.1.0-prerelease.20201221034416.tgz", "resolved": "https://registry.npmjs.org/scratch-blocks/-/scratch-blocks-0.1.0-prerelease.20210114034612.tgz",
"integrity": "sha512-ylaNnIGm6BS9cf7jwmGRzIUBCujl5JdDYYrltxoRBpqSg7GvFkvKwld13XHQNDr5t7Zo4WPB3cfXYhSQ/wINOw==", "integrity": "sha512-LPMpbEmY82CNFNQAcEYJCrA+qKYgSkUhI+e97T1bxV8PCxeYEo6p2INhPUEc69paDHoiqugIay6q3piMukaPCA==",
"dev": true, "dev": true,
"requires": { "requires": {
"exports-loader": "0.6.3", "exports-loader": "0.6.3",
@ -20537,9 +20537,9 @@
} }
}, },
"scratch-gui": { "scratch-gui": {
"version": "0.1.0-prerelease.20201221041259", "version": "0.1.0-prerelease.20210114042314",
"resolved": "https://registry.npmjs.org/scratch-gui/-/scratch-gui-0.1.0-prerelease.20201221041259.tgz", "resolved": "https://registry.npmjs.org/scratch-gui/-/scratch-gui-0.1.0-prerelease.20210114042314.tgz",
"integrity": "sha512-/ZHX3M3YI7+u3WhfnejMkytMjrExvTzzRWB+RbxSouabpRLucqsKxOtTTKkob6B3SjboQXWefQ3pBegKnVLOvQ==", "integrity": "sha512-XnlrtQoDzPg6py78Lyx11m42enkLzEWwl7K+DNHJ/4argxPVry4QH68oCCjUAXBg0VbUU9efmGSltiIA4rxIZw==",
"dev": true, "dev": true,
"requires": { "requires": {
"arraybuffer-loader": "^1.0.6", "arraybuffer-loader": "^1.0.6",
@ -20590,12 +20590,12 @@
"redux": "3.7.2", "redux": "3.7.2",
"redux-throttle": "0.1.1", "redux-throttle": "0.1.1",
"scratch-audio": "0.1.0-prerelease.20200528195344", "scratch-audio": "0.1.0-prerelease.20200528195344",
"scratch-blocks": "0.1.0-prerelease.20201221034416", "scratch-blocks": "0.1.0-prerelease.20210114034612",
"scratch-l10n": "3.10.20201221031502", "scratch-l10n": "3.10.20210114031436",
"scratch-paint": "0.2.0-prerelease.20201020103914", "scratch-paint": "0.2.0-prerelease.20201020103914",
"scratch-render": "0.1.0-prerelease.20201113223804", "scratch-render": "0.1.0-prerelease.20201113223804",
"scratch-storage": "1.3.3", "scratch-storage": "1.3.3",
"scratch-svg-renderer": "0.2.0-prerelease.20201019174008", "scratch-svg-renderer": "0.2.0-prerelease.20210107222546",
"scratch-vm": "0.2.0-prerelease.20201125065300", "scratch-vm": "0.2.0-prerelease.20201125065300",
"startaudiocontext": "1.2.1", "startaudiocontext": "1.2.1",
"style-loader": "^0.23.0", "style-loader": "^0.23.0",
@ -20636,16 +20636,16 @@
"dev": true "dev": true
}, },
"browserslist": { "browserslist": {
"version": "4.16.0", "version": "4.16.1",
"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.0.tgz", "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.1.tgz",
"integrity": "sha512-/j6k8R0p3nxOC6kx5JGAxsnhc9ixaWJfYc+TNTzxg6+ARaESAvQGV7h0uNOB4t+pLQJZWzcrMxXOxjgsCj3dqQ==", "integrity": "sha512-UXhDrwqsNcpTYJBTZsbGATDxZbiVDsx6UjpmRUmtnP10pr8wAYr5LgFoEFw9ixriQH2mv/NX2SfGzE/o8GndLA==",
"dev": true, "dev": true,
"requires": { "requires": {
"caniuse-lite": "^1.0.30001165", "caniuse-lite": "^1.0.30001173",
"colorette": "^1.2.1", "colorette": "^1.2.1",
"electron-to-chromium": "^1.3.621", "electron-to-chromium": "^1.3.634",
"escalade": "^3.1.1", "escalade": "^3.1.1",
"node-releases": "^1.1.67" "node-releases": "^1.1.69"
} }
}, },
"chalk": { "chalk": {
@ -20775,9 +20775,9 @@
"dev": true "dev": true
}, },
"electron-to-chromium": { "electron-to-chromium": {
"version": "1.3.629", "version": "1.3.639",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.629.tgz", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.639.tgz",
"integrity": "sha512-iSPPJtPvHrMAvYOt+9cdbDmTasPqwnwz4lkP8Dn200gDNUBQOLQ96xUsWXBwXslAo5XxdoXAoQQ3RAy4uao9IQ==", "integrity": "sha512-bwl6/U6xb3d3CNufQU9QeO1L32ueouFwW4bWANSwdXR7LVqyLzWjNbynoKNfuC38QFB5Qn7O0l2KLqBkcXnC3Q==",
"dev": true "dev": true
}, },
"file-loader": { "file-loader": {
@ -21080,9 +21080,9 @@
} }
}, },
"scratch-l10n": { "scratch-l10n": {
"version": "3.10.20201221031502", "version": "3.10.20210114031436",
"resolved": "https://registry.npmjs.org/scratch-l10n/-/scratch-l10n-3.10.20201221031502.tgz", "resolved": "https://registry.npmjs.org/scratch-l10n/-/scratch-l10n-3.10.20210114031436.tgz",
"integrity": "sha512-ETdmV6AC64QNWqaq5YChJ8UKNiVyxlTMs/chzm2mg4Xc2QBGi+1eti0cdwb7E5GVLYRcAcFYk7znFKeFm+t1zQ==", "integrity": "sha512-vbTrYfklSsr//jbx2/JYQqq0vuLV39iEJ20nbr6uxQCbvpagpiqrALxB2X0J98aEiTCccF8IqKcGrUcDGb2uCA==",
"dev": true, "dev": true,
"requires": { "requires": {
"@babel/cli": "^7.1.2", "@babel/cli": "^7.1.2",
@ -21128,6 +21128,20 @@
"requires": { "requires": {
"microee": "0.0.6" "microee": "0.0.6"
} }
},
"scratch-svg-renderer": {
"version": "0.2.0-prerelease.20201019174008",
"resolved": "https://registry.npmjs.org/scratch-svg-renderer/-/scratch-svg-renderer-0.2.0-prerelease.20201019174008.tgz",
"integrity": "sha512-RF3Zx09Nl+uLTrPD7K4tR6Sqq/JqRTsLVRugohEJ8pGHXshvBh/A4zWx7XmMZHOdEDHunPxpCDHkW2LoMCFioQ==",
"dev": true,
"requires": {
"base64-js": "1.2.1",
"base64-loader": "1.0.0",
"dompurify": "2.1.1",
"minilog": "3.1.0",
"scratch-render-fonts": "1.0.0-prerelease.20200507182347",
"transformation-matrix": "1.15.0"
}
} }
} }
}, },
@ -21212,6 +21226,28 @@
"worker-loader": "^2.0.0" "worker-loader": "^2.0.0"
} }
}, },
"scratch-svg-renderer": {
"version": "0.2.0-prerelease.20201019174008",
"resolved": "https://registry.npmjs.org/scratch-svg-renderer/-/scratch-svg-renderer-0.2.0-prerelease.20201019174008.tgz",
"integrity": "sha512-RF3Zx09Nl+uLTrPD7K4tR6Sqq/JqRTsLVRugohEJ8pGHXshvBh/A4zWx7XmMZHOdEDHunPxpCDHkW2LoMCFioQ==",
"dev": true,
"requires": {
"base64-js": "1.2.1",
"base64-loader": "1.0.0",
"dompurify": "2.1.1",
"minilog": "3.1.0",
"scratch-render-fonts": "1.0.0-prerelease.20200507182347",
"transformation-matrix": "1.15.0"
},
"dependencies": {
"base64-js": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.2.1.tgz",
"integrity": "sha512-dwVUVIXsBZXwTuwnXI9RK8sBmgq09NDHzyR9SAph9eqk76gKK2JSQmZARC2zRC81JC2QTtxD0ARU5qTS25gIGw==",
"dev": true
}
}
},
"text-encoding": { "text-encoding": {
"version": "0.7.0", "version": "0.7.0",
"resolved": "https://registry.npmjs.org/text-encoding/-/text-encoding-0.7.0.tgz", "resolved": "https://registry.npmjs.org/text-encoding/-/text-encoding-0.7.0.tgz",
@ -21283,9 +21319,9 @@
} }
}, },
"scratch-svg-renderer": { "scratch-svg-renderer": {
"version": "0.2.0-prerelease.20201019174008", "version": "0.2.0-prerelease.20210107222546",
"resolved": "https://registry.npmjs.org/scratch-svg-renderer/-/scratch-svg-renderer-0.2.0-prerelease.20201019174008.tgz", "resolved": "https://registry.npmjs.org/scratch-svg-renderer/-/scratch-svg-renderer-0.2.0-prerelease.20210107222546.tgz",
"integrity": "sha512-RF3Zx09Nl+uLTrPD7K4tR6Sqq/JqRTsLVRugohEJ8pGHXshvBh/A4zWx7XmMZHOdEDHunPxpCDHkW2LoMCFioQ==", "integrity": "sha512-1cf+QlOIMblQ9z/yVZhrWkgmkOHwcl3BgqB6+aAV8IS6E7yWa2H0Cxundak089pDH47mbSf6PGs/aljjT/bpew==",
"dev": true, "dev": true,
"requires": { "requires": {
"base64-js": "1.2.1", "base64-js": "1.2.1",

2
package.json
View file

@ -129,7 +129,7 @@
"redux-mock-store": "^1.2.3", "redux-mock-store": "^1.2.3",
"redux-thunk": "2.0.1", "redux-thunk": "2.0.1",
"sass-loader": "6.0.6", "sass-loader": "6.0.6",
"scratch-gui": "0.1.0-prerelease.20201221041259", "scratch-gui": "0.1.0-prerelease.20210114042314",
"scratch-l10n": "latest", "scratch-l10n": "latest",
"selenium-webdriver": "3.6.0", "selenium-webdriver": "3.6.0",
"slick-carousel": "1.6.0", "slick-carousel": "1.6.0",

7
src/components/modal/mute/modal.scss
View file

@ -11,10 +11,11 @@
} }
.mute-step { .mute-step {
display: flex; display: flex;
padding: 48px 16px; padding: 36px 16px 28px 16px;
} }
.mute-content { .mute-content {
padding-top: 16px; padding-top: 16px;
justify-content: flex-start;
} }
.mute-inner-content { .mute-inner-content {
padding: 0 32px; padding: 0 32px;
@ -29,7 +30,7 @@
line-height: 2rem; line-height: 2rem;
} }
.mute-bottom-row { .mute-bottom-row {
padding-top: 32px; padding-top: 12px;
} }
.bottom-img { .bottom-img {
width: 380px; width: 380px;
@ -47,7 +48,7 @@
.mute-nav { .mute-nav {
display:flex; display:flex;
justify-content: space-between; justify-content: space-between;
padding: 24px 0; padding: 20px 0;
} }
.back-button { .back-button {
margin-top: 0; margin-top: 0;

11
src/components/people-grid/people-grid.jsx
View file

@ -13,7 +13,11 @@ const PeopleGrid = props => (
> >
<div> <div>
{person.userName ? ( {person.userName ? (
<a href={`https://scratch.mit.edu/users/${person.userName}/`}> <a
href={`https://scratch.mit.edu/users/${person.userName}/`}
rel="noreferrer noopener"
target={props.linkToNewTab ? '_blank' : '_self'}
>
<Avatar <Avatar
alt="" alt=""
src={`https://cdn.scratch.mit.edu/get_image/user/${person.userId || 'default'}_80x80.png`} src={`https://cdn.scratch.mit.edu/get_image/user/${person.userId || 'default'}_80x80.png`}
@ -36,6 +40,7 @@ const PeopleGrid = props => (
); );
PeopleGrid.propTypes = { PeopleGrid.propTypes = {
linkToNewTab: PropTypes.bool,
people: PropTypes.arrayOf(PropTypes.shape({ people: PropTypes.arrayOf(PropTypes.shape({
name: PropTypes.string, name: PropTypes.string,
userId: PropTypes.number, userId: PropTypes.number,
@ -43,4 +48,8 @@ PeopleGrid.propTypes = {
})) }))
}; };
PeopleGrid.defaultProps = {
linkToNewTab: false
};
module.exports = PeopleGrid; module.exports = PeopleGrid;

7
src/components/world-map/world-map.jsx
View file

@ -20,10 +20,7 @@ const WorldMap = props => (
locations: props.countryNames, locations: props.countryNames,
z: props.colorIndex, z: props.colorIndex,
text: props.countryData, text: props.countryData,
hovertemplate: '<b> %{location} </b>' + hovertemplate: '%{text}<extra></extra>',
'<br>' +
' %{text:,.0f} ' +
'<extra></extra>',
hoverlabel: { hoverlabel: {
bgcolor: '#FFF', bgcolor: '#FFF',
bordercolor: '#5B6671', bordercolor: '#5B6671',
@ -38,7 +35,7 @@ const WorldMap = props => (
marker: { marker: {
line: { line: {
color: '#FFFF', color: '#FFFF',
width: 1 width: .4
} }
} }
} }

3
src/template.ejs
View file

@ -53,6 +53,9 @@
</head> </head>
<body> <body>
<noscript>
<p>Your browser has Javascript disabled. Please go to your browser preferences and enable Javascript in order to use Scratch.</p>
</noscript>
<div id="app"></div> <div id="app"></div>
<!-- Vendor & Initialize (Session & Localization)--> <!-- Vendor & Initialize (Session & Localization)-->

40
src/views/annual-report/annual-report.jsx
View file

@ -2,7 +2,6 @@ const bindAll = require('lodash.bindall');
const classNames = require('classnames'); const classNames = require('classnames');
const React = require('react'); const React = require('react');
const MediaQuery = require('react-responsive').default; const MediaQuery = require('react-responsive').default;
const FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage;
const FormattedMessage = require('react-intl').FormattedMessage; const FormattedMessage = require('react-intl').FormattedMessage;
const injectIntl = require('react-intl').injectIntl; const injectIntl = require('react-intl').injectIntl;
const intlShape = require('react-intl').intlShape; const intlShape = require('react-intl').intlShape;
@ -52,10 +51,11 @@ const SECTION_NAMES = {
}; };
// Constants used for world map data processing/formatting for use with Plotly // Constants used for world map data processing/formatting for use with Plotly
const countryKeys = Object.keys(CountryUsage); const countryNames = Object.keys(CountryUsage);
const countryNames = countryKeys.map(key => CountryUsage[key].display); const countryData = countryNames.map(key =>
const countryData = countryKeys.map(key => CountryUsage[key].count); `<b>${CountryUsage[key].display}</b><br>${CountryUsage[key].count.toLocaleString('en')}`
const colorIndex = countryKeys.map(key => CountryUsage[key]['log count']); );
const colorIndex = countryNames.map(key => CountryUsage[key]['log count']);
// Create the div given a list of supporter names, // Create the div given a list of supporter names,
// this will contain two columns of names either of equal size // this will contain two columns of names either of equal size
@ -1993,11 +1993,11 @@ class AnnualReport extends React.Component {
<FormattedMessage id="annualReport.supportersTitle" /> <FormattedMessage id="annualReport.supportersTitle" />
</h2> </h2>
<p> <p>
<FormattedHTMLMessage id="annualReport.supportersIntro" /> <FormattedMessage id="annualReport.supportersIntro" />
</p> </p>
</div> </div>
<div className="subsection-tag"> <div className="subsection-tag">
<FormattedHTMLMessage id="annualReport.supportersSpotlightTitle" /> <FormattedMessage id="annualReport.supportersSpotlightTitle" />
</div> </div>
<div className="supporters-subsection"> <div className="supporters-subsection">
<div className="supporters-blurb"> <div className="supporters-blurb">
@ -2032,53 +2032,53 @@ class AnnualReport extends React.Component {
<div className="supporters-subsection supporters-lists"> <div className="supporters-subsection supporters-lists">
<div className="supporters-blurb"> <div className="supporters-blurb">
<h4> <h4>
<FormattedHTMLMessage id="annualReport.supportersThankYou" /> <FormattedMessage id="annualReport.supportersThankYou" />
</h4> </h4>
<p> <p>
<FormattedHTMLMessage id="annualReport.supportersAllDescription" /> <FormattedMessage id="annualReport.supportersAllDescription" />
</p> </p>
<p className="founding-partners-blurb"> <p className="founding-partners-blurb">
<FormattedHTMLMessage id="annualReport.supportersFoundingDescription" /> <FormattedMessage id="annualReport.supportersFoundingDescription" />
</p> </p>
</div> </div>
<div className="supporters-level"> <div className="supporters-level">
<h5> <h5>
<FormattedHTMLMessage id="annualReport.supportersFoundingTitle" /> <FormattedMessage id="annualReport.supportersFoundingTitle" />
</h5> </h5>
<hr /> <hr />
{createSupportersLists(Supporters.founding)} {createSupportersLists(Supporters.founding)}
</div> </div>
<div className="supporters-level"> <div className="supporters-level">
<h5> <h5>
<FormattedHTMLMessage id="annualReport.supportersCreativityTitle" /> <FormattedMessage id="annualReport.supportersCreativityTitle" />
</h5> </h5>
<hr /> <hr />
{createSupportersLists(Supporters.creativity)} {createSupportersLists(Supporters.creativity)}
</div> </div>
<div className="supporters-level"> <div className="supporters-level">
<h5> <h5>
<FormattedHTMLMessage id="annualReport.supportersCollaborationTitle" /> <FormattedMessage id="annualReport.supportersCollaborationTitle" />
</h5> </h5>
<hr /> <hr />
{createSupportersLists(Supporters.collaboration)} {createSupportersLists(Supporters.collaboration)}
</div> </div>
<div className="supporters-level"> <div className="supporters-level">
<h5> <h5>
<FormattedHTMLMessage id="annualReport.supportersImaginationTitle" /> <FormattedMessage id="annualReport.supportersImaginationTitle" />
</h5> </h5>
<hr /> <hr />
{createSupportersLists(Supporters.imagination)} {createSupportersLists(Supporters.imagination)}
</div> </div>
<div className="supporters-level"> <div className="supporters-level">
<h5> <h5>
<FormattedHTMLMessage id="annualReport.supportersInspirationTitle" /> <FormattedMessage id="annualReport.supportersInspirationTitle" />
</h5> </h5>
<hr /> <hr />
{createSupportersLists(Supporters.inspiration)} {createSupportersLists(Supporters.inspiration)}
</div> </div>
<div className="supporters-level"> <div className="supporters-level">
<h5> <h5>
<FormattedHTMLMessage id="annualReport.supportersExplorationTitle" /> <FormattedMessage id="annualReport.supportersExplorationTitle" />
</h5> </h5>
<hr /> <hr />
{createSupportersLists(Supporters.exploration)} {createSupportersLists(Supporters.exploration)}
@ -2087,7 +2087,7 @@ class AnnualReport extends React.Component {
<div className="supporters-subsection supporters-lists"> <div className="supporters-subsection supporters-lists">
<div className="supporters-level"> <div className="supporters-level">
<h3> <h3>
<FormattedHTMLMessage id="annualReport.supportersInKindTitle" /> <FormattedMessage id="annualReport.supportersInKindTitle" />
</h3> </h3>
{createSupportersLists(Supporters.inKind)} {createSupportersLists(Supporters.inKind)}
</div> </div>
@ -2178,6 +2178,7 @@ class AnnualReport extends React.Component {
</h3> </h3>
<div className="executive-director"> <div className="executive-director">
<PeopleGrid <PeopleGrid
linkToNewTab
people={[{ people={[{
userName: 'Champ99', userName: 'Champ99',
userId: 900283, userId: 900283,
@ -2186,7 +2187,10 @@ class AnnualReport extends React.Component {
/> />
<FormattedMessage id="annualReport.leadershipInterim" /> <FormattedMessage id="annualReport.leadershipInterim" />
</div> </div>
<PeopleGrid people={People} /> <PeopleGrid
linkToNewTab
people={People}
/>
</div> </div>
</div> </div>
</div> </div>

6
src/views/annual-report/annual-report.scss
View file

@ -2681,12 +2681,6 @@ p {
background-color: $box-shadow-light-gray; background-color: $box-shadow-light-gray;
} }
} }
// Would be good to see if this works in RTL...
[dir="rtl"] a {
margin-left: 10px;
margin-right: 0px;
}
} }
} }

5
src/views/annual-report/people.json
View file

@ -255,6 +255,11 @@
"userId": 3714374, "userId": 3714374,
"name": "Shruti" "name": "Shruti"
}, },
{
"userName": "Pandatt",
"userId": 18417774,
"name": "Tracy"
},
{ {
"userName": "starry_sky7", "userName": "starry_sky7",
"userId": 61374093, "userId": 61374093,

5
src/views/credits/people.json
View file

@ -234,6 +234,11 @@
"userId": 3714374, "userId": 3714374,
"name": "Shruti" "name": "Shruti"
}, },
{
"userName": "Pandatt",
"userId": 18417774,
"name": "Tracy"
},
{ {
"userName": "shaanmasala", "userName": "shaanmasala",
"userId": 29995562, "userId": 29995562,

40
src/views/preview/comment/compose-comment.jsx
View file

@ -43,7 +43,8 @@ class ComposeComment extends React.Component {
'isMuted', 'isMuted',
'setupMuteExpirationTimeout' 'setupMuteExpirationTimeout'
]); ]);
const muteExpiresAtMs = this.props.muteStatus.muteExpiresAt * 1000; // convert to ms const muteExpiresAtMs = this.props.muteStatus.muteExpiresAt ?
this.props.muteStatus.muteExpiresAt * 1000 : 0, // convert to ms
this.state = { this.state = {
message: '', message: '',
status: ComposeStatus.EDITING, status: ComposeStatus.EDITING,
@ -51,6 +52,7 @@ class ComposeComment extends React.Component {
appealId: null, appealId: null,
muteOpen: false, muteOpen: false,
muteExpiresAtMs: muteExpiresAtMs, muteExpiresAtMs: muteExpiresAtMs,
muteType: this.props.muteStatus.currentMessageType,
showWarning: this.props.muteStatus.showWarning ? this.props.muteStatus.showWarning : false showWarning: this.props.muteStatus.showWarning ? this.props.muteStatus.showWarning : false
}; };
if (this.isMuted()) { if (this.isMuted()) {
@ -94,6 +96,7 @@ class ComposeComment extends React.Component {
let muteExpiresAtMs = 0; let muteExpiresAtMs = 0;
let rejectedStatus = ComposeStatus.REJECTED; let rejectedStatus = ComposeStatus.REJECTED;
let showWarning = false; let showWarning = false;
let muteType = null;
if (body.status && body.status.mute_status) { if (body.status && body.status.mute_status) {
muteExpiresAtMs = body.status.mute_status.muteExpiresAt * 1000; // convert to ms muteExpiresAtMs = body.status.mute_status.muteExpiresAt * 1000; // convert to ms
rejectedStatus = ComposeStatus.REJECTED_MUTE; rejectedStatus = ComposeStatus.REJECTED_MUTE;
@ -101,6 +104,7 @@ class ComposeComment extends React.Component {
muteOpen = true; muteOpen = true;
} }
showWarning = body.status.mute_status.showWarning; showWarning = body.status.mute_status.showWarning;
muteType = body.status.mute_status.muteType;
this.setupMuteExpirationTimeout(muteExpiresAtMs); this.setupMuteExpirationTimeout(muteExpiresAtMs);
} }
// Note: does not reset the message state // Note: does not reset the message state
@ -110,6 +114,7 @@ class ComposeComment extends React.Component {
appealId: body.appealId, appealId: body.appealId,
muteOpen: muteOpen, muteOpen: muteOpen,
muteExpiresAtMs: muteExpiresAtMs, muteExpiresAtMs: muteExpiresAtMs,
muteType: muteType,
showWarning: showWarning showWarning: showWarning
}); });
return; return;
@ -184,13 +189,34 @@ class ComposeComment extends React.Component {
getMuteMessageInfo () { getMuteMessageInfo () {
// return the ids for the messages that are shown for this mute type // return the ids for the messages that are shown for this mute type
// Note, it will probably be passed a 'type', but right now there's only one
// If mute modals have more than one unique "step" we could pass an array of steps // If mute modals have more than one unique "step" we could pass an array of steps
return { const messageInfo = {
commentType: 'comment.type.disrespectful', pii: {
muteStepHeader: 'comment.disrespectful.header', commentType: 'comment.type.pii',
muteStepContent: ['comment.disrespectful.content1', 'comment.disrespectful.content2'] muteStepHeader: 'comment.pii.header',
muteStepContent: ['comment.pii.content1', 'comment.pii.content2', 'comment.pii.content3']
},
unconstructive: {
commentType: 'comment.type.unconstructive',
muteStepHeader: 'comment.unconstructive.header',
muteStepContent: ['comment.unconstructive.content1', 'comment.unconstructive.content2']
},
vulgarity: {
commentType: 'comment.type.vulgarity',
muteStepHeader: 'comment.vulgarity.header',
muteStepContent: ['comment.vulgarity.content1', 'comment.vulgar.content2']
},
general: {
commentType: 'comment.type.disrespectful',
muteStepHeader: 'comment.disrespectful.header',
muteStepContent: ['comment.disrespectful.content1', 'comment.disrespectful.content2']
}
}; };
if (this.state.muteType && messageInfo[this.state.muteType]) {
return messageInfo[this.state.muteType];
}
return messageInfo.general;
} }
handleCancel () { handleCancel () {
@ -202,6 +228,7 @@ class ComposeComment extends React.Component {
}); });
if (this.props.onCancel) this.props.onCancel(); if (this.props.onCancel) this.props.onCancel();
} }
render () { render () {
return ( return (
<React.Fragment> <React.Fragment>
@ -327,6 +354,7 @@ ComposeComment.propTypes = {
muteStatus: PropTypes.shape({ muteStatus: PropTypes.shape({
offenses: PropTypes.array, offenses: PropTypes.array,
muteExpiresAt: PropTypes.number, muteExpiresAt: PropTypes.number,
currentMessageType: PropTypes.string,
showWarning: PropTypes.bool showWarning: PropTypes.bool
}), }),
onAddComment: PropTypes.func, onAddComment: PropTypes.func,

15
src/views/preview/l10n.json
View file

@ -49,5 +49,18 @@
"comment.type.disrespectful": "Scratch thinks your most recent comment was disrespectful.", "comment.type.disrespectful": "Scratch thinks your most recent comment was disrespectful.",
"comment.disrespectful.header": "Make sure to be friendly and respectful when using Scratch.", "comment.disrespectful.header": "Make sure to be friendly and respectful when using Scratch.",
"comment.disrespectful.content1": "The Scratch comment filter thinks your comment was disrespectful.", "comment.disrespectful.content1": "The Scratch comment filter thinks your comment was disrespectful.",
"comment.disrespectful.content2": "Remember: There is a person behind every Scratch account and unfriendly comments can really hurt someone's feelings." "comment.disrespectful.content2": "Remember: There is a person behind every Scratch account and unfriendly comments can really hurt someone's feelings.",
"comment.type.pii": "The Scratch comment filter thought your most recent comment was sharing or asking for private information.",
"comment.pii.header": "Make sure not to share private information on Scratch.",
"comment.pii.content1": "The Scratch comment filter thinks that in your comment, you were sharing or asking for private information.",
"comment.pii.content2": "Things you share on Scratch can be seen by everyone, and can appear in search engines. Private information can be used by other people in harmful ways, so it’s important to keep it private.",
"comment.pii.content3": "This is a serious safety issue.",
"comment.type.unconstructive": "The Scratch comment filter thought your most recent comment was saying something bad about someone’s project.",
"comment.unconstructive.header": "Make sure to be supportive when commenting on other people’s projects",
"comment.unconstructive.content1": "The Scratch comment filter thinks your comment was saying something bad or mean about someone’s project.",
"comment.unconstructive.content2": "If you think something could be better, you can say something you like about the project, and make a suggestion about how to improve it.",
"comment.type.vulgarity": "The Scratch comment filter thought your most recent comment contained a bad word.",
"comment.vulgarity.header": "Make sure to use language that’s appropriate for all ages",
"comment.vulgarity.content1": "The Scratch comment filter thinks your comment contains a bad word.",
"comment.vulgarity.content2": "Scratch has users of all ages, so it’s important to use language that is appropriate for all Scratchers."
} }

1
src/views/search/search.scss
View file

@ -152,6 +152,7 @@ $base-bg: $ui-white;
background-color: $ui-gray; background-color: $ui-gray;
padding-bottom: 32px; padding-bottom: 32px;
width: 100%; width: 100%;
overflow-anchor: none;
.button { .button {
display: block; display: block;

89
src/views/sec/l10n.json
View file

@ -1,29 +1,72 @@
{ {
"sec.title": "Scratch Education Collaborative", "sec.title": "Scratch Education Collaborative",
"sec.intro": "A global network of organizations supporting creative coding", "sec.intro": "Join a global network of organizations supporting creative coding",
"sec.applyNow": "Apply now!",
"sec.applyBanner": "Applications are open now through March 1st 2021!",
"sec.projectsTitle": "Overview", "sec.projectsTitle": "Overview",
"sec.eligibilityTitle": "Eligibility", "sec.eligibilityTitle": "Eligibility",
"sec.applyTitle": "How do I apply?", "sec.applyTitle": "How do I apply?",
"sec.subscribe": "To receive updates about resources, events, and ideas for supporting families and educators using Scratch, {subscribeLink}", "sec.applyDeadline": "The deadline for applying to the Scratch Education has been extended to March 1st, 2021",
"sec.subscribeCallToAction": "sign up for our mailing list",
"sec.applyDeadline": "The deadline for applying to the Scratch Education Collaborative is January 10th, 2021",
"sec.applyButton": "Click here to apply", "sec.applyButton": "Click here to apply",
"sec.projectsIntro": "The Scratch Foundation is launching the Scratch Education Collaborative (SEC), to bring together organizations committed to supporting creative coding experiences with a focus on educators, students, and communities historically excluded from computing.", "sec.projectsIntro": "The Scratch Education Collaborative (SEC), with support from Google.org, is building a powerful network of organizations across the world",
"sec.projectsIntro2": "In 2021, during the pilot year of the SEC, 5 organizations from across the globe will be selected to share their work, learn from one another, and help to develop best practices and examples for implementing {culturallySustainingLink} creative computing with Scratch.", "sec.projectsIntroBold": "focused on supporting learners from historically marginalized and underserved communities developing their confidence with creative computing.",
"sec.culturallySustaining": "culturally sustaining", "sec.projectsIntro2": "Up to 10 organizations will be selected in the 2021 pilot year to expand on and support each other's work with historically underrepresented youth including Black, LatinX, and Indigenous Americans, learn from one another, and collaborate with members of the Scratch Foundation, The MIT Media Lab, and other global leaders in creative computing to develop best practices for implementing culturally sustaining creative computing with Scratch.",
"sec.expectationsFromSec": "What participating organizations can expect from the SEC", "sec.projectsIntro3": "The SEC is a key initiative of the Scratch Foundation. Originating from MIT Media Lab’s Lifelong Kindergarten Group and with over 200 million users, Scratch is the world’s largest and most diverse coding community for children offered free of charge.",
"sec.expectationsFromSecPoint1": "Opportunities to connect with and learn from peer organizations and thought leaders around the globe through virtual workshops", "sec.expectationsFromSec": "As a member of the SEC network, benefits include:",
"sec.expectationsFromSecPoint2": "Support in developing and promoting equity-centered creative coding resources, events, and workshops using Scratch", "sec.expectationsFromSecPoint1": "Connect with and learn from the Scratch Foundation, the MIT Media Lab, and other leading organizations from around the world with experience implementing creative learning with Scratch",
"sec.expectationsFromSecPoint3": "Opportunities to connect with and learn from the Scratch Team through workshops and virtual office hours", "sec.expectationsFromSecPoint2": "Grow your organization’s capacity through equity-centered professional development",
"sec.expectationsFromSecPoint4": "Promotion of the organization’s work and impact through Scratch Team social-channels, websites, and newsletters", "sec.expectationsFromSecPoint3": "Collaborate in developing equity-centered creative coding resources, events, and workshops using Scratch for your local community",
"sec.expectationsFromOrgs": "What the SEC expects of participating organizations", "sec.expectationsFromSecPoint4": "Access to seed funding for Scratch and SEC related activities for your local community",
"sec.expectationsFromOrgsPoint1": "Participate in 4-6 virtual workshops or meetings over the course of the year", "sec.expectationsFromOrgs": "Join the SEC Network:",
"sec.expectationsFromOrgsPoint2": "Support the creation of culturally sustaining Scratch creative coding resources for your community", "sec.expectationsFromOrgsPoint1": "Engage in quarterly virtual meetings and workshops with Scratch Foundation and SEC partner organizations over the course of the year",
"sec.expectationsFromOrgsPoint3": "Host at least one event, tutorial, or professional development activity for your community in 2021", "sec.expectationsFromOrgsPoint2": "Host at least one creative computing virtual event, tutorial, or professional development activity for your community in 2021",
"sec.expectationsFromOrgsPoint4": "Share best-practices, learnings, and challenges back with the Scratch Foundation and SEC peer organizations", "sec.expectationsFromOrgsPoint3": "Develop and promote equity-centered creative coding resources, events, and workshops using Scratch for your local community",
"sec.eligibilityPoint1": "Participants must be a non-profit organization, public school, school district, university, college, or government entity", "sec.expectationsFromOrgsPoint4": "Share best-practices and innovative creative computing curricula with the Scratch Foundation and SEC community",
"sec.eligibilityPoint2": "Organizations must be part-of and work with communities historically excluded from computing", "sec.expectationsFromOrgsPoint5": "Promote your organization’s work and impact through Scratch Foundation social-channels, websites, newsletters, and the Scratch Conference",
"sec.eligibilityPoint3": "Must be able to dedicate at least one staff person as point of contact for the program", "sec.expectationsFromOrgsPoint6": "Facilitate a Scratch Day for your community with support from the Scratch Foundation",
"sec.eligibilityPrompt": "Wondering if your organization might be a good fit for the pilot year of the Scratch Education Collaborative? {link} to find out more.", "sec.eligibilityPrefix": "Your organization is:",
"sec.eligibilityPromptLink": "Read the FAQ" "sec.eligibilityPoint1": "Primarily focused on supporting traditionally underrepresented youth, including Black, LatinX, and Indigenous Americans in the United States and/or globally",
} "sec.eligibilityPoint2": "Directly serving youth through creative learning and/or creative coding initiatives",
"sec.eligibilityPoint3": "Designated as a non-profit, or a school district that has demonstrated a commitment to equitable creative learning practices",
"sec.eligibilityPoint4": "Willing to collaborate with Scratch and the SEC community to develop and utilize creative computing resources that can be shared globally",
"sec.eligibilityPoint5": "Able to engage in quarterly virtual meetings",
"sec.faqHeader": "FAQ",
"sec.faqWhatIs": "What is Creative Learning with Scratch?",
"sec.faqWhatIsAnswer": "Scratch embraces creative learning as an educational approach that supports students in developing as creative thinkers and contributors to their communities. The Creative Learning approach focuses on 4P’s: Projects, Passion, Peers, and Play: providing students with opportunities to work on projects, based on their passions, in collaboration with peers, in a playful spirit (Resnick, 2017).",
"sec.faqWhatIsAnswer2": "To learn more about how the Scratch Foundation and the Lifelong Kindergarten group think about creative learning, visit the {lclLink}.",
"sec.faqLCLWebsite": "Learning Creative Learning website",
"sec.faqWhen": "When does the yearlong program begin and end?",
"sec.faqWhenAnswer": "The SEC program begins the first week of May 2021, and ends in May of 2022.",
"sec.faqUsingScratch": "Do I have to be using Scratch at my organization already?",
"sec.faqUsingScratchAnswer": "No, your organization does not need to already be using Scratch.",
"sec.faqUsingScratchAnswer2": "As a participant in the SEC, you will collaborate in developing and implementing programming and events for your community which incorporate Scratch. It is important that your organization and the community you will support through your work with the SEC has a plan for accessing technology.",
"sec.faqBackground": "Do I need to have a background in computer science?",
"sec.faqBackgroundAnswer": "You do not need to have a background in computer science, or be implementing educational programming in computer science in order to participate in the SEC.",
"sec.faqBackgroundAnswer2": "We encourage the use of Scratch as a creative tool and welcome organizations who are interested in using Scratch in a variety of contexts.",
"sec.faqEligible": "What kinds of organizations can apply to be members of the SEC?",
"sec.faqEligibleAnswer": "Non-profit organizations, public schools, school districts, universities, colleges, and other government entities are all welcome to apply.",
"sec.faqEligibleAnswer2": "The SEC encourages organizations from around the world to apply.",
"sec.faqInternational": "Do you accept international applications?",
"sec.faqInternationalAnswer": "Yes, the SEC is an international community. We welcome applications from organizations around the world.",
"sec.faqEnglish": "Does my organization need to be english-speaking?",
"sec.faqEnglishAnswer": "Your organization does not need to be English-speaking in order to apply.",
"sec.faqEnglishAnswer2": "We do ask that one member of your organization is able to participate in SEC events, which will be run in English.",
"sec.faqHowManyMembers": "How many members of my organization will be required to participate? ",
"sec.faqHowManyMembersAnswer": "Being a member organization requires buy-in from, at minimum, one representative and the Executive director/CEO/or equivalent position. ",
"sec.faqHowManyMembersAnswer2": "One member of your team will be responsible for attending SEC events, and communicating with Scratch Team members and other participating SEC member organizations.",
"sec.faqNotified": "When will I be notified of my acceptance?",
"sec.faqNotifiedAnswer": "You will hear back from us by the first week of April, 2021.",
"sec.faqHours": "How many hours per month should I expect to devote to participating in the SEC?",
"sec.faqHoursAnswer": "You should expect to spend 4-10 hours a month participating in SEC related work.",
"sec.faqVirtual": "Will the program be entirely virtual?",
"sec.faqVirtualAnswer": "All workshops and sessions for the 2021-2022 cohort will be hosted virtually.",
"sec.faqWorkshopLanguage": "The SEC is an international community, what is the primary language that workshops and sessions will be offered in?",
"sec.faqWorkshopLanguageAnswer": "SEC workshops and events will be facilitated in English. ",
"sec.faqCost": "What is the cost of participating in the SEC?",
"sec.faqCostAnswer": "Participating in the SEC is free for all participating organizations.",
"sec.faqCulturallySustaining": "What do we mean by culturally sustaining in the context of education?",
"sec.faqCulturallySustainingAnswer": "Culturally sustaining pedagogy empowers students by creating educational experiences which reaffirm, honor, explore, and extend their culture, heritage and communities (Ladson-Billings, 1994). Scratch and the SEC aims to empower educators and students across the globe through engagement in culturally relevant creative learning practices and creative computing experiences that will lead to culturally sustaining frames of reference and perspective (Hammond, 2015) and support relevant personal connections to Scratch’s and the SEC’s mission and values. ",
"sec.faqFuture": "I cannot participate this year, can I apply in the future? ",
"sec.faqFutureAnswer": "Yes! Join our {subscribeLink} to stay connected and receive future updates about the SEC.",
"sec.faqMailingList": "mailing list"
}

152
src/views/sec/sec.jsx
View file

@ -2,6 +2,7 @@ const FormattedMessage = require('react-intl').FormattedMessage;
const React = require('react'); const React = require('react');
const FlexRow = require('../../components/flex-row/flex-row.jsx'); const FlexRow = require('../../components/flex-row/flex-row.jsx');
const Button = require('../../components/forms/button.jsx');
const SubNavigation = require('../../components/subnavigation/subnavigation.jsx'); const SubNavigation = require('../../components/subnavigation/subnavigation.jsx');
const TitleBanner = require('../../components/title-banner/title-banner.jsx'); const TitleBanner = require('../../components/title-banner/title-banner.jsx');
@ -24,34 +25,41 @@ const EducationCollaborative = () => (
id="sec.intro" id="sec.intro"
/> />
</p> </p>
<a
href="https://forms.gle/Py7jgaE2ZK1YdbUF7"
rel="noopener noreferrer"
target="_blank"
>
<Button className="title-banner-button">
<img src="/images/sec/apply-icon.svg" />
<FormattedMessage id="sec.applyNow" />
</Button>
</a>
</div> </div>
<img <img
alt="" alt=""
className="short" className="title-banner-img short"
src="/images/sec/SEC-Top-img.svg" src="/images/sec/SEC-top-image.png"
/> />
</FlexRow> </FlexRow>
</div> </div>
</TitleBanner> </TitleBanner>
<section className="band">
<div className="inner">
<h4 className="applyBanner"><FormattedMessage id="sec.applyBanner" /></h4>
</div>
</section>
<div className="inner"> <div className="inner">
<section id="projects"> <section id="projects">
<h2><FormattedMessage id="sec.projectsTitle" /></h2> <h2><FormattedMessage id="sec.projectsTitle" /></h2>
<p><FormattedMessage id="sec.projectsIntro" /></p>
<p> <p>
<FormattedMessage <FormattedMessage id="sec.projectsIntro" />
id="sec.projectsIntro2" &nbsp;
values={{ <b><FormattedMessage id="sec.projectsIntroBold" /></b>
culturallySustainingLink: <a
href="https://docs.google.com/document/d/1JcRBFhAXvMGKXgHADg1sAZC8b_zb2OSVDjaEOL8tzcw/edit#bookmark=id.4c6pah669jb5"
rel="noopener noreferrer"
target="_blank"
>
<FormattedMessage id="sec.culturallySustaining" />
</a>
}}
/>
</p> </p>
<p><FormattedMessage id="sec.projectsIntro2" /></p>
<p><i><FormattedMessage id="sec.projectsIntro3" /></i></p>
</section> </section>
<section id="expectations-for-sec"> <section id="expectations-for-sec">
<h3><FormattedMessage id="sec.expectationsFromSec" /></h3> <h3><FormattedMessage id="sec.expectationsFromSec" /></h3>
@ -59,7 +67,7 @@ const EducationCollaborative = () => (
<li><FormattedMessage id="sec.expectationsFromSecPoint1" /></li> <li><FormattedMessage id="sec.expectationsFromSecPoint1" /></li>
<li><FormattedMessage id="sec.expectationsFromSecPoint2" /></li> <li><FormattedMessage id="sec.expectationsFromSecPoint2" /></li>
<li><FormattedMessage id="sec.expectationsFromSecPoint3" /></li> <li><FormattedMessage id="sec.expectationsFromSecPoint3" /></li>
<li><FormattedMessage id="sec.expectationsFromSecPoint4" /></li> <li><b><FormattedMessage id="sec.expectationsFromSecPoint4" /></b></li>
</ul> </ul>
</section> </section>
@ -70,32 +78,23 @@ const EducationCollaborative = () => (
<li><FormattedMessage id="sec.expectationsFromOrgsPoint2" /></li> <li><FormattedMessage id="sec.expectationsFromOrgsPoint2" /></li>
<li><FormattedMessage id="sec.expectationsFromOrgsPoint3" /></li> <li><FormattedMessage id="sec.expectationsFromOrgsPoint3" /></li>
<li><FormattedMessage id="sec.expectationsFromOrgsPoint4" /></li> <li><FormattedMessage id="sec.expectationsFromOrgsPoint4" /></li>
<li><FormattedMessage id="sec.expectationsFromOrgsPoint5" /></li>
<li><FormattedMessage id="sec.expectationsFromOrgsPoint6" /></li>
</ul> </ul>
</section> </section>
<section id="eligibility"> <section id="eligibility">
<h3><FormattedMessage id="sec.eligibilityTitle" /></h3> <h3><FormattedMessage id="sec.eligibilityTitle" /></h3>
<p><FormattedMessage id="sec.eligibilityPrefix" /></p>
<ul> <ul>
<li><FormattedMessage id="sec.eligibilityPoint1" /></li> <li><FormattedMessage id="sec.eligibilityPoint1" /></li>
<li><FormattedMessage id="sec.eligibilityPoint2" /></li> <li><FormattedMessage id="sec.eligibilityPoint2" /></li>
<li><FormattedMessage id="sec.eligibilityPoint3" /></li> <li><FormattedMessage id="sec.eligibilityPoint3" /></li>
<li><FormattedMessage id="sec.eligibilityPoint4" /></li>
<li><FormattedMessage id="sec.eligibilityPoint5" /></li>
</ul> </ul>
</section> </section>
<section>
<p><FormattedMessage
id="sec.eligibilityPrompt"
values={{
link: <a
href="https://docs.google.com/document/d/1JcRBFhAXvMGKXgHADg1sAZC8b_zb2OSVDjaEOL8tzcw/edit?usp=sharing"
rel="noopener noreferrer"
target="_blank"
>
<FormattedMessage id="sec.eligibilityPromptLink" />
</a>
}}
/>
</p>
</section>
</div> </div>
<TitleBanner className="masthead"> <TitleBanner className="masthead">
@ -122,29 +121,82 @@ const EducationCollaborative = () => (
<img <img
alt="" alt=""
className="short" className="short"
src="/images/sec/SEC-bottom-img.svg" src="/images/sec/SEC-bottom-image.png"
/> />
</FlexRow> </FlexRow>
</div> </div>
</TitleBanner> </TitleBanner>
<div className="inner sec-faq">
<div className="inner">
<section> <section>
<p> <h3><FormattedMessage id="sec.faqHeader" /></h3>
<FormattedMessage <dl>
id="sec.subscribe" <dt><FormattedMessage id="sec.faqWhatIs" /></dt>
values={{ <dd><FormattedMessage id="sec.faqWhatIsAnswer" /></dd>
subscribeLink: ( <dd>
<a <FormattedMessage
href=" https://us9.list-manage.com/subscribe?u=96e741c12c99f46f1f3e95e09&id=149bd1a4c2" id="sec.faqWhatIsAnswer2"
target="_blank" values={{
> lclLink: (
<FormattedMessage id="sec.subscribeCallToAction" /> <a
</a> href=" https://learn.media.mit.edu/lcl/weeks/week1/"
) rel="noopener noreferrer"
}} target="_blank"
/> >
</p> <FormattedMessage id="sec.faqLCLWebsite" />
</a>
)
}}
/>
</dd>
<dt><FormattedMessage id="sec.faqWhen" /></dt>
<dd><FormattedMessage id="sec.faqWhenAnswer" /></dd>
<dt><FormattedMessage id="sec.faqUsingScratch" /></dt>
<dd><FormattedMessage id="sec.faqUsingScratchAnswer" /></dd>
<dd><FormattedMessage id="sec.faqUsingScratchAnswer2" /></dd>
<dt><FormattedMessage id="sec.faqBackground" /></dt>
<dd><FormattedMessage id="sec.faqBackgroundAnswer" /></dd>
<dd><FormattedMessage id="sec.faqBackgroundAnswer2" /></dd>
<dt><FormattedMessage id="sec.faqEligible" /></dt>
<dd><FormattedMessage id="sec.faqEligibleAnswer" /></dd>
<dd><FormattedMessage id="sec.faqEligibleAnswer2" /></dd>
<dt><FormattedMessage id="sec.faqInternational" /></dt>
<dd><FormattedMessage id="sec.faqInternationalAnswer" /></dd>
<dt><FormattedMessage id="sec.faqEnglish" /></dt>
<dd><FormattedMessage id="sec.faqEnglishAnswer" /></dd>
<dd><FormattedMessage id="sec.faqEnglishAnswer2" /></dd>
<dt><FormattedMessage id="sec.faqHowManyMembers" /></dt>
<dd><FormattedMessage id="sec.faqHowManyMembersAnswer" /></dd>
<dd><FormattedMessage id="sec.faqHowManyMembersAnswer2" /></dd>
<dt><FormattedMessage id="sec.faqNotified" /></dt>
<dd><FormattedMessage id="sec.faqNotifiedAnswer" /></dd>
<dt><FormattedMessage id="sec.faqHours" /></dt>
<dd><FormattedMessage id="sec.faqHoursAnswer" /></dd>
<dt><FormattedMessage id="sec.faqVirtual" /></dt>
<dd><FormattedMessage id="sec.faqVirtualAnswer" /></dd>
<dt><FormattedMessage id="sec.faqWorkshopLanguage" /></dt>
<dd><FormattedMessage id="sec.faqWorkshopLanguageAnswer" /></dd>
<dt><FormattedMessage id="sec.faqCost" /></dt>
<dd><FormattedMessage id="sec.faqCostAnswer" /></dd>
<dt><FormattedMessage id="sec.faqCulturallySustaining" /></dt>
<dd><FormattedMessage id="sec.faqCulturallySustainingAnswer" /></dd>
<dt><FormattedMessage id="sec.faqFuture" /></dt>
<dd>
<FormattedMessage
id="sec.faqFutureAnswer"
values={{
subscribeLink: (
<a
href="https://us9.list-manage.com/subscribe?u=96e741c12c99f46f1f3e95e09&id=149bd1a4c2"
rel="noopener noreferrer"
target="_blank"
>
<FormattedMessage id="sec.faqMailingList" />
</a>
)
}}
/>
</dd>
</dl>
</section> </section>
</div> </div>
</div> </div>

57
src/views/sec/sec.scss
View file

@ -11,7 +11,8 @@ $sec-spot: $ui-blue;
.title-banner { .title-banner {
&.masthead { &.masthead {
background-color: $sec-spot; background-color: $sec-spot;
padding: 50px 0; padding: 50px 0 0 0;
margin: 0;
.masthead-info { .masthead-info {
align-items: center; align-items: center;
@ -21,6 +22,10 @@ $sec-spot: $ui-blue;
justify-content: end; justify-content: end;
} }
.long {
padding-bottom: 2rem;
}
h1 { h1 {
margin: 0 0 1rem 0; margin: 0 0 1rem 0;
text-align: left; text-align: left;
@ -33,7 +38,28 @@ $sec-spot: $ui-blue;
max-width: $cols6; max-width: $cols6;
font-size: 1.65em; font-size: 1.65em;
} }
img {
.title-banner-button {
background-color: $ui-white;
color: $ui-blue;
font-size: 1rem;
padding: 0.75rem 1rem;
img {
margin-right: 1rem;
height: 1.2rem;
vertical-align: middle;
}
a {
color: $ui-white;
}
span {
vertical-align: middle;
}
}
.title-banner-img {
width: $cols4; width: $cols4;
} }
@ -57,8 +83,35 @@ $sec-spot: $ui-blue;
max-width: $cols8; max-width: $cols8;
} }
} }
.band {
background: $ui-light-primary;
padding: 0.5rem 0;
h4.applyBanner {
color: $ui-blue;
}
}
.sec-faq {
margin-top: 3rem;
dl {
dt {
margin-bottom: .25rem;
font-size: 1.1rem;
}
dd {
margin-bottom: 1.25rem;
margin-left: 0;
max-width: $cols8;
text-align: left;
}
}
}
} }
@media #{$intermediate, $medium, $small} { @media #{$intermediate, $medium, $small} {
#view { #view {
text-align: left; text-align: left;

302
static/images/sec/SEC-Top-img.svg
View file

@ -1,302 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 460.9 347.5" style="enable-background:new 0 0 460.9 347.5;" xml:space="preserve">
<style type="text/css">
.st0{opacity:0.26;fill:#006AFF;enable-background:new ;}
.st1{fill:#FFFFFF;}
.st2{fill:#575E75;}
.st3{fill:#CC9900;}
.st4{fill:#FF8C1A;}
.st5{fill-opacity:0.15;}
.st6{fill:#0EBD8C;}
.st7{fill:#47B946;}
.st8{fill:#4D97FF;}
.st9{fill:#9966FF;}
.st10{fill:#FFAB19;}
.st11{fill:#CF63CF;}
.st12{fill:#FFBF00;}
.st13{fill-rule:evenodd;clip-rule:evenodd;fill:#0EA57A;}
.st14{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;filter:url(#Adobe_OpacityMaskFilter);}
.st15{mask:url(#a_1_);}
.st16{fill-rule:evenodd;clip-rule:evenodd;fill:#0EBD8C;}
.st17{fill-rule:evenodd;clip-rule:evenodd;fill:#FF3355;}
.st18{fill-rule:evenodd;clip-rule:evenodd;fill:#FF6680;}
.st19{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;filter:url(#Adobe_OpacityMaskFilter_1_);}
.st20{mask:url(#b_1_);}
.st21{fill:#256ED1;}
.st22{fill:#2876E0;}
.st23{fill:#59C059;}
.st24{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
.st25{opacity:0.26;fill:#4C97FF;enable-background:new ;}
.st26{fill:#4C97FF;}
</style>
<path class="st0" d="M420.1,209.1c-10.7-8-22.6-14-34.4-20.1c-11.6-6-24.3-12.2-33.8-21.4c-4-3.9-7.2-9-5.3-14.6
c1.5-4.6,5.4-8.2,9.5-10.8c10.5-6.7,21.9-6.7,33.9-7.2c11.1-0.5,23.1-1.4,32.6-7.8c9.1-6.2,14.3-16.5,14-27.5
c-0.4-23.6-18.7-43-37.8-54.4c-20-11.8-43.2-17.1-66.3-15.2c-11.3,0.9-22.4,3.6-32.9,8.1c-11.9,5.1-22,12.8-32.6,20.1
c-10.8,7.4-22.4,14.2-35.9,14.3c-5.2,0.2-10.4-1.1-15-3.6c-6.3-3.7-9.5-10.2-13-16.3c-6.2-11-14.7-20.3-25.8-26.6
c-10.8-6.1-25.2-10.1-36.8-3.6c-9.2,4.9-13.6,15.7-10.5,25.6c-25.2-6.3-52.2-8.5-77.6-4.2C39.6,46.1,27,51.3,18.9,61.6
C12,70.3,8.8,82,12.7,92.7c6.3,17.1,25.3,23.9,39.7,32.6c6.7,4.1,13.8,9.1,16.8,16.7c4.9,12.3-2.2,26.1-2.7,38.7
c-1,25.6,23.1,40.5,45.8,43.6c10.7,1.5,24.8,1.3,32.4,10.3s4.4,22.9,3.1,33.5c-1.5,11.3-2.1,22.6,2.7,33.3
c4.4,9.7,12.4,17.4,21.5,22.7c21.3,12.3,45.6,11.1,68.5,4.4c13.7-4,26.9-9.6,40.4-14.4c14-5.1,28.5-8.7,43.2-10.7
c14.7-1.8,29.6-2.1,44.4-0.8c11.4,0.8,22.8,1.9,34.2,0.9c21.2-1.7,42.5-12.4,45.9-35.5C452.1,245.1,437.7,222.4,420.1,209.1
L420.1,209.1z"/>
<g>
<path class="st1" d="M255.5,266h4.6v4.6h-4.6L255.5,266z"/>
<path class="st1" d="M260.1,266h4.6v4.6h-4.6V266z"/>
<path class="st1" d="M260.1,270.5h4.6v4.6h-4.6V270.5z"/>
<path class="st1" d="M269.2,270.5h4.6v4.6h-4.6V270.5z"/>
<path class="st1" d="M269.2,266h4.6v4.6h-4.6V266z"/>
<path class="st1" d="M260.1,275.1h4.6v4.6h-4.6V275.1z"/>
<path class="st1" d="M260.1,279.6h4.6v4.6h-4.6V279.6z"/>
<path class="st1" d="M269.2,279.6h4.6v4.6h-4.6V279.6z"/>
<path class="st1" d="M269.2,284.2h4.6v4.6h-4.6V284.2z"/>
<path class="st1" d="M273.8,279.6h4.6v4.6h-4.6V279.6z"/>
<path class="st1" d="M273.8,284.2h4.6v4.6h-4.6V284.2z"/>
<path class="st1" d="M278.3,279.6h4.6v4.6h-4.6V279.6z"/>
<path class="st1" d="M278.3,284.2h4.6v4.6h-4.6V284.2z"/>
<path class="st1" d="M282.9,284.2h4.6v4.6h-4.6V284.2z"/>
<path class="st1" d="M287.4,284.2h4.6v4.6h-4.6V284.2z"/>
<path class="st1" d="M292,284.2h4.6v4.6H292V284.2z"/>
<path class="st1" d="M260.1,288.8h45.6v4.6h-45.6V288.8z"/>
<path class="st1" d="M260.1,293.3h50.1v4.6h-50.1V293.3z"/>
<path class="st1" d="M260.1,297.9h63.8v4.6h-63.8V297.9z"/>
<path class="st1" d="M264.6,302.4h54.7v4.6h-54.7V302.4z"/>
<path class="st1" d="M292,307h27.3v4.6H292V307z"/>
<path class="st1" d="M269.2,307h18.2v4.6h-18.2V307z"/>
<path class="st1" d="M273.8,311.5h13.7v4.6h-13.7V311.5z"/>
<path class="st1" d="M260.1,311.5h9.1v4.6h-9.1V311.5z"/>
<path class="st1" d="M255.5,316.1h9.1v4.6h-9.1V316.1z"/>
<path class="st1" d="M260.1,307h4.6v4.6h-4.6V307z"/>
<path class="st1" d="M255.5,320.6h4.6v4.6h-4.6L255.5,320.6z"/>
<path class="st1" d="M278.3,316.1h9.1v4.6h-9.1V316.1z"/>
<path class="st1" d="M278.3,320.6h9.1v4.6h-9.1V320.6z"/>
<path class="st1" d="M282.9,325.2h4.6v4.6h-4.6V325.2z"/>
<path class="st1" d="M287.4,329.8h4.6v4.6h-4.6V329.8z"/>
<path class="st1" d="M287.4,325.2h4.6v4.6h-4.6V325.2z"/>
<path class="st1" d="M292,311.5h27.3v4.6H292V311.5z"/>
<path class="st1" d="M305.6,316.1h13.7v4.6h-13.7V316.1z"/>
<path class="st1" d="M310.2,320.6h9.1v4.6h-9.1V320.6z"/>
<path class="st1" d="M296.5,316.1h4.6v4.6h-4.6V316.1z"/>
<path class="st1" d="M314.8,325.2h4.6v4.6h-4.6V325.2z"/>
<path class="st1" d="M314.8,334.3h4.6v4.6h-4.6V334.3z"/>
<path class="st1" d="M314.8,329.8h4.6v4.6h-4.6V329.8z"/>
<path class="st1" d="M319.3,334.3h4.6v4.6h-4.6V334.3z"/>
<path class="st1" d="M319.3,329.8h4.6v4.6h-4.6V329.8z"/>
<path class="st1" d="M305.6,334.3h4.6v4.6h-4.6V334.3z"/>
<path class="st1" d="M305.6,329.8h4.6v4.6h-4.6V329.8z"/>
<path class="st1" d="M305.6,325.2h4.6v4.6h-4.6V325.2z"/>
<path class="st1" d="M301.1,320.6h4.6v4.6h-4.6V320.6z"/>
<path class="st1" d="M269.2,275.1h4.6v4.6h-4.6V275.1z"/>
<path class="st1" d="M273.8,275.1h4.6v4.6h-4.6V275.1z"/>
<path class="st1" d="M264.6,279.6h4.6v4.6h-4.6V279.6z"/>
<path class="st1" d="M264.6,284.2h4.6v4.6h-4.6V284.2z"/>
<path class="st1" d="M260.1,284.2h4.6v4.6h-4.6V284.2z"/>
<path class="st1" d="M255.5,279.6h4.6v4.6h-4.6L255.5,279.6z"/>
<path class="st1" d="M264.6,270.5h4.6v4.6h-4.6V270.5z"/>
<path class="st1" d="M264.6,270.5h4.6v4.6h-4.6V270.5z"/>
<path class="st1" d="M255.5,275.1h4.6v4.6h-4.6L255.5,275.1z"/>
<path class="st1" d="M246.4,275.1h4.6v4.6h-4.6V275.1z"/>
<path class="st1" d="M251,275.1h4.6v4.6H251V275.1z"/>
<path class="st1" d="M241.9,275.1h4.6v4.6h-4.6V275.1z"/>
<path class="st1" d="M246.4,270.5h4.6v4.6h-4.6V270.5z"/>
<path class="st1" d="M251,270.5h4.6v4.6H251V270.5z"/>
<path class="st1" d="M246.4,266h4.6v4.6h-4.6V266z"/>
<path class="st1" d="M251,266h4.6v4.6H251V266z"/>
<path class="st1" d="M255.5,270.5h4.6v4.6h-4.6L255.5,270.5z"/>
<path class="st1" d="M241.9,270.5h4.6v4.6h-4.6V270.5z"/>
<path class="st1" d="M269.2,261.4h4.6v4.6h-4.6V261.4z"/>
<path class="st1" d="M264.6,256.9h4.6v4.6h-4.6V256.9z"/>
<path class="st1" d="M269.2,256.9h4.6v4.6h-4.6V256.9z"/>
<path class="st1" d="M269.2,252.3h4.6v4.6h-4.6V252.3z"/>
<path class="st1" d="M264.6,247.7h4.6v4.6h-4.6V247.7z"/>
<path class="st1" d="M260.1,256.9h4.6v4.6h-4.6V256.9z"/>
<path class="st1" d="M255.5,256.9h4.6v4.6h-4.6L255.5,256.9z"/>
<path class="st1" d="M251,261.4h4.6v4.6H251V261.4z"/>
<path class="st1" d="M264.6,252.3h4.6v4.6h-4.6V252.3z"/>
<path class="st1" d="M264.6,266h4.6v4.6h-4.6V266z"/>
<path class="st1" d="M264.6,270.5h4.6v4.6h-4.6V270.5z"/>
<path class="st1" d="M264.6,275.1h4.6v4.6h-4.6V275.1z"/>
<path class="st1" d="M264.6,261.4h4.6v4.6h-4.6V261.4z"/>
</g>
<path class="st2" d="M255.5,266h4.6v4.6h-4.6L255.5,266z"/>
<path class="st1" d="M260.1,266h4.6v4.6h-4.6V266z"/>
<path class="st1" d="M260.1,261.4h4.6v4.6h-4.6V261.4z"/>
<path class="st1" d="M255.5,261.4h4.6v4.6h-4.6L255.5,261.4z"/>
<path class="st3" d="M255.5,325.2h4.6v4.6h-4.6L255.5,325.2z"/>
<path class="st3" d="M292,329.8h4.6v4.6H292V329.8z"/>
<path class="st3" d="M319.3,338.9h4.6v4.6h-4.6V338.9z"/>
<path class="st3" d="M310.2,338.9h4.6v4.6h-4.6V338.9z"/>
<path class="st4" d="M246.4,252.3h4.6v4.6h-4.6V252.3z"/>
<path class="st4" d="M241.9,247.7h4.6v4.6h-4.6V247.7z"/>
<path class="st4" d="M237.3,243.2h4.6v4.6h-4.6V243.2z"/>
<path class="st4" d="M237.3,238.6h4.6v4.6h-4.6V238.6z"/>
<path class="st4" d="M241.9,238.6h4.6v4.6h-4.6V238.6z"/>
<path class="st4" d="M246.4,247.7h4.6v4.6h-4.6V247.7z"/>
<path class="st4" d="M241.9,243.2h4.6v4.6h-4.6V243.2z"/>
<path class="st4" d="M251,252.3h4.6v4.6H251V252.3z"/>
<path class="st4" d="M255.5,252.3h4.6v4.6h-4.6L255.5,252.3z"/>
<path class="st4" d="M251,256.9h4.6v4.6H251V256.9z"/>
<path class="st4" d="M246.4,243.2h4.6v4.6h-4.6V243.2z"/>
<path class="st4" d="M251,247.7h4.6v4.6H251V247.7z"/>
<path class="st5" d="M292,311.5h4.6v4.6H292V311.5z"/>
<path class="st5" d="M296.5,311.5h4.6v4.6h-4.6V311.5z"/>
<path class="st5" d="M296.5,307h4.6v4.6h-4.6V307z"/>
<path class="st5" d="M296.5,302.4h4.6v4.6h-4.6V302.4z"/>
<path class="st5" d="M301.1,311.5h4.6v4.6h-4.6V311.5z"/>
<path class="st5" d="M305.6,311.5h4.6v4.6h-4.6V311.5z"/>
<path class="st5" d="M305.6,316.1h4.6v4.6h-4.6V316.1z"/>
<path class="st5" d="M310.2,320.6h4.6v4.6h-4.6V320.6z"/>
<path class="st5" d="M301.1,320.6h4.6v4.6h-4.6V320.6z"/>
<path class="st5" d="M296.5,316.1h4.6v4.6h-4.6V316.1z"/>
<path class="st5" d="M305.6,325.2h4.6v4.6h-4.6V325.2z"/>
<path class="st5" d="M305.6,329.8h4.6v4.6h-4.6V329.8z"/>
<path class="st5" d="M305.6,334.3h4.6v4.6h-4.6V334.3z"/>
<path class="st5" d="M260.1,288.8h4.6v4.6h-4.6V288.8z"/>
<path class="st5" d="M260.1,293.3h4.6v4.6h-4.6V293.3z"/>
<path class="st5" d="M260.1,297.9h4.6v4.6h-4.6V297.9z"/>
<path class="st5" d="M264.6,311.5h4.6v4.6h-4.6V311.5z"/>
<path class="st5" d="M260.1,307h4.6v4.6h-4.6V307z"/>
<path class="st5" d="M264.6,302.4h4.6v4.6h-4.6V302.4z"/>
<path class="st5" d="M269.2,307h4.6v4.6h-4.6V307z"/>
<path class="st5" d="M282.9,307h4.6v4.6h-4.6V307z"/>
<path class="st5" d="M282.9,302.4h4.6v4.6h-4.6V302.4z"/>
<path class="st5" d="M273.8,311.5h4.6v4.6h-4.6V311.5z"/>
<path class="st5" d="M278.3,311.5h4.6v4.6h-4.6V311.5z"/>
<path class="st5" d="M278.3,316.1h4.6v4.6h-4.6V316.1z"/>
<path class="st5" d="M278.3,320.6h4.6v4.6h-4.6V320.6z"/>
<path class="st5" d="M255.5,279.6h4.6v4.6h-4.6L255.5,279.6z"/>
<path class="st5" d="M251,275.1h4.6v4.6H251V275.1z"/>
<path class="st5" d="M246.4,275.1h4.6v4.6h-4.6V275.1z"/>
<path class="st5" d="M241.9,275.1h4.6v4.6h-4.6V275.1z"/>
<path class="st5" d="M241.9,270.5h4.6v4.6h-4.6V270.5z"/>
<path class="st5" d="M246.4,270.5h4.6v4.6h-4.6V270.5z"/>
<path class="st5" d="M251,256.9h4.6v4.6H251V256.9z"/>
<path class="st5" d="M246.4,252.3h4.6v4.6h-4.6V252.3z"/>
<path class="st5" d="M241.9,247.7h4.6v4.6h-4.6V247.7z"/>
<path class="st5" d="M237.3,243.2h4.6v4.6h-4.6V243.2z"/>
<path class="st5" d="M260.1,279.6h4.6v4.6h-4.6V279.6z"/>
<path class="st5" d="M264.6,279.6h4.6v4.6h-4.6V279.6z"/>
<path class="st5" d="M260.1,284.2h4.6v4.6h-4.6V284.2z"/>
<path class="st6" d="M273.8,270.5h27.3v4.6h-27.3V270.5z"/>
<path class="st7" d="M278.3,275.1h18.2v4.6h-18.2V275.1z"/>
<path class="st8" d="M273.8,266H292v4.6h-18.2V266z"/>
<path class="st9" d="M273.8,261.4h13.7v4.6h-13.7V261.4z"/>
<path class="st4" d="M319.3,293.3H333v4.6h-13.7V293.3z"/>
<path class="st4" d="M346.6,293.3h9.1v4.6h-9.1V293.3z"/>
<path class="st10" d="M351.2,288.8h4.6v4.6h-4.6V288.8z"/>
<path class="st10" d="M323.9,288.8h4.6v4.6h-4.6V288.8z"/>
<path class="st11" d="M328.4,297.9h27.3v4.6h-27.3V297.9z"/>
<path class="st9" d="M333,302.4h18.2v4.6H333V302.4z"/>
<path class="st3" d="M332.1,170.9l-10.9-35.2c0,0,8.9-16.8,34.5-24.7s42.4,1,42.4,1l43.7-13.5c1.8-0.6,3.6,0.4,4.2,2.2c0,0,0,0,0,0
l9.9,32c0.6,1.8-0.4,3.6-2.2,4.2c0,0,0,0,0,0l-80.8,24.9c-0.9,0.3-1.6,0.8-2,1.6l-3.1,5.9c-0.4,0.8-1.1,1.4-2,1.6l-10.2,3.1
c-0.9,0.3-1.8,0.2-2.6-0.2l-5.9-3.1c-0.8-0.4-1.7-0.5-2.6-0.2l-8.3,2.6C334.5,173.6,332.7,172.6,332.1,170.9L332.1,170.9z"/>
<path class="st12" d="M331.1,167.6l-10.9-35.2c0,0,8.9-16.8,34.5-24.7s42.4,1,42.4,1l43.7-13.5c1.7-0.5,3.6,0.4,4.1,2.2l9.9,32
c0.5,1.8-0.4,3.6-2.2,4.2l-80.8,24.9c-0.9,0.3-1.6,0.8-2,1.6l-3.1,5.9c-0.4,0.8-1.1,1.4-2,1.6l-10.2,3.1c-0.9,0.3-1.8,0.2-2.6-0.2
l-5.9-3.1c-0.8-0.4-1.7-0.5-2.5-0.2l-8.3,2.6C333.5,170.3,331.7,169.4,331.1,167.6L331.1,167.6z"/>
<path class="st13" d="M346.4,209.6c9.1-8.6,0.9-11.3-3.4-9.5c-6.5,2.8-9.4,8.5-12.2,9.1c-5.5,1.1-8.5-8.3-6.3-12.1
c2.6-4.5,6.8-9.2,8.7-9.6c2.6-0.5,4.9,2.6,8.5,6.1c3.1,3.1,10.1,1.1,6.1-3.9c-5.6-6.9-11.4-11.8-14.8-11.4c-2.7,0.3-5.6,1.6-9.1,4.9
c-4.5,4.3-6.1,6.6-7,6.9c-2.1,0.6-0.7-11.4,1.9-22.3c1.8-7.6-6.6-9.3-8.5-1.1c-3.5,15.5-1.9,28.1-3.3,28.2c-1,0.1-3.7-9-3.8-22.6
c0-6.1-8.7-6.6-8.1,2c0.8,11.3,4,23.8,2.3,24.5c-1.1,0.4-4.9-10.9-6.8-15.5c-2.9-7.3-9.2-3.1-7.2,1.9c7.6,19.7,9,20.6,10.3,32.5
c1.9,16.8,30,22.3,38.9,6.9C339,214,341.5,214.2,346.4,209.6L346.4,209.6z"/>
<defs>
<filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="284.9" y="160.7" width="64.5" height="70.5">
<feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/>
</filter>
</defs>
<mask maskUnits="userSpaceOnUse" x="284.9" y="160.7" width="64.5" height="70.5" id="a_1_">
<path class="st14" d="M346.4,209.6c9.1-8.6,0.9-11.3-3.4-9.5c-6.5,2.8-9.4,8.5-12.2,9.1c-5.5,1.1-8.5-8.3-6.3-12.1
c2.6-4.5,6.8-9.2,8.7-9.6c2.6-0.5,4.9,2.6,8.5,6.1c3.1,3.1,10.1,1.1,6.1-3.9c-5.6-6.9-11.4-11.8-14.8-11.4
c-2.7,0.3-5.6,1.6-9.1,4.9c-4.5,4.3-6.1,6.6-7,6.9c-2.1,0.6-0.7-11.4,1.9-22.3c1.8-7.6-6.6-9.3-8.5-1.1
c-3.5,15.5-1.9,28.1-3.3,28.2c-1,0.1-3.7-9-3.8-22.6c0-6.1-8.7-6.6-8.1,2c0.8,11.3,4,23.8,2.3,24.5c-1.1,0.4-4.9-10.9-6.8-15.5
c-2.9-7.3-9.2-3.1-7.2,1.9c7.6,19.7,9,20.6,10.3,32.5c1.9,16.8,30,22.3,38.9,6.9C339,214,341.5,214.2,346.4,209.6L346.4,209.6z"/>
</mask>
<g class="st15">
<path class="st16" d="M345.3,206.8c9.1-8.6,0.9-11.3-3.4-9.5c-6.5,2.8-9.4,8.5-12.2,9c-5.5,1.1-7.4-6.5-5.2-10.3
c2.6-4.5,6-9.5,7.9-9.9c2.6-0.5,4.7,1.1,8.3,4.7c3.1,3.1,10.1,1.1,6.1-3.9c-5.6-6.9-11.4-11.8-14.8-11.4c-2.7,0.3-5.6,1.6-9.1,4.9
c-4.5,4.3-3.7,4.8-4.7,5.1c-2.1,0.6,2.2-10.2,4-21.3c0.4-2.3-6.9-7.1-8.7,1.1c-1.1,4.8-0.7,9.3-1.1,13.3
c-0.9,8.9-1.9,15.2-5.3,16.5c-1.5-5.7-2.3-13.1-2.3-22.2c0-6.1-7.9-7.1-7.6-1.3s2,8.4,2.5,13.9c0.5,5,0.4,12.3-2,13.2
c-2.5-7.4-4.4-12.6-5.6-15.7c-2.9-7.2-8.5-3.5-6.5,1.5c7.6,19.7,12.5,19.6,13.9,31.5c1.9,16.8,25.9,21.2,34.9,5.8
C340.3,211.2,340.4,211.5,345.3,206.8L345.3,206.8z"/>
</g>
<path class="st17" d="M341.6,217.8l-4.5-30.8c-0.2-1.7,1-3.3,2.7-3.5l8-1.2c0.8-0.1,1.7,0.1,2.3,0.6l5,3.7c0.7,0.5,1.5,0.7,2.3,0.6
l9.9-1.4c0.8-0.1,1.6-0.6,2.1-1.2l3.8-5c0.5-0.7,1.2-1.1,2.1-1.2l77.6-11.3c1.7-0.3,3.3,0.9,3.5,2.6c0,0,0,0,0,0l4.5,30.8
c0.2,1.7-1,3.3-2.7,3.5l-77.6,11.3c-0.8,0.1-1.6,0.6-2.1,1.2l-3.8,5c-0.5,0.7-1.2,1.1-2.1,1.2l-9.9,1.4c-0.8,0.1-1.7-0.1-2.3-0.6
l-5-3.7c-0.7-0.5-1.5-0.7-2.3-0.6l-8,1.2C343.5,220.6,341.9,219.5,341.6,217.8"/>
<path class="st18" d="M341.2,214.4l-4.5-30.8c-0.2-1.7,1-3.3,2.7-3.5l8-1.2c0.8-0.1,1.7,0.1,2.3,0.6l5,3.7c0.7,0.5,1.5,0.7,2.3,0.6
l9.9-1.4c0.8-0.1,1.6-0.6,2.1-1.2l3.8-5c0.5-0.7,1.2-1.1,2.1-1.2l77.6-11.3c1.7-0.3,3.3,0.9,3.5,2.6c0,0,0,0,0,0l4.5,30.8
c0.2,1.7-1,3.3-2.7,3.5l-77.6,11.3c-0.8,0.1-1.6,0.6-2.1,1.2l-3.8,5c-0.5,0.7-1.2,1.1-2.1,1.2l-9.9,1.4c-0.8,0.1-1.7-0.1-2.3-0.6
l-5-3.7c-0.7-0.5-1.5-0.7-2.3-0.6l-8,1.2C343.1,217.3,341.5,216.1,341.2,214.4"/>
<path class="st13" d="M333.2,187.5c2.6-0.5,5.3,2.7,9,6.2c3.2,3,10.1,1.1,6.1-3.8c-5.6-6.8-11.7-11.7-15.1-11.4V187.5z"/>
<defs>
<filter id="Adobe_OpacityMaskFilter_1_" filterUnits="userSpaceOnUse" x="332" y="175.8" width="19" height="20.4">
<feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/>
</filter>
</defs>
<mask maskUnits="userSpaceOnUse" x="332" y="175.8" width="19" height="20.4" id="b_1_">
<path class="st19" d="M333.2,187.5c2.6-0.5,5.3,2.7,9,6.2c3.2,3,10.1,1.1,6.1-3.8c-5.6-6.8-11.7-11.7-15.1-11.4V187.5z"/>
</mask>
<g class="st20">
<path class="st16" d="M332.9,186.2c3-0.1,6.5,5.3,10.1,8.8c3.1,3,10.9,0,6.9-4.9c-5.6-6.8-14.5-14.6-17.9-14.2L332.9,186.2z"/>
</g>
<path class="st21" d="M124.2,153.9c43.4,42,44.4,111.3,2.4,154.6c-13.5,13.9-30.5,24-49.2,29.2c51.5,10.1,101.4-23.4,111.5-74.9
C198.2,215.4,170.4,168.5,124.2,153.9z"/>
<path class="st22" d="M157.4,232.4c0-29.6-12-57.9-33.2-78.5C74.2,138.2,20.8,166,5.1,216.1s12.1,103.4,62.1,119.1
c3.3,1.1,6.8,1.9,10.2,2.6C124.7,324.6,157.4,281.5,157.4,232.4z"/>
<path class="st23" d="M151.9,190.1c-1.9-2.4-4.7-5-8.1-4.7c-6.1,0.2-5.7,5.4-5.7,6.2c-0.2,3.8,3.3,6.2,3.3,6.2s-7.1,5.4-12.3,0.2
s-8.5-14.4-27-16.6s-23.9,3.6-23.9,6.7s2.8,5.2,2.8,5.2s-6.9,3.1-6.9,8.3s10.9,9.5,11.4,13c0.5,3.8-12.6,19.7-2.4,28.7
s28.2-13.5,28.2-13.5s6.6,6.2,12.3,2.6c4.7-3.1,5.2-9.9,5.2-11.6c0.7,1.8,2.4,2.9,4.3,3.1c1.2,0,2.3-0.4,3.3-0.9v0.2
c0,0,1,5.4,3.3,5.2s2.8-6.4,2.8-6.4s13-0.5,16.1,10.4s-1.2,13.3-1.2,13.3s-6.4-3.8-13.5,3.3s1.4,15.9-0.9,20.1s-15.9,4.3-15.2,11.1
c0.7,7.1,23,4.3,32.9-7.1c4.1-4.7,7.7-9.9,10.7-15.4h0.2c2.1,2.1,5.7,5,9.2,4.5c5.7-1,8.3-7.1,9.2-10.7v-0.2
c0.4-3.1,0.6-6.3,0.5-9.5c0-20.7-7.7-40.7-21.6-56.1l-0.2-0.5c-1.6-0.9-6.4-3.3-10.7-1.9C154.7,184.4,152.3,189.1,151.9,190.1
L151.9,190.1z"/>
<path class="st23" d="M51.7,328.9C23,313.7,0.5,282.2,0,245.3c-0.2-16.7,4.4-33.2,13.3-47.4c2.9-3.1,10.7-9.9,19.2-10.9
c11.1-1.2,19.4,1.9,19.9,5s-7.6,6.4-7.6,10s11.8,3.6,11.8,3.6s-2.1,2.4-0.7,4.3s4.5,1.7,4.5,1.7s-5.2,7.3-0.9,11.4s6.4,5.4,4.5,7.3
c-1.9,1.7-21.1-4.7-21.1-4.7s4.5,12.8,1.7,15.2s-11.8-0.2-11.8-0.2s4.3,9.9,0.7,12.1s-5.5,0-7.8-1.4c-2.1-1.4-7.3-2.9-6.4,2.8
c0.9,5.4,6.9,9.9,14,8.3s7.8-7.3,14.7-6.2s9,7.1,7.8,10.4S45.5,279,45.5,279s10.9,4.7,12.1,7.8c3.1,7.8-1.9,16.3-1.9,16.3
s12.6,4,13.3,5.9s-4.7,3.6-4.7,3.6s6.6,10.7,2.1,14.5c-3.5,3.1-9,3.5-11.6,3.3L51.7,328.9z"/>
<path class="st24" d="M155.8,126.6l-0.1,0.2c-9.6,14.2-23.9,17.3-22.6,10.8c0.9-4.6,1.7-8.6,0.9-11h-4c-9.4,0-17-7.6-17-17
s7.6-17,17-17h81c9.4,0,17,7.6,17,17s-7.6,17-17,17l0,0L155.8,126.6z"/>
<path class="st24" d="M260.4,78.3c-0.8,2.4-0.1,6.4,0.9,11c1.4,6.4-13,3.4-22.6-10.8l-0.1-0.2h-55.2c-9.4,0-17-7.6-17-17
s7.6-17,17-17h81c9.4,0,17,7.6,17,17s-7.6,17-17,17L260.4,78.3z"/>
<path class="st2" d="M333.2,35.2c-7.4,0.3-12.5-10.2,8.6,26.3c2.1,3.8-0.8,8.3-6.4,10.1s-11.9,0-14-3.8s0.8-8.4,6.4-10.1
c1.8-0.5,3.7-0.8,5.5-0.6c1.5-0.6-1.6-4.2-10.1-20.9c-10.7-20.9,4.6-5.1,14.5-9.9S340.6,34.8,333.2,35.2 M369.6,41.2
c2.1,3.8-0.8,8.3-6.4,10.1s-11.9,0-14-3.8s0.8-8.4,6.4-10.1c1.2-0.4,2.4-0.6,3.6-0.6c0.6,0,1.3,0,1.9,0c1.6-0.5-1.5-4-10.1-20.9
c-10.7-20.9,4.6-5.1,14.5-9.9s2.8,8.6-4.6,9S348.6,4.7,369.6,41.2"/>
<path class="st25" d="M163.2,339.4c-1.5,0.4-2.7,1.7-3.1,3.2l-0.9,3.5c-0.2,0.9-1.1,1.5-2,1.2c-0.6-0.1-1.1-0.6-1.2-1.2l-1-3.5
c-0.4-1.5-1.7-2.7-3.2-3.1l-3.5-0.9c-0.9-0.2-1.5-1.1-1.2-2c0.1-0.6,0.6-1.1,1.2-1.2l3.5-1c1.5-0.4,2.7-1.7,3.1-3.2l0.9-3.5
c0.2-0.9,1.1-1.5,2-1.2c0.6,0.1,1.1,0.6,1.2,1.2l1,3.5c0.4,1.5,1.7,2.7,3.2,3.1l3.5,0.9c0.9,0.2,1.5,1.1,1.2,2.1
c-0.1,0.6-0.6,1-1.2,1.2L163.2,339.4z"/>
<path class="st25" d="M28.9,162.9c-0.9,0.3-1.6,1-1.8,1.9l-0.5,2.1c-0.2,0.5-0.7,0.8-1.3,0.7c-0.3-0.1-0.5-0.3-0.6-0.6l-0.6-2
c-0.3-0.9-1-1.6-1.9-1.8l-2.1-0.5c-0.5-0.2-0.8-0.8-0.6-1.3c0.1-0.3,0.3-0.5,0.6-0.6l2-0.6c0.9-0.3,1.6-1,1.8-1.9l0.5-2.1
c0.2-0.5,0.7-0.8,1.3-0.6c0.3,0.1,0.5,0.3,0.6,0.6l0.6,2c0.3,0.9,1,1.6,1.9,1.8l2.1,0.5c0.5,0.2,0.8,0.7,0.7,1.3
c-0.1,0.3-0.3,0.5-0.6,0.6L28.9,162.9z"/>
<path class="st26" d="M203.7,195.3c-1.7,0.4-3.1,1.7-3.6,3.4l-1.1,3.9c-0.3,1-1.3,1.6-2.3,1.3c-0.6-0.2-1.1-0.7-1.3-1.4l-1-3.9
c-0.4-1.7-1.7-3.1-3.4-3.6l-3.9-1.2c-1-0.3-1.6-1.3-1.3-2.3c0.2-0.6,0.7-1.1,1.4-1.3l3.9-1c1.7-0.4,3.1-1.7,3.6-3.4l1.2-3.9
c0.3-1,1.3-1.6,2.3-1.3c0.6,0.2,1.1,0.7,1.3,1.4l1,4c0.4,1.7,1.7,3.1,3.4,3.6l3.9,1.1c1,0.3,1.6,1.3,1.3,2.3
c-0.2,0.6-0.7,1.1-1.4,1.3L203.7,195.3z"/>
<path class="st26" d="M185.7,160.4c0.2,0.9,0.9,1.5,1.8,1.8l2,0.5c0.5,0.1,0.8,0.6,0.7,1.1c-0.1,0.3-0.3,0.6-0.7,0.7l-2,0.5
c-0.9,0.2-1.5,0.9-1.8,1.8l-0.5,2c-0.1,0.5-0.6,0.8-1.1,0.7c-0.3-0.1-0.6-0.3-0.7-0.7l-0.5-2c-0.2-0.9-0.9-1.5-1.8-1.8l-2-0.6
c-0.5-0.1-0.8-0.6-0.7-1.1c0.1-0.3,0.3-0.6,0.7-0.7l2-0.5c0.9-0.2,1.5-0.9,1.8-1.8l0.6-2c0.1-0.5,0.6-0.8,1.1-0.7
c0.3,0.1,0.6,0.3,0.7,0.7L185.7,160.4z"/>
<path class="st25" d="M403.6,18.9c-2.2,0.6-4,2.4-4.5,4.7l-1.3,5.2c-0.3,1.3-1.7,2.1-3,1.8c-0.9-0.2-1.5-0.9-1.8-1.7l-1.5-5.1
c-0.7-2.2-2.5-4-4.7-4.5l-5.1-1.2c-1.3-0.3-2.1-1.6-1.8-3c0.2-0.9,0.9-1.5,1.7-1.8l5.1-1.5c2.3-0.7,4-2.5,4.5-4.8l1.3-5.2
c0.3-1.3,1.7-2.1,3-1.8c0.9,0.2,1.5,0.9,1.8,1.7l1.5,5.1c0.7,2.2,2.4,4,4.7,4.5l5.2,1.3c1.3,0.3,2.1,1.7,1.8,3
c-0.2,0.9-0.9,1.5-1.7,1.8L403.6,18.9z"/>
<path class="st25" d="M426.1,39.6c-1.1,0.3-1.9,1.2-2.1,2.2l-0.6,2.5c-0.2,0.6-0.8,1-1.4,0.8c-0.4-0.1-0.7-0.4-0.8-0.8l-0.7-2.4
c-0.3-1.1-1.2-1.9-2.3-2.1l-2.5-0.6c-0.6-0.1-1-0.8-0.9-1.4c0.1-0.4,0.4-0.8,0.8-0.9l2.4-0.7c1.1-0.3,1.9-1.2,2.1-2.3l0.6-2.5
c0.2-0.6,0.8-1,1.4-0.8c0.4,0.1,0.7,0.4,0.8,0.8l0.7,2.4c0.3,1.1,1.2,1.9,2.3,2.1l2.5,0.6c0.6,0.2,1,0.8,0.9,1.4
c-0.1,0.4-0.4,0.7-0.8,0.9L426.1,39.6z"/>
<path class="st25" d="M55.6,147.4c-1.5,0.5-2.6,1.7-3,3.2l-0.8,3.5c-0.2,0.9-1.1,1.4-2,1.2c-0.6-0.1-1-0.6-1.2-1.1l-1-3.4
c-0.5-1.5-1.7-2.6-3.2-3l-3.5-0.8c-0.9-0.2-1.4-1.1-1.2-2c0.1-0.6,0.6-1,1.1-1.2l3.4-1c1.5-0.5,2.6-1.7,3-3.2l0.8-3.5
c0.2-0.9,1.1-1.4,2-1.2c0.6,0.1,1,0.6,1.2,1.1l1,3.4c0.5,1.5,1.7,2.6,3.2,3l3.5,0.8c0.9,0.2,1.4,1.1,1.2,2c-0.1,0.6-0.6,1-1.1,1.2
L55.6,147.4z"/>
<path class="st26" d="M349.3,271.4c-1.2,0.3-2.1,1.2-2.5,2.3l-0.8,2.6c-0.2,0.7-0.9,1.1-1.6,0.9c-0.4-0.1-0.8-0.5-0.9-0.9l-0.6-2.7
c-0.3-1.2-1.2-2.1-2.3-2.5l-2.6-0.8c-0.7-0.2-1.1-0.9-0.9-1.6c0.1-0.4,0.5-0.8,0.9-0.9l2.7-0.6c1.2-0.3,2.1-1.2,2.5-2.3l0.8-2.6
c0.2-0.7,0.9-1.1,1.6-0.9c0.4,0.1,0.8,0.5,0.9,0.9l0.6,2.7c0.3,1.2,1.2,2.1,2.3,2.5l2.6,0.8c0.7,0.2,1.1,0.9,0.9,1.6
c-0.1,0.4-0.5,0.8-0.9,0.9L349.3,271.4z"/>
<path class="st26" d="M369.4,279.7c-0.7,0.2-1.2,0.7-1.4,1.3l-0.5,1.5c-0.1,0.4-0.5,0.6-0.9,0.5c-0.3-0.1-0.5-0.3-0.5-0.5l-0.4-1.6
c-0.2-0.7-0.7-1.2-1.4-1.4l-1.5-0.5c-0.4-0.1-0.6-0.5-0.5-0.9c0.1-0.3,0.3-0.5,0.5-0.5l1.6-0.4c0.7-0.2,1.2-0.7,1.5-1.4l0.5-1.5
c0.1-0.4,0.5-0.6,0.9-0.5c0.2,0.1,0.4,0.3,0.5,0.5l0.4,1.6c0.2,0.7,0.7,1.2,1.4,1.4l1.5,0.5c0.4,0.1,0.6,0.5,0.5,0.9
c-0.1,0.3-0.3,0.5-0.5,0.5L369.4,279.7z"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 21 KiB

BIN
static/images/sec/SEC-bottom-image.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 89 KiB

381
static/images/sec/SEC-bottom-img.svg
View file

@ -1,381 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 484.8 380" style="enable-background:new 0 0 484.8 380;" xml:space="preserve">
<style type="text/css">
.st0{opacity:0.26;fill:#006AFF;enable-background:new ;}
.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#D9E3F2;stroke-width:7.59;stroke-linecap:round;stroke-linejoin:round;}
.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#D9E3F2;stroke:#D9E3F2;stroke-width:7.59;stroke-linecap:round;stroke-linejoin:round;}
.st3{fill:none;stroke:#585F76;stroke-width:7.59;stroke-linecap:round;stroke-linejoin:round;}
.st4{fill-rule:evenodd;clip-rule:evenodd;fill:#774DCB;}
.st5{fill-rule:evenodd;clip-rule:evenodd;fill:#9966FF;}
.st6{fill-rule:evenodd;clip-rule:evenodd;fill:#FF661A;}
.st7{fill-rule:evenodd;clip-rule:evenodd;fill:#FF8C1A;}
.st8{fill-rule:evenodd;clip-rule:evenodd;fill:#0EBD8C;}
.st9{fill-rule:evenodd;clip-rule:evenodd;fill:#4D97FF;}
.st10{fill-rule:evenodd;clip-rule:evenodd;fill:#FF6680;}
.st11{fill:#120201;}
.st12{fill:#E85F1A;}
.st13{fill:#FCC3AC;}
.st14{fill:#F47621;}
.st15{fill:#FFFFFF;}
.st16{fill:#000600;}
.st17{fill:none;}
.st18{fill:#FF661A;}
.st19{fill:#EFAB00;}
.st20{fill:#59C059;}
.st21{fill:#E8511C;}
.st22{fill:#C18500;}
.st23{fill:#C6431A;}
.st24{fill:#A06B00;}
.st25{fill:#4BA04B;}
.st26{fill:#FFBF00;}
.st27{fill-rule:evenodd;clip-rule:evenodd;fill:#855CD6;}
.st28{fill-rule:evenodd;clip-rule:evenodd;fill:#0EA57A;}
.st29{fill-rule:evenodd;clip-rule:evenodd;fill:#FF3355;}
.st30{opacity:0.26;fill:#4C97FF;enable-background:new ;}
.st31{fill:#4C97FF;}
</style>
<title>SEC-bottom-img</title>
<g>
<g id="Layer_2_1_">
<g id="Layer_1-2">
<path class="st0" d="M465.1,173.6c-6.9-8.3-15.2-14.6-24.1-20.1c-8.3-5.1-17.7-10-23.5-18.6c-7.2-10.7-5-24.5-4.5-36.9
c0.5-10.6-0.4-22.2-6.3-31c-6.8-10.1-18.2-12.4-29-12.9c-12.8-0.6-25.5,1-38.1,3.1c-25.4,4.4-50.7,11.9-76.6,10.6
c-12-0.5-23.7-3.5-34.3-8.9c-9-4.7-17.3-10.8-25.4-16.9C187,29.9,170.4,16.7,150.4,14c-22.1-3-44.9,8.8-61.9,23.6
c-7.7,6.8-14.7,15.8-16.7,26.7c-2,10.8,0.8,21.4,6.2,30.5c5,8.5,11.7,15.6,18.6,22.2c-17.3,8.3-30.7,23.3-40.8,40.9
c-12,21-21.8,47-21.8,72.1c0.1,21.6,9.3,44.8,27.9,54.2c22.5,11.4,46.4-0.8,67.7-9.6c17.6-7.3,44.3-14.6,57.9,5.3
c6.6,9.5,5.5,22.7,8.8,33.6c2.8,9.1,7.7,17.5,14.2,24.5c29.9,32.1,78.6,29.3,112.6,7.2c18.8-12.2,31.2-30.4,44.7-48.6
c6.3-8.5,13.1-17,21.3-23.3c9.7-7.4,20.8-10.7,32.3-12.7c19-3.3,46.1-2.7,58.4-22.3C492.6,218.1,477.9,189.1,465.1,173.6z"/>
<g id="Fill-Bucket">
<g id="paint-bucket">
<g id="Bucket">
<path id="Oval" class="st1" d="M215.4,63.5c-2.4,3.9-18.7-1-36.4-10.9s-30.2-21.1-27.8-24.9s18.7,1,36.4,10.9
S217.8,59.6,215.4,63.5z"/>
<path id="Path" class="st2" d="M215.4,65.2l-42.1,55.4c-1.8,3.1-14.4-0.8-28.2-9s-23.4-17.2-21.6-20.3l27.1-64.1
c-2.4,4.1,10.2,15.9,28.1,26.4S213,69.3,215.4,65.2z"/>
<path id="Path-2" class="st3" d="M162,59.5c0,0,12.9-44.1,27.8-48c19-5,5.1,31.8,5.1,31.8"/>
<path id="Path-3" class="st1" d="M186.6,37.9c17.8,9.8,30.4,20.8,28,24.7s-18.7-0.9-36.5-10.6"/>
</g>
</g>
<g id="hand">
<g id="Fill-1">
<path id="path-3-2" class="st4" d="M141.5,38.9l-2.5,5.8c-3.2,7.4-4,8.8,1.8,9.9c7.6,1.5,17.6,4.2,23.7,5.8
c6.8,1.8,4.3,10.7-1.8,9.3c-8.3-1.9-22-6.5-22.9-4.2c-0.9,2.5,17.6,6.3,28.2,10.5c7.8,3,5.2,10.9-2.9,9.2
c-9.8-2-23.7-8.7-24.6-6.9s12.4,7.1,20.5,10.3c6.6,2.6,3.2,10.5-2.8,8.2c-9.1-3.5-23.7-11.9-24.6-10.3
c-1.1,2.1,8.4,6.4,13.3,9.1c5.9,3.3,2.3,9.4-2.7,7c-8.8-4.3-29.8-15.4-35.5-18.7c-25.6-14.7-10.5-45.3,9.2-42.5
C127.8,42.7,136.4,39.2,141.5,38.9z"/>
</g>
<path class="st5" d="M165.1,85.1c8.2,1.7,10.7-6.2,2.9-9.2c-10.6-4.1-34.1-5-34.1-7.7c0.2-6.9,20.4-0.5,28.7,1.4
c6.1,1.4,8.6-7.5,1.8-9.3c-6-1.5-16-4.3-23.7-5.8c-5.8-1.1-5-2.5-1.8-9.9l2.5-5.8c-5.1,0.3-13.7,3.8-23.6,2.4
c-19.7-2.8-34.8,27.8-9.3,42.5c5.7,3.3,26.7,14.4,35.5,18.7c5,2.4,7.9-1.1,2-4.4c-4.9-2.7-18.5-8.4-18.5-8.9
c0.2-6.5,21.5,4,30.6,7.6c6,2.3,9.4-5.6,2.8-8.2c-8.1-3.2-26.4-5.7-26.4-7.7C134.8,74.3,155.3,83.1,165.1,85.1z"/>
</g>
<g id="Meltbow">
<path id="Path-4" class="st6" d="M202.2,55.6c0,0,139,45,131.4,181.5c-0.5,9.9,14,10.1,14.5,0.2
C356.8,81.6,202.2,55.6,202.2,55.6z"/>
<path id="Path-5" class="st7" d="M204.5,56.4c0,0,128.3,56.6,120.8,190.7c-0.4,7,13.9,7.2,14.3,0.2
C348.5,88.2,204.5,56.4,204.5,56.4z"/>
<path id="Path-6" class="st8" d="M202.2,55.6c0,0,118.6,47.1,111.1,181.8c-0.5,8.9,13.7,9,14.2,0.2
C336.1,83.8,202.2,55.6,202.2,55.6z"/>
<path id="Path-7-2" class="st9" d="M202.2,55.6c0,0,103.8,62.6,97.7,169.7c-0.6,10.3,16.9,10.5,17.4,0.2
C324.8,93.2,202.2,55.6,202.2,55.6z"/>
<path id="Path-8" class="st5" d="M202.2,55.6c0,0,87.2,37.9,78.6,188.2c-1,17.5,21.7,18.5,22.7,1.7
C312.1,93.8,202.2,55.6,202.2,55.6z"/>
<path id="Path-9-2" class="st10" d="M202.2,55.6c0,0,50.6,33.6,56,142c0.4,8.1,1.1,10.8,5.2,10.8s4.5-8,5.7-8
c2.3,0-1.4,25.7-1.8,32.3c-0.7,13.2,19.6,12,20.3,0.2C295,98.1,202.2,55.6,202.2,55.6z"/>
</g>
</g>
<g id="ocean">
<g id="fish-a">
<g id="Clownfish">
<g id="flipper1">
<path id="Shape" class="st11" d="M175,340.3c-2.2,0.4-1.3,0.2-2.4-1.4c-1.3-2.1-4-3.1-5.4-5.3c-1.2-1.9-2.3-5.6-1.9-7.8
c0.6-3.6,1.2-6.5,4.1-9.1c2.2-1.9,4.7-2.6,7.1-4c2.9-1.6,6-0.8,9.2-0.9c3.8-0.2,8.1-0.3,11.6-1.5c1.1-0.3,2.1-0.9,2.9-1.6
c0.7-0.7,0.9-1.7,1.6-2.3c2.2-1.8,6.1-1.7,7.6-4.6s-1-5.9,1.4-8.4c0.9-0.7,1.8-1.4,2.5-2.3c0.9-1.3,1.9-1.4,3.2-2.5
c3-2.5,5.5-2.2,9-1.4c1,0.3,2,0.6,3,0.7c0.6,0,1.2-0.1,1.8-0.2c2.1,0.1,2.1,0.1,4.7,3.9c1.7,2.4,4,10.8,4,10.8L175,340.3z"/>
<path id="Shape-2" class="st12" d="M179,341.7c-2.2,0.4-1.3,0.2-2.4-1.4c-1.3-2.1-2.8-1.4-4.2-3.6c-1.2-1.9-4.3-4.5-4-6.8
c0.6-3.6,0-8.2,3-10.8c2.2-1.9,4.7-2.6,7.1-4c2.9-1.6,6-0.8,9.2-0.9c3.8-0.2,8-0.3,11.6-1.5c1.1-0.3,2.1-0.9,2.9-1.6
c0.6-0.7,0.9-1.7,1.6-2.3c2.2-1.8,6.1-1.7,7.6-4.6s-1-5.9,1.4-8.4c0.9-0.7,1.8-1.5,2.5-2.3c0.9-1.3,1.9-1.4,3.2-2.5
c3-2.5,5.5-2.2,9-1.4c1,0.3,2,0.6,3,0.7c0.6,0,1.2-0.1,1.8-0.2c2.1,0.1,2.1,0.1,4.7,3.9c1.7,2.4,4,10.8,4,10.8L179,341.7z"/>
<path id="Shape-3" class="st13" d="M209.7,302.1c-1.4,2.8-5.3,2.8-7.6,4.6c-0.7,0.6-0.9,1.6-1.6,2.3
c-0.9,0.7-1.9,1.2-2.9,1.6c-3,0.8-6.2,1.3-9.3,1.4c2.3,2,4.5,4.6,6.3,6.4c0.3,0.4,0.7,0.6,1,1l0,0l0.1,0.1
c0,0.1,0.2,0.1,0.2,0.2c0.7,0.7,1.4,1.5,2,2.3l2.8,3.6l21.7-12.7c-1.4-1.6-2.7-3-4-4.4c-0.8-0.9-1.6-1.7-2.5-2.5
C213.9,304.5,211.9,303.2,209.7,302.1L209.7,302.1z"/>
<path id="Shape-4" class="st14" d="M189.8,320.6c-2.5-3.3-5.4-6.3-8.6-8.9c-0.7,0-1.5,0.1-2.2,0.2c3.8,2.7,7.1,5.9,9.7,9.7
c-1.6,1.4-3.1,2.9-4.6,4.4c-3.2-4.3-6.5-8.5-10.7-11.8c-0.5,0.2-1,0.4-1.4,0.7c4.3,3.3,7.9,7.6,11.1,12.1
c-0.7,0.7-1.4,1.5-2,2.3l-0.6,0.7c-3.9-4.2-8.3-7.8-13.1-10.9c-0.3,0.4-0.5,0.8-0.6,1.3c4.7,3,9,6.6,12.7,10.7
c-0.7,0.8-1.3,1.6-1.9,2.4c-2-1.6-4.3-3-6.7-3.9c-1.8-0.7-3.6-1.7-5.5-2.4c0,0.5,0.1,1,0.2,1.6c1.6,0.6,3.2,1.5,4.7,2.2
c2.3,0.9,4.5,2.2,6.5,3.7c-1.2,1.7-2.5,3.2-3.6,5.1l0,0l0.1,0.3v0.1l0,0l0.1,0.1l0,0c0,0.1,0.1,0.1,0.2,0.1l0,0
c0.1,0,0.2,0,0.2,0.1l0,0c0.1,0,0.3,0,0.6-0.1l0.1,0c0.1-0.1,0.3-0.1,0.4,0l27.9-16.3l-5.9-8.5
C196.6,315.8,190.2,320.4,189.8,320.6z"/>
<path id="Shape-5" class="st15" d="M210.3,308.2c-1-1.3-2.1-2.6-3.2-3.9l-1.1,0.4c1.1,1.3,2.2,2.5,3.2,3.9
c-1.7,0.8-3.4,1.6-5.2,2.6l-0.3,0.1c-0.9-1.2-1.9-2.2-2.8-3.4c-0.2,0.3-0.4,0.6-0.6,0.9l0,0c0.8,0.9,1.7,2,2.5,2.9
c-1.6,0.9-3.3,1.9-4.9,2.9c-1.1-1.3-2.1-2.4-3.4-3.6c-0.4,0-0.9,0.2-1.4,0.2c1.3,1.4,3.7,4.1,3.7,4.1l5.9,8.5l1.6-0.9
l4.7-2.7l2.8-1.7l4.4-2.3L210.3,308.2z"/>
<path id="Shape-6" class="st14" d="M235.2,301.9c-1.4-4.9-3.6-9.6-6.4-13.9c-0.7-0.1-1.3-0.3-2-0.5c3,4.5,5.3,9.3,6.9,14.5
c-1.4,0.1-2.7,0.2-4,0.4c-1.9-5.7-4.7-11-8.3-15.8c-0.5,0-1.1,0.1-1.6,0.3c3.8,4.6,6.7,9.9,8.4,15.6c-1.3,0.2-2.7,0.4-4,0.8
c-2-5.1-4.9-9.8-8.5-13.9c-0.4,0.3-0.9,0.5-1.2,0.8c3.6,3.9,6.4,8.4,8.3,13.3c-1.1,0.3-2.2,0.6-3.3,1c-2.6-3.7-5.6-7-9-10
c-0.2,0.5-0.4,1.1-0.4,1.7c2.9,2.7,5.6,5.6,8,8.8l-7.6,2.9l5.9,8.2c0,0,23.2-13.9,23.1-14.1l0,0l-0.1-0.4l0,0L235.2,301.9z"
/>
</g>
<g id="flipper2">
<path id="Shape-7" class="st16" d="M194.2,355.3c-1.8,1.8-4.2,3.1-6,4.9c-1.4,1.1-2.5,2.3-3.5,3.8c-0.6,0.4-1.1,0.9-1.6,1.4
c-1.3,1.1-3.4,2.8-3.4,4.8s1.3,2.7,2,4.1c0.4,1,0.9,2,1.6,3c0.6,0.8,1.5,1.3,2.5,1.4c1.1,0,1.3-1,2.4-0.6
c0.4,0.2,1,1,1.4,1.3c0.9,0.6,2.1,0.8,3.1,0.5c2.9-0.5,4.2-3,7.1-3.2s4,0.8,5.8-0.5c2.9-2,5.6-4.3,8.1-6.8
c0.4-0.5,0.9-1.1,1.7-1.9c1.3-1.1,2.4-2.1,3.6-3.2c2.1-2.2,8.3-9.7,8.6-11.3L194.2,355.3z"/>
<path id="Shape-8" class="st12" d="M194.2,355.3c-1.8,1.8-4.2,3.1-6,4.9c-1.3,1.1-3.9,3.2-3.9,5s1.8,2.4,2.5,3.8
c0.4,1.1-0.2,2.2,0.5,3.4c0.6,0.8,1.5,1.3,2.5,1.4c1.1,0,2.5-1.6,3.5-1c0.4,0.2,0.5,1.2,0.9,1.5c0.9,0.6,2.1,0.8,3.1,0.5
c2.9-0.5,5-2.5,7.6-3.4c1.7,2.1,4,0.8,5.8-0.5c2.9-2,5.6-4.3,8.1-6.8c2.1-2.2,8.3-9.6,8.6-11.3L194.2,355.3z"/>
<path id="Shape-9" class="st14" d="M188.1,360.3c-1.3,1.1-2.5,2.4-3.5,3.8c-0.1,0-0.2,0.2-0.4,0.3c1.7,0,3.5-0.2,5.1-0.4
c-3.1,2.2-6.3,4.2-9.6,6c0.1,0.1-0.1,0.2,0,0.3c0,0.4,0.1,0.9,0.2,1.3c4.3-2.1,8.4-4.7,12.2-7.7c1.8-0.1,3.7-0.3,5.5-0.4
c-4.2,5.2-9.1,9.8-14.4,13.8l0.1,0.1c0.2,0.4,0.6,0.7,0.9,0.9c5.8-4.3,10.9-9.4,15.4-15.1c1.3-0.2,2.7-0.2,3.9-0.4
c-1.4,2.7-3,5.5-4.8,8.1c-2,2.9-4.1,6.2-6.6,9.1c0.1-0.1,0.3-0.1,0.5,0c0.8-0.2,1.6-0.4,2.3-0.9c1.9-2.4,3.5-4.9,5.1-7.3
c2-2.9,3.7-6,5.4-9.2l5.3-0.6c-2.2,5.3-5,10.4-8.5,15c0.6,0.1,1.2,0.1,1.7,0.1c3.5-4.7,6.3-9.8,8.4-15.2c0,0,6.5-0.3,9.6-0.7
c2.3-2.9,5.4-6.8,5.5-7.8l-33.1,2.5C192.4,357,188.1,360.3,188.1,360.3z"/>
</g>
<g id="fin2">
<path id="Shape-10" class="st16" d="M250.4,343.6c-1.3,1-3,1.8-4.3,2.9c-0.3,0.3-0.5,0.6-0.7,0.9c-0.9,1.4-0.3,2.7-0.5,4.4
c-0.2,0.2-0.6,0.4-0.8,0.6c-2.2,1.9-0.1,2.5-1.1,4.9c-0.7,1.5-1.2,3.4-0.2,4.7c0.4,0.8,0.6,1.8,0.6,2.7
c-0.3,1.6,0.3,1.6,1,2.7c0.6,0.8,0.4,1.4,0.8,2.6c0.4,1.3,1.4,2.2,2.7,2.5c2.2,0.5,2.4-1.1,3.6-2.2c1,1,0.4,5.2,2.9,1.5
c2.4-3.5,3.7-7.7,5-11.6c1-2.4,1.8-4.7,2.6-7c1-2.7,1.9-5.5,2.7-8.3c0.4-1.7,0.5-3.4,1-5L250.4,343.6z"/>
<path id="Shape-11" class="st12" d="M251,343.4c-1.3,1-3,1.8-4.3,2.9c-2.2,1.9-0.7,4.1-1.7,6.5c-0.7,1.5-0.6,1.8,0.4,3.1
c0.3,0.4,0.7,0.7,0.8,1.2c0.2,0.9-0.2,0.7-0.2,1.5c-0.3,1.7,0.3,1.6,1,2.7c0.6,0.8,0.4,1.4,0.8,2.6c0.4,1.3,1.4,2.2,2.7,2.5
c2.2,0.5,4.1,3.1,6.5-0.6s3.9-8.4,5.5-12.7c1-2.7,1.9-5.5,2.7-8.3c0.4-1.7,0.5-3.4,1-5L251,343.4z"/>
<path id="Shape-12" class="st14" d="M257.4,341.9l-1.5,0.4c0.1,0.1,0.1,0.3,0,0.5c-0.1,0.8-0.2,1.6-0.3,2.6
c-1.5,3.2-3.1,6.3-4.9,9.3c-2.1,3.4-4.4,7.7-7.7,10.6c0,0.6,0.2,1.1,0.6,1.5c3-2.5,5.1-6.3,7.2-9.4c1.3-2.2,2.6-4.4,3.8-6.5
c-1.6,7.4-4.4,14.5-8.3,21c0.4,0.3,0.9,0.6,1.4,0.7c4.4-7.4,7.4-15.5,9.1-24c0.3,8.3-1.2,16.5-4.4,24.2
c0.3,0.8,0.7,1,1.9-0.7c3.5-8.8,4.7-18.3,3.6-27.7l0,0c0.2-0.4,0.1-0.6-0.1-0.7c-0.1-0.3-0.1-0.6-0.2-0.9
C257.4,342.5,257.3,342.2,257.4,341.9z"/>
<path id="Shape-13" class="st17" d="M248,349.6c-1.3,1-3,1.8-4.3,2.9c-2.2,1.9-0.1,2.5-1.1,4.9c-0.7,1.5-1.2,3.4-0.2,4.7
c0.4,0.8,0.6,1.8,0.6,2.7c-0.3,1.6,0.3,1.6,1,2.7c0.6,0.8,0.4,1.4,0.8,2.6c0.4,1.3,1.4,2.2,2.7,2.5c2.2,0.5,2.4-1.1,3.6-2.2
c1,1,0.5,5.2,2.9,1.5s3.9-8.4,5.5-12.7c1-2.7,1.9-5.5,2.7-8.3c0.4-1.7,0.5-3.4,1-5L248,349.6z"/>
</g>
<g id="body">
<path id="Shape-14" class="st14" d="M169.3,347.4c3-6.2,8-12.9,12.6-18.4c6.8-8.1,13.9-13.3,23.1-18.2
c17.8-9.6,36.2-11.8,56-6.9c9.9,2.4,19.9,3.4,27.3,10.6c2,1.1-3.7,6.8-7.8,8.7c5.4,2.4,10.1-5.7,9.9-3.6
c-0.2,3.5-3.3,8.8-4.4,10c-9.2,10.9-22.7,23.3-37,26.3c-19.8,4.2-39.8,7.1-60,8.9c-2.8,0.3-9.6,0.7-9.6,0.7
c-3.9-0.5-3.6-2.9-6.8-4.5L169.3,347.4z"/>
<path id="Shape-15" class="st15" d="M270.4,340c-5.1-2.2-10.8-4.8-14.3-9.5c-5.8-7.8-4.5-18.8-1.7-27.9
c-4.7-0.8-9.4-1.2-14.2-1.2L240,302c-1.7,5.7-3,11.6-1.1,17.4c3.7,11.8,17.8,25.4,30.7,26.2c1.8-1.4,3.5-2.9,5.2-4.5
C273.3,340.9,271.8,340.5,270.4,340z"/>
<path id="Shape-16" class="st15" d="M204.1,311.2c-3.6,1.8-7,4-10.2,6.5c6.7,6.8,12.2,14.5,16.5,23
c2.6,5.2,7.3,13.1,9.4,20.6c5.2-0.8,10.5-1.7,15.7-2.6c0.6-0.7,1.1-1.6,1.5-2.4c8.1-19.9-21-49.8-21.4-50.1
C211.6,307.5,207.7,309.1,204.1,311.2z"/>
<g id="eye">
<path id="Shape-17" class="st15" d="M270.1,323c3.3-1.5,4.9-5.7,3.7-8.2c-0.9-2-3.5-3-7-2.1c-5.5,1.3-6.4,5.4-5.2,8.3
C262.4,323.2,266.7,324.6,270.1,323z"/>
<path id="Shape-18" class="st16" d="M266.4,319.4c0.7-0.9-0.2-2.7-1.8-2.7c0.2-0.4,0.6-0.5,0.9-0.8c3.6-2.6,6.4,1.1,4.5,3.8
c-1.4,1.9-3.9,1.6-4.5,0.5C265.9,320,266.2,319.7,266.4,319.4z"/>
<path id="Shape-19" class="st12" d="M258,314.7c1.4-3.6,5.2-5.4,8.8-5.7c1.3-0.2,1-2.1-0.1-2c-4.3,0.4-8.9,2.6-10.5,6.8
C255.8,315.1,257.7,315.9,258,314.7z"/>
</g>
</g>
<g id="fin">
<path id="Shape-20" class="st14" d="M250.2,342.5c0.1,0.1-8,8-10.3,9c-4.2,1.9-7.1,1.5-11-0.4c-0.7-0.3-1.9-0.2-2.7-0.7
c-1.1-0.6-1.9-1.4-2.6-2.4c-0.8-1.6-1.9-2.9-3.2-4c-1.6-1.4-2.4-3.4-3.3-5.4s-0.1-3.4,0.5-5.5c0.4-1.2,0.7-3,1.8-3.9
c0.6-0.5,1.6-0.6,2.4-1s1.2-1.4,2.2-1.6c1.6-0.3,3.8,1.3,5.1,1.9c3,1.3,5.9,2.7,8.8,4c3,1.5,6.3,2.4,9.6,2.6L250.2,342.5z"/>
<path id="Shape-21" class="st12" d="M251.1,342l-2.6-6.9c-0.1-0.3-0.4-0.6-0.7-0.6c-6-0.5-11.4-3.5-16.8-6
c-3.2-1.5-5.4-3.5-8.7-1.9c-3.8,1.9-5,3.8-6.1,7.9c-1.2,4.6,1.6,7.7,4.5,11.1s3.9,5.3,8.2,6.6c3.8,1.2,6.8,2.2,10.8,0.5
c2.6-1.2,4.7-3.4,6.9-5.3c1.5-1.3,3.5-2.9,4.6-4.5l0,0C251.4,342.6,251.4,342.2,251.1,342z M219.3,340.3
c-0.8-1.3-1.1-2.8-1.1-4.4c9.3,4.5,19.8,6.1,30,4.7c-0.2,0.2-0.4,0.3-0.6,0.5c-4.4,1.2-8.9,1.9-13.4,1.9
C229.7,342.9,224.1,342.3,219.3,340.3L219.3,340.3z M227.8,329c4,2.2,8.1,4,12.3,5.6l0,0c-2.7-0.1-5.5-0.7-8-1.7
c-3-1.2-5.9-2.8-8.5-4.6C225,328.1,226.5,328.4,227.8,329z M221.5,329.4c3.3,2.2,6.8,4.2,10.5,5.7c4.9,1.9,10.1,2.6,15.3,2.2
c0.3,0.4,0.5,0.9,0.7,1.4c-10.1,1.4-20.3-0.3-29.4-4.8c-0.1-0.1,0.1-0.2,0-0.3C219,331.9,220.1,330.4,221.5,329.4
L221.5,329.4z M224,346.3c-0.9-1.2-2-2.3-2.8-3.4c3.4,1.1,7,1.7,10.6,1.8c4.1,0.3,8.2,0,12.2-0.8c-1.3,1-2.6,1.8-4,2.6
c-3,1.6-6.2,3-9.4,4c-0.4-0.2-0.8-0.3-1.2-0.5c-0.4-0.2-0.8-0.1-1.2-0.3C225.7,348.9,225.7,348.4,224,346.3z M244.4,346.9
c-2.2,1.9-4.2,3.9-7.1,4.5c-1.3,0.3-2.6,0.3-3.8,0.1c2.9-0.9,5.6-2,8.2-3.5c2.5-1.5,4.8-3.2,7-5.1h0.1
C247.5,344.3,246,345.7,244.4,346.9L244.4,346.9z"/>
</g>
<g id="tail">
<path id="Shape-22" class="st12" d="M174.9,338.2c-1.3,2.2-5.4,2.4-5.4,2.4c-1.6,0.9-14.1-0.5-19.3,1.5
c-0.4-0.1-0.9-0.2-1.3-0.3c-1.5-0.4-2.8-0.3-3.9,0.7c-1.1,0.9-2.4,1.4-3.9,1.6c-3.3,0.3-4.9,1.7-5.3,5.1
c-0.2,1.9-2.1,3.3-2.6,5c-0.3,1.3,0.5,3.2,1.1,5s-0.3,4,0.6,5.2s0.6,2.1,1.7,2.9c2,1.6,2.1,1.4,2.6,3.5
c0.9,1.8,2.3,3.4,3.9,4.7c2.7,1.8,2,0.8,4.2,2.1c1.6,1.1,4-0.3,5.8-0.2c1.2,0.2,2.5-0.1,3.6-0.8c0.2-0.1,0.4-0.2,0.6-0.4
c1.6,0.2,2.3-0.9,4.2-1.6c4.6-1.6,8.8-4.1,12.4-7.5V367l5.7-1.6C179.6,365.5,187.1,359.3,174.9,338.2z"/>
<path id="Shape-23" class="st11" d="M174.2,338.3c-0.3,0.4-0.5,0.8-0.8,1.2c-0.9,0.8-3.9,1-3.9,1c-1.1,0.7-7.4,0.4-13.2,0.6
c13.9,7.3,15.5,19.4,11.2,30.9c2.4-1.3,4.5-2.9,6.5-4.8l-0.1-0.1l5.7-1.6c0.1-0.1,0.2-0.1,0.2-0.2c0,0,5.7-4.4,1.8-14.7
S174.2,338.3,174.2,338.3z"/>
<path id="Shape-24" class="st15" d="M181.1,359.6c0.6-6.1-3.3-13.9-8-19.9c-1.2,0.4-2.4,0.6-3.6,0.7c0,0-7.6,0.1-13.2,0.6
c1.9,1.7,3.8,3.5,5.5,5.5c-3.9,0.2-7.8,0.2-11.7,0c-3.6-0.3-8.4-0.2-12.5-1.2c-0.4,0.3-0.7,0.8-0.9,1.3
c4.2,1.3,9.1,1.2,13.2,1.4c4.4,0.3,8.7,0.3,13.1,0c0.2,0.3,0.4,0.5,0.6,0.8c-4.5,1.7-9.1,3-13.7,4c-3.8,0.9-7.7,1.4-11.6,1.6
c-1.5,0.1-3.1,0.3-4.8,0.4c0,0.4,0.1,0.9,0.2,1.3c0.3-0.1,0.4,0,0.7-0.1c4.7-0.1,9.4-0.6,14.1-1.5c5.5-1,10.8-2.5,16-4.5
c0.3,0.5,0.5,0.9,0.8,1.4c-9.6,4.7-19.9,8-30.4,11c0,0.5,0,1,0.1,1.5c10.6-3,21.1-6.2,30.9-11c0.3,0.7,0.6,1.3,0.9,2
c-9.2,5.3-18.7,9.8-28.6,13.7c0.4,0.3,0.7,0.7,0.9,1.2c9.7-3.8,19.1-8.4,28.1-13.6c0.3,1,0.6,1.9,0.8,2.9
c-3.5,2.2-7,4.4-10.5,6.3c-5.3,3-10.7,5.7-16.4,7.9c0.3,0.4,0.8,0.8,1.1,1.1c5.2-2.1,10.2-4.5,15-7.2
c3.8-2.1,7.5-4.2,11.1-6.7c0.2,1.3,0.2,2.5,0.2,3.8c-3,2.5-6.3,5-9.5,7.3c-2.9,2-5.9,4.3-9,6.2c1.2-0.1,2.4-0.6,3.3-0.6
c0.3,0,0.4,0,0.6,0.1c5.1-3.2,9.9-6.7,14.4-10.6c-0.2,1.8-0.6,3.5-1.1,5.2c2.4-1.4,4.7-3,6.8-4.9v-0.1l3.5-0.9
C179.6,364.3,180.8,362,181.1,359.6z"/>
<path id="Shape-25" class="st11" d="M156.1,375.7c-1.2-0.5-2.2-0.4-3.1-1.3c-0.7-0.6-0.5-1.8-1.7-2.1
c-0.9-0.2-1.8-0.4-2.8-0.3c-2.9-0.4-3.2-2.6-5.2-4.3s-3-0.5-2.9-4.4c0.1-1.4-2.1-4.7-1.9-5.8c0.3-1.3,0.3-2.7,0.7-3.9
c0.5-1,1-1.9,1.8-2.7c0.4-0.5,0.9-1,1.4-1.5c0.3-0.4-0.5-1-0.2-1.6c1.1-1.6,7.2-2.1,6-4.1c0.5-0.8,1.3-1.4,2.2-1.6l0,0
c-0.4-0.1-0.9-0.2-1.3-0.3c-1.5-0.4-2.8-0.3-3.9,0.7c-1.1,0.9-2.4,1.4-3.9,1.6c-3.3,0.3-4.9,1.7-5.3,5.1
c-0.2,1.9-2.1,3.3-2.6,5c-0.4,1.4,0.3,3.3,1,5s-0.3,4,0.6,5.2s0.6,2.1,1.7,2.9c2,1.6,2.1,1.4,2.6,3.5
c0.9,1.8,2.3,3.4,3.9,4.7c2.7,1.8,2,0.8,4.2,2.1c1.6,1.1,4-0.3,5.8-0.2c1.2,0.2,2.5-0.1,3.6-0.8c0.2-0.1,0.4-0.2,0.6-0.4
C157,376,156.5,375.8,156.1,375.7z"/>
</g>
</g>
</g>
</g>
<g id="heart">
<path id="Combined-Shape" class="st18" d="M381.4,304.5l0.3,4.5l-4.5,0.3l0.3,4.5l-4.5,0.3l0.3,4.5l-4.5,0.3l-4.5,0.3l0.1,2.3
l-0.1-2.3l4.5-0.3l0.3,4.5l-4.5,0.3l-0.1-2.3l0.1,2.3l0.3,4.5l-4.5,0.3l-0.3-4.5l-4.5,0.3l-0.3-4.5l-4.5,0.3l-0.3-4.5l-4.5,0.3
l-0.2-4.5l-4.5,0.3l-0.3-4.5l-0.3-4.5l-0.3-4.5l4.5-0.3l-0.3-4.5l4.5-0.3l4.5-0.3l4.5-0.3l0.3,4.5l4.5-0.3l-0.3-4.5l4.5-0.3
l4.5-0.3l4.5-0.3l0.3,4.5l4.5-0.3l0.3,4.5L381.4,304.5z"/>
<rect id="Rectangle-Copy-21" x="349.2" y="297.1" transform="matrix(0.9984 -5.704129e-02 5.704129e-02 0.9984 -16.5059 20.5346)" class="st15" width="4.5" height="4.5"/>
<rect id="Rectangle-Copy-22" x="344.9" y="301.9" transform="matrix(0.9984 -5.704129e-02 5.704129e-02 0.9984 -16.7853 20.2976)" class="st15" width="4.5" height="4.5"/>
</g>
<g id="Taco">
<path id="Fill-27" class="st19" d="M478.2,152.8c12-5.2-16.9-51.6-47.1-37.6c-30.7,14.3-21,67.3-21,67.3L478.2,152.8z"/>
<path id="Fill-29" class="st20" d="M378.9,172.4c0,0,69.2-10.6,81.1-13.9c15.9-4.3,18.7-11.2,17.2-19.8
c-2.6-14.1-13.2-10-19.4-15.6s-3.8-20.2-18.9-14.3c-12.7,4.9-17-4.5-23.4-2.5c-10,3.1-8.1,12.9-14.1,18.5
c-5.6,5.3-11.7,0.7-17.9,7c-5.2,5.3,0.4,19-6.8,25.4C365.1,167.8,378.9,172.5,378.9,172.4"/>
<path id="Fill-31" class="st21" d="M457.8,133.3c1.2-1,1.3-2.7,0.3-3.9c0,0,0,0,0,0l-2-2.3c-1-1.2-2.8-1.3-4-0.3c0,0,0,0,0,0
l-6.3,5.3c-1.2,1-1.3,2.8-0.3,3.9c0,0,0,0,0,0l2,2.3c1,1.2,2.8,1.3,4,0.3c0,0,0,0,0,0L457.8,133.3"/>
<path id="Fill-33" class="st22" d="M461.8,129.3c2-1.5,5.3,1.4,7,1.2s6.2-1.2,8.9,2.5c1.9,2.5,0.8,6.6,3.4,8.4
c4.5,3,1.6,9-2.6,11.2l0,0c-5.8,2-11.5-8.8-21.1-18.5C459,132.9,460.5,130.3,461.8,129.3"/>
<path id="Fill-35" class="st23" d="M450.6,128c2.4,1.7,4.6,3.7,6.6,5.8l-1,0.9l-1.1,0.9c-2-2.1-4.2-4.1-6.5-5.8L450.6,128z"/>
<path id="Fill-37" class="st24" d="M456.2,134.7c0.5-0.1,0.9-0.3,1.3-0.6c9.6,9.7,15.3,20.5,21.1,18.5l-0.6,0.3l-0.3,0.1
c-1.1,0.4-1.4,0.6-2,0.8c-5.7,1.8-11.3-8.7-20.6-18.2L456.2,134.7z"/>
<path id="Fill-39" class="st21" d="M445.8,120.7c1.5,0,2.8-1.2,2.9-2.7v-0.6c0-1.5-1.2-2.8-2.7-2.9l-4.3-0.1
c-1.5-0.1-2.8,1.2-2.9,2.7v0.6c-0.1,1.5,1.1,2.8,2.7,2.9c0,0,0,0,0,0L445.8,120.7"/>
<path id="Fill-41" class="st25" d="M405.2,125.5c1.9-0.9,3.8-1.7,5.7-2.3c17.8-6.2,30.3-2.1,39.7,4.8l-2,1.7
c-9.4-7.2-22.1-11.7-40.4-5.4C407.2,124.7,406.2,125.1,405.2,125.5"/>
<path id="Fill-43" class="st21" d="M383.4,158.6c0.2-1.5-0.9-2.9-2.5-3.1l-1.6-0.2c-1.5-0.2-2.9,0.9-3.1,2.5l-0.7,5.8
c-0.2,1.5,0.9,2.9,2.5,3.1c0,0,0,0,0,0l1.6,0.2c1.5,0.2,2.9-0.9,3.1-2.5L383.4,158.6"/>
<path id="Fill-45" class="st21" d="M406,127.7c1.5-0.1,2.7-1.5,2.6-3l-0.1-1.6c-0.1-1.5-1.4-2.7-3-2.6c0,0,0,0,0,0l-5.8,0.4
c-1.5,0.1-2.7,1.5-2.6,3l0.1,1.6c0.1,1.5,1.5,2.7,3,2.6L406,127.7"/>
<path id="Fill-47" class="st26" d="M476.2,153.6c-11.9,5.2-23.1-44.9-68-29.2c-35.8,12.4-31.6,45.4-26.7,61.6
c1.2,3.9,5.3,6.1,9.1,4.9c0.3-0.1,0.6-0.2,0.9-0.3L476.2,153.6z"/>
<path id="Fill-49" class="st26" d="M422.5,116.6c-0.3,0.1-0.6,0.2-1,0.1l-9.4-2.6c-0.8-0.2-1.2-1-1-1.7c0,0,0,0,0,0
c0.2-0.8,1-1.2,1.8-1l9.4,2.6c0.8,0.2,1.2,1,1,1.8c0,0,0,0,0,0C423.1,116.1,422.8,116.4,422.5,116.6"/>
<path id="Fill-51" class="st26" d="M379.4,140.3c-0.7,0.3-1.6,0-1.9-0.7c-0.3-0.6-0.1-1.4,0.5-1.7l8-5.5c0.6-0.5,1.5-0.3,2,0.3
c0.5,0.6,0.3,1.5-0.3,2c0,0-0.1,0.1-0.1,0.1l-8,5.5C379.5,140.2,379.5,140.2,379.4,140.3"/>
<path id="Fill-53" class="st26" d="M465.9,134.5c-0.7,0.3-1.6,0-1.9-0.7c-0.2-0.4-0.2-0.9,0.1-1.3l4.5-8.6
c0.4-0.7,1.2-1,1.9-0.6s1,1.2,0.6,1.9l0,0l-4.5,8.6C466.5,134.1,466.2,134.4,465.9,134.5"/>
<path id="Fill-55" class="st19" d="M390,163.2c-0.9,0.4-2,0-2.4-0.9s0-2,0.9-2.4s2,0,2.4,0.9S390.9,162.8,390,163.2L390,163.2"
/>
<path id="Fill-57" class="st19" d="M408.4,158.7c-0.9,0.4-2,0-2.4-0.9s0-2,0.9-2.4s2,0,2.4,0.9S409.3,158.3,408.4,158.7
L408.4,158.7"/>
<path id="Fill-59" class="st19" d="M416.5,171.5c-0.9,0.4-2,0-2.4-0.9s0-2,0.9-2.4s2,0,2.4,0.9S417.4,171.1,416.5,171.5
L416.5,171.5"/>
<path id="Fill-61" class="st19" d="M445.4,160.8c-0.9,0.4-2-0.1-2.4-1c-0.4-0.9,0-1.9,0.9-2.3c0.9-0.4,2,0,2.4,0.9
S446.4,160.4,445.4,160.8L445.4,160.8"/>
<path id="Fill-63" class="st19" d="M429.5,133.4c-0.9,0.4-2,0-2.4-0.9s0-2,0.9-2.4l0,0c0.9-0.4,2,0,2.4,0.9
S430.4,133,429.5,133.4"/>
<path id="Fill-65" class="st19" d="M408.5,133.6c-0.9,0.3-2-0.2-2.3-1.1c-0.3-0.9,0.1-1.8,0.9-2.2c0.9-0.3,2,0.2,2.3,1.1
C409.7,132.2,409.4,133.2,408.5,133.6"/>
<path id="Fill-67" class="st19" d="M427.3,152.9c-0.9,0.4-2,0-2.4-0.9s0-2,0.9-2.4s2,0,2.4,0.9S428.2,152.5,427.3,152.9
L427.3,152.9"/>
<path id="Fill-69" class="st19" d="M446.3,146.1c-0.9,0.4-2,0-2.4-0.9s0-2,0.9-2.4l0,0c0.9-0.4,2,0,2.4,0.9
S447.3,145.7,446.3,146.1"/>
<path id="Fill-71" class="st19" d="M392.7,178.1c-0.9,0.4-2,0-2.4-0.9s0-2,0.9-2.4s2,0,2.4,0.9S393.6,177.7,392.7,178.1"/>
<path id="Fill-73" class="st19" d="M394.5,146.7c-0.9,0.4-2,0-2.4-0.9s0-2,0.9-2.4s2,0,2.4,0.9S395.4,146.3,394.5,146.7
L394.5,146.7"/>
<path id="Fill-81" class="st25" d="M457.2,133.8l0.3,0.3c-0.4,0.3-0.8,0.5-1.3,0.6L457.2,133.8"/>
</g>
<g id="Stack-Blocks">
<g id="Block">
<path id="Fill-4-Copy" class="st27" d="M71.2,258.2c-0.4-1.7,0.6-3.5,2.4-3.9c0,0,0,0,0,0l8.2-2.1c0.8-0.2,1.7-0.1,2.5,0.4
l5.6,3.3c0.8,0.4,1.6,0.6,2.5,0.3l10-2.6c0.8-0.2,1.6-0.7,2-1.5l3.3-5.6c0.4-0.7,1.2-1.3,2-1.5l48.1-12.3
c1.7-0.5,3.5,0.6,4,2.3c0,0,0,0,0,0l8,31.4c0.4,1.7-0.6,3.5-2.4,3.9c0,0,0,0,0,0l-48.1,12.3c-0.8,0.2-1.6,0.7-2,1.5l-3.3,5.6
c-0.4,0.7-1.2,1.3-2,1.5l-10,2.6c-0.8,0.2-1.7,0.1-2.5-0.4l-5.6-3.3c-0.7-0.4-1.6-0.6-2.5-0.4l-8.2,2.1c-1.7,0.5-3.5-0.5-4-2.3
c0,0,0,0,0,0L71.2,258.2z"/>
<path id="Fill-4" class="st5" d="M72.7,264.4c-0.4-1.7,0.6-3.5,2.4-4l8.2-2.1c0.8-0.2,1.7-0.1,2.5,0.3l5.6,3.3
c0.8,0.4,1.6,0.6,2.5,0.3l10-2.6c0.8-0.2,1.6-0.8,2-1.5l3.3-5.6c0.4-0.7,1.2-1.3,2-1.5l48.1-12.3c1.7-0.5,3.5,0.6,4,2.3
c0,0,0,0,0,0l8,31.4c0.4,1.7-0.6,3.5-2.4,4l-48.1,12.3c-0.8,0.2-1.6,0.8-2,1.5l-3.3,5.6c-0.4,0.7-1.2,1.3-2,1.5l-10,2.6
c-0.8,0.2-1.7,0.1-2.5-0.3l-5.6-3.3c-0.7-0.4-1.6-0.6-2.5-0.4l-8.2,2.1c-1.7,0.5-3.5-0.6-4-2.3c0,0,0,0,0,0L72.7,264.4z"/>
</g>
<g id="Placing">
<g id="Hand-2">
<g id="Fill-1-2">
<path id="path-7-3" class="st28" d="M71.1,240.4c6.7-11.2-2.3-11.6-6.1-8.5c-5.7,4.6-6.9,11.2-9.6,12.6
c-5.2,2.7-11-5.9-9.8-10.3c1.3-5.2,4.2-11.1,6-12.1c2.5-1.3,5.7,1.2,10.3,3.7c4,2.2,10.4-1.8,5-5.6
c-7.7-5.3-14.8-8.5-18.2-7.1c-2.6,1.1-5.2,3.2-7.7,7.6c-3.2,5.6-4.2,8.4-5,8.9c-1.9,1.2-4-11.2-4.5-22.9
c-0.3-8.1-9.3-7.4-8.8,1.4c0.9,16.5,6.2,28.7,4.8,29.2c-0.9,0.4-6.3-7.9-10.3-21.6c-1.8-6.1-10.6-4.1-7.5,4.3
c4,11.1,10.8,22.7,9.3,23.8c-1,0.8-8.1-9.5-11.3-13.6c-5-6.4-10.1-0.4-6.7,4c13.3,17.5,14.9,18.1,19.7,29.6
c6.8,16.3,36.4,13.7,41-4.4C64.9,247,67.5,246.5,71.1,240.4z"/>
</g>
<g>
<path id="Fill-1-Copy" class="st8" d="M69.2,238c6.7-11.2-2.3-11.6-6.1-8.5c-5.7,4.6-6.9,11.2-9.6,12.6
c-5.2,2.7-9.3-4.4-8.2-8.8c1.3-5.2,3.2-11.2,5-12.1c2.5-1.3,5-0.2,9.6,2.3c4,2.2,10.4-1.8,5-5.6c-7.6-5.3-14.8-8.5-18.1-7.2
c-2.6,1.1-5.2,3.2-7.7,7.6c-3.2,5.6-2.3,5.9-3.2,6.4c-1.9,1.2-0.8-10.8-2.1-22.5c-0.3-2.4-8.9-5.1-8.4,3.6
c0.3,5.1,2,9.5,2.8,13.6c1.7,9.1,2.5,15.7-0.6,18c-3.2-5.3-6.1-12.5-8.7-21.6c-1.8-6.1-10-4.9-8,0.9s4.4,7.9,6.5,13.2
c1.9,4.9,4,12.2,1.8,13.8c-4.6-6.7-8-11.4-10.1-14.1c-5-6.4-9.5-1.1-6.1,3.4c13.3,17.5,18.2,16,23,27.5
c6.8,16.3,32.1,13.8,36.6-4.3C65.4,243.7,65.6,244,69.2,238z"/>
</g>
</g>
<path id="Fill-4-Copy-2" class="st29" d="M64.7,241.1l-13.4-29.5c-0.7-1.6,0-3.6,1.6-4.3l7.7-3.5c0.8-0.4,1.7-0.4,2.5-0.1
l6.1,2.3c0.8,0.3,1.7,0.3,2.5-0.1l9.4-4.3c0.8-0.4,1.4-1,1.7-1.8l2.3-6.1c0.3-0.8,0.9-1.5,1.7-1.8l74.4-33.7
c1.6-0.8,3.6,0,4.3,1.6c0,0,0,0,0,0l13.4,29.5c0.7,1.6,0,3.6-1.6,4.3L103,227.3c-0.8,0.4-1.4,1-1.7,1.8l-2.3,6.1
c-0.3,0.8-0.9,1.5-1.7,1.8l-9.4,4.3c-0.8,0.4-1.7,0.4-2.5,0.1l-6.1-2.3c-0.8-0.3-1.7-0.3-2.5,0.1l-7.7,3.5
C67.4,243.4,65.5,242.7,64.7,241.1"/>
<path id="Fill-4-2" class="st10" d="M67.3,246.7l-13.4-29.5c-0.7-1.6,0-3.6,1.6-4.3c0,0,0,0,0,0l7.7-3.5
c0.8-0.4,1.7-0.4,2.5-0.1l6.1,2.3c0.8,0.3,1.7,0.3,2.5-0.1l9.4-4.3c0.8-0.4,1.4-1,1.7-1.8l2.3-6.1c0.3-0.8,0.9-1.5,1.7-1.8
l74.4-33.7c1.6-0.8,3.6,0,4.3,1.6c0,0,0,0,0,0l13.4,29.5c0.7,1.6,0,3.6-1.6,4.3c0,0,0,0,0,0l-74.4,33.7c-0.8,0.4-1.4,1-1.7,1.8
l-2.3,6.1c-0.3,0.8-0.9,1.5-1.7,1.8l-9.4,4.3c-0.8,0.4-1.7,0.4-2.5,0.1l-6.1-2.3c-0.8-0.3-1.7-0.3-2.5,0.1l-7.7,3.5
C70,249.1,68.1,248.4,67.3,246.7C67.3,246.7,67.3,246.7,67.3,246.7"/>
<g id="Finger">
<g id="Fill-6">
<path id="path-9-3" class="st28" d="M51.5,222.1c2.5-1.3,6.1,1.2,10.8,3.6c4,2.1,10.5-1.9,5-5.6c-7.5-5.2-15.1-8.4-18.4-7
L51.5,222.1z"/>
</g>
<g>
<path id="Fill-6-2" class="st8" d="M50.8,220.8c3-1,8,3.5,12.7,5.9c4,2.1,10.9-3.2,5.5-6.9c-7.6-5.2-18.7-10.4-22-9.1
L50.8,220.8z"/>
</g>
</g>
</g>
</g>
<path class="st30" d="M76.7,316.1c-1.1,0.3-1.9,1.2-2.2,2.3l-0.6,2.5c-0.2,0.6-0.8,1-1.4,0.9c-0.4-0.1-0.7-0.4-0.9-0.8l-0.7-2.4
c-0.3-1.1-1.2-1.9-2.3-2.2l-2.5-0.6c-0.6-0.2-1-0.8-0.9-1.4c0.1-0.4,0.4-0.7,0.8-0.9l2.5-0.7c1.1-0.3,1.9-1.2,2.2-2.3l0.6-2.5
c0.2-0.6,0.8-1,1.4-0.9c0.4,0.1,0.7,0.4,0.8,0.8l0.7,2.5c0.3,1.1,1.2,1.9,2.3,2.2l2.5,0.6c0.6,0.2,1,0.8,0.9,1.4
c-0.1,0.4-0.4,0.7-0.8,0.8L76.7,316.1z"/>
<path class="st31" d="M448.4,192.4c-1.9,0.5-3.5,1.9-4,3.9l-1.3,4.3c-0.3,1.1-1.5,1.8-2.6,1.4c-0.7-0.2-1.3-0.8-1.5-1.5l-1.1-4.4
c-0.5-1.9-1.9-3.5-3.8-4.1l-4.4-1.3c-1.1-0.3-1.8-1.5-1.4-2.6c0.2-0.7,0.8-1.3,1.5-1.5l4.4-1.1c1.9-0.5,3.5-1.9,4.1-3.9l1.3-4.4
c0.3-1.1,1.5-1.7,2.6-1.4c0.7,0.2,1.3,0.8,1.4,1.5l1.1,4.4c0.5,1.9,2,3.4,3.9,4l4.4,1.3c1.1,0.3,1.8,1.5,1.4,2.6
c-0.2,0.7-0.8,1.3-1.5,1.5L448.4,192.4z"/>
<path class="st31" d="M390.2,102.3c0.3,1.1,1.2,2,2.3,2.3l2.5,0.7c0.6,0.2,1,0.9,0.8,1.5c-0.1,0.4-0.4,0.7-0.8,0.8l-2.5,0.7
c-1.1,0.3-2,1.2-2.3,2.3l-0.7,2.5c-0.2,0.6-0.9,1-1.5,0.8c-0.4-0.1-0.7-0.4-0.8-0.8l-0.7-2.5c-0.3-1.1-1.2-2-2.3-2.3l-2.5-0.7
c-0.6-0.2-1-0.9-0.8-1.5c0.1-0.4,0.4-0.7,0.8-0.8l2.5-0.7c1.1-0.3,2-1.2,2.3-2.3l0.7-2.5c0.2-0.6,0.9-1,1.5-0.8
c0.4,0.1,0.7,0.4,0.8,0.8L390.2,102.3z"/>
<path class="st30" d="M167.7,302.5c-1.5,0.5-2.6,1.7-3,3.2l-0.8,3.5c-0.2,0.9-1.1,1.4-2,1.2c-0.6-0.1-1-0.6-1.2-1.1l-1-3.4
c-0.5-1.5-1.7-2.6-3.2-3L153,302c-0.9-0.2-1.4-1.1-1.2-2c0.1-0.6,0.6-1,1.1-1.2l3.4-1c1.5-0.5,2.6-1.7,3-3.2l0.8-3.5
c0.2-0.9,1.1-1.4,2-1.2c0.6,0.1,1,0.6,1.2,1.1l1,3.4c0.5,1.5,1.7,2.6,3.2,3l3.5,0.8c0.9,0.2,1.4,1.1,1.2,2
c-0.1,0.6-0.6,1-1.1,1.2L167.7,302.5z"/>
<path class="st31" d="M219.6,111.5c-1.7,0.4-3.1,1.7-3.6,3.4l-1.2,3.9c-0.3,1-1.3,1.6-2.3,1.3c-0.6-0.2-1.1-0.7-1.3-1.4l-0.9-3.9
c-0.4-1.7-1.7-3.1-3.4-3.6l-3.9-1.2c-1-0.3-1.6-1.3-1.3-2.3c0.2-0.6,0.7-1.1,1.4-1.3l3.9-1c1.7-0.4,3.1-1.7,3.6-3.4l1.2-3.9
c0.3-1,1.3-1.6,2.3-1.3c0.6,0.2,1.1,0.7,1.3,1.4l0.9,4c0.4,1.7,1.7,3.1,3.4,3.6l3.9,1.2c1,0.3,1.6,1.3,1.3,2.3
c-0.2,0.6-0.7,1.1-1.4,1.3L219.6,111.5z"/>
<path class="st30" d="M51.4,304.1c-1.9,0.6-3.3,2.1-3.8,4l-1.1,4.4c-0.3,1.1-1.4,1.8-2.5,1.5c-0.7-0.2-1.3-0.7-1.5-1.4l-1.3-4.3
c-0.6-1.9-2.1-3.3-4-3.8l-4.4-1.1c-1.1-0.3-1.8-1.4-1.5-2.5c0.2-0.7,0.7-1.3,1.4-1.5l4.3-1.3c1.9-0.6,3.3-2.1,3.8-4l1-4.4
c0.3-1.1,1.4-1.8,2.5-1.5c0.7,0.2,1.3,0.7,1.5,1.4l1.3,4.3c0.6,1.9,2.1,3.3,4,3.8l4.4,1c1.1,0.3,1.8,1.4,1.5,2.5
c-0.2,0.7-0.7,1.3-1.4,1.5L51.4,304.1z"/>
<path class="st30" d="M169.4,9.1c-1.1,0.3-1.9,1.2-2.2,2.3l-0.6,2.5c-0.2,0.6-0.8,1-1.4,0.9c-0.4-0.1-0.7-0.4-0.8-0.8l-0.7-2.5
c-0.3-1.1-1.2-1.9-2.3-2.2l-2.5-0.6c-0.6-0.2-1-0.8-0.9-1.4c0.1-0.4,0.4-0.7,0.8-0.8l2.4-0.7c1.1-0.3,1.9-1.2,2.2-2.3l0.6-2.5
c0.2-0.6,0.8-1,1.4-0.9c0.4,0.1,0.7,0.4,0.8,0.8l0.7,2.4c0.3,1.1,1.2,1.9,2.3,2.2l2.5,0.6c0.6,0.2,1,0.8,0.9,1.4
c-0.1,0.4-0.4,0.7-0.8,0.9L169.4,9.1z"/>
<path class="st30" d="M230.4,40.7c-1.5,0.5-2.6,1.7-3,3.2l-0.8,3.5c-0.2,0.9-1.1,1.4-2,1.2c-0.6-0.1-1-0.6-1.2-1.1l-1-3.4
c-0.5-1.5-1.7-2.6-3.2-3l-3.5-0.8c-0.9-0.2-1.4-1.1-1.2-2c0.1-0.6,0.6-1,1.1-1.2l3.4-1c1.5-0.5,2.6-1.7,3-3.2l0.8-3.5
c0.2-0.9,1.1-1.4,2-1.2c0.6,0.1,1,0.6,1.2,1.1l1,3.4c0.5,1.5,1.7,2.6,3.2,3l3.5,0.8c0.9,0.2,1.4,1.1,1.2,2
c-0.1,0.6-0.6,1-1.1,1.2L230.4,40.7z"/>
<path class="st31" d="M243.4,240.8c-2.3,0.6-4.1,2.3-4.8,4.6l-1.5,5.1c-0.4,1.3-1.8,2.1-3.1,1.7c-0.8-0.3-1.5-0.9-1.7-1.8
l-1.3-5.2c-0.6-2.3-2.3-4.1-4.6-4.8l-5.1-1.5c-1.3-0.4-2.1-1.8-1.7-3.1c0.3-0.8,0.9-1.5,1.8-1.7l5.2-1.3c2.3-0.5,4.1-2.3,4.8-4.6
l1.6-5.2c0.4-1.3,1.8-2.1,3.1-1.7c0.8,0.3,1.5,0.9,1.7,1.8l1.3,5.2c0.6,2.3,2.3,4.1,4.6,4.8l5.1,1.5c1.3,0.4,2.1,1.8,1.7,3.1
c-0.3,0.8-0.9,1.5-1.8,1.7L243.4,240.8z"/>
<path class="st31" d="M329.5,112.4c0.3,1.1,1.2,2,2.3,2.3l2.5,0.7c0.6,0.2,1,0.9,0.8,1.5c-0.1,0.4-0.4,0.7-0.8,0.8l-2.5,0.7
c-1.1,0.3-2,1.2-2.3,2.3l-0.7,2.5c-0.2,0.6-0.9,1-1.5,0.8c-0.4-0.1-0.7-0.4-0.8-0.8l-0.7-2.5c-0.3-1.1-1.2-2-2.3-2.3l-2.5-0.7
c-0.6-0.2-1-0.9-0.8-1.5c0.1-0.4,0.4-0.7,0.8-0.8l2.5-0.7c1.1-0.3,2-1.2,2.3-2.3l0.7-2.5c0.2-0.6,0.9-1,1.5-0.8
c0.4,0.1,0.7,0.4,0.8,0.8L329.5,112.4z"/>
<path class="st30" d="M399.6,290.7c-1.1,0.3-1.9,1.2-2.2,2.3l-0.6,2.5c-0.2,0.6-0.8,1-1.4,0.9c-0.4-0.1-0.7-0.4-0.8-0.8l-0.7-2.5
c-0.3-1.1-1.2-1.9-2.3-2.2l-2.5-0.6c-0.6-0.2-1-0.8-0.8-1.5c0.1-0.4,0.4-0.7,0.8-0.8l2.5-0.7c1.1-0.3,1.9-1.2,2.1-2.3l0.6-2.5
c0.2-0.6,0.8-1,1.4-0.9c0.4,0.1,0.7,0.4,0.8,0.8l0.7,2.5c0.3,1.1,1.2,1.9,2.3,2.2l2.5,0.6c0.6,0.2,1,0.8,0.9,1.4
c-0.1,0.4-0.4,0.7-0.8,0.8L399.6,290.7z"/>
</g>
</g>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 30 KiB

BIN
static/images/sec/SEC-top-image.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 61 KiB

48
static/images/sec/apply-icon.svg Normal file
View file

@ -0,0 +1,48 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FFAB1A;}
.st1{filter:url(#Adobe_OpacityMaskFilter);}
.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
.st3{mask:url(#mask-2_1_);}
</style>
<desc>Created with Sketch.</desc>
<g id="Action-Menu_x2F_Actions_x2F_Surprise">
<g id="surprise-icon">
<path id="path-1_1_" class="st0" d="M7,8.7C7.8,8.4,8.4,7.8,8.7,7l0.5-1.8c0.2-0.9,1.5-0.9,1.7,0L11.3,7c0.2,0.8,0.8,1.4,1.7,1.7
l1.8,0.5c0.9,0.2,0.9,1.5,0,1.7L13,11.3c-0.8,0.2-1.4,0.8-1.7,1.7l-0.5,1.8c-0.2,0.9-1.5,0.9-1.7,0L8.7,13
c-0.2-0.8-0.8-1.4-1.7-1.7l-1.8-0.5c-0.9-0.2-0.9-1.5,0-1.7L7,8.7z M3.9,14.5c0.3-0.1,0.5-0.3,0.6-0.6l0.2-0.7
c0.1-0.3,0.5-0.3,0.6,0l0.2,0.7c0.1,0.3,0.3,0.5,0.6,0.6l0.7,0.2c0.3,0.1,0.3,0.5,0,0.6l-0.7,0.2c-0.3,0.1-0.5,0.3-0.6,0.6
l-0.2,0.7c-0.1,0.3-0.5,0.3-0.6,0l-0.2-0.7c-0.1-0.3-0.3-0.5-0.6-0.6l-0.7-0.2c-0.3-0.1-0.3-0.5,0-0.6L3.9,14.5z M13.9,4.5
c0.3-0.1,0.5-0.3,0.6-0.6l0.2-0.7c0.1-0.3,0.5-0.3,0.6,0l0.2,0.7c0.1,0.3,0.3,0.5,0.6,0.6l0.7,0.2c0.3,0.1,0.3,0.5,0,0.6l-0.7,0.2
c-0.3,0.1-0.5,0.3-0.6,0.6l-0.2,0.7c-0.1,0.3-0.5,0.3-0.6,0l-0.2-0.7c-0.1-0.3-0.3-0.5-0.6-0.6l-0.7-0.2c-0.3-0.1-0.3-0.5,0-0.6
L13.9,4.5z M5.8,5.8c0,0.4-0.3,0.8-0.8,0.8S4.2,6.2,4.2,5.8S4.6,5,5,5S5.8,5.3,5.8,5.8z M16,14.2c0,0.7-0.6,1.2-1.2,1.2
c-0.7,0-1.2-0.6-1.2-1.2c0-0.7,0.6-1.2,1.2-1.2C15.4,13,16,13.6,16,14.2z"/>
</g>
<defs>
<filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
<feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/>
</filter>
</defs>
<mask maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20" id="mask-2_1_">
<g class="st1">
<path id="path-1_2_" class="st2" d="M7,8.7C7.8,8.4,8.4,7.8,8.7,7l0.5-1.8c0.2-0.9,1.5-0.9,1.7,0L11.3,7c0.2,0.8,0.8,1.4,1.7,1.7
l1.8,0.5c0.9,0.2,0.9,1.5,0,1.7L13,11.3c-0.8,0.2-1.4,0.8-1.7,1.7l-0.5,1.8c-0.2,0.9-1.5,0.9-1.7,0L8.7,13
c-0.2-0.8-0.8-1.4-1.7-1.7l-1.8-0.5c-0.9-0.2-0.9-1.5,0-1.7L7,8.7z M3.9,14.5c0.3-0.1,0.5-0.3,0.6-0.6l0.2-0.7
c0.1-0.3,0.5-0.3,0.6,0l0.2,0.7c0.1,0.3,0.3,0.5,0.6,0.6l0.7,0.2c0.3,0.1,0.3,0.5,0,0.6l-0.7,0.2c-0.3,0.1-0.5,0.3-0.6,0.6
l-0.2,0.7c-0.1,0.3-0.5,0.3-0.6,0l-0.2-0.7c-0.1-0.3-0.3-0.5-0.6-0.6l-0.7-0.2c-0.3-0.1-0.3-0.5,0-0.6L3.9,14.5z M13.9,4.5
c0.3-0.1,0.5-0.3,0.6-0.6l0.2-0.7c0.1-0.3,0.5-0.3,0.6,0l0.2,0.7c0.1,0.3,0.3,0.5,0.6,0.6l0.7,0.2c0.3,0.1,0.3,0.5,0,0.6
l-0.7,0.2c-0.3,0.1-0.5,0.3-0.6,0.6l-0.2,0.7c-0.1,0.3-0.5,0.3-0.6,0l-0.2-0.7c-0.1-0.3-0.3-0.5-0.6-0.6l-0.7-0.2
c-0.3-0.1-0.3-0.5,0-0.6L13.9,4.5z M5.8,5.8c0,0.4-0.3,0.8-0.8,0.8S4.2,6.2,4.2,5.8S4.6,5,5,5S5.8,5.3,5.8,5.8z M16,14.2
c0,0.7-0.6,1.2-1.2,1.2c-0.7,0-1.2-0.6-1.2-1.2c0-0.7,0.6-1.2,1.2-1.2C15.4,13,16,13.6,16,14.2z"/>
</g>
</mask>
<g id="Color_x2F_White" class="st3">
<g id="Color">
<rect class="st0" width="20" height="20"/>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.2 KiB

17
test/unit/components/compose-comment.test.jsx
View file

@ -338,4 +338,21 @@ describe('Compose Comment test', () => {
expect(commentInstance.isMuted()).toBe(false); expect(commentInstance.isMuted()).toBe(false);
global.Date.now = realDateNow; global.Date.now = realDateNow;
}); });
test('getMuteMessageInfo: muteType set', () => {
const commentInstance = getComposeCommentWrapper({}).instance();
commentInstance.setState({muteType: 'unconstructive'});
expect(commentInstance.getMuteMessageInfo().commentType).toBe('comment.type.unconstructive');
});
test('getMuteMessageInfo: muteType not set', () => {
const commentInstance = getComposeCommentWrapper({}).instance();
expect(commentInstance.getMuteMessageInfo().commentType).toBe('comment.type.disrespectful');
});
test('getMuteMessageInfo: muteType set to something we don\'t have messages for', () => {
const commentInstance = getComposeCommentWrapper({}).instance();
commentInstance.setState({muteType: 'spaghetti'});
expect(commentInstance.getMuteMessageInfo().commentType).toBe('comment.type.disrespectful');
});
}); });