m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-22 09:23:21 +01:00
Code

Create MetaMask Beta build (#10985)

Browse Source
This commit is contained in:
David Walsh 2021-09-08 15:08:23 -05:00 committed by GitHub
parent 6f0d6b1693
commit 7b827ca5e7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
42 changed files with 1413 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app/_locales/en/messages.json
View File

@ -240,6 +240,25 @@
"basic": {
"message": "Basic"
},
"betaMetamaskDescription": {
"message": "Trusted by millions, MetaMask is a secure wallet making the world of web3 accessible to all."
},
"betaMetamaskDescriptionExplanation": {
"message": "Use this version to test upcoming features before they’re released. Your use and feedback helps us build the best version of MetaMask possible. Your use of MetaMask Beta is subject to our standard $1 as well as our $2. As a Beta, there may be an increased risk of bugs. By proceeding, you accept and acknowledge these risks, as well as those risks found in our Terms and Beta Terms.",
"description": "$1 represents localization item betaMetamaskDescriptionExplanationTermsLinkText. $2 represents localization item betaMetamaskDescriptionExplanationBetaTermsLinkText"
},
"betaMetamaskDescriptionExplanationBetaTermsLinkText": {
"message": "Supplemental Beta Terms"
},
"betaMetamaskDescriptionExplanationTermsLinkText": {
"message": "Terms"
},
"betaMetamaskVersion": {
"message": "MetaMask Beta Version"
},
"betaWelcome": {
"message": "Welcome to MetaMask Beta"
},
"blockExplorerUrl": {
"message": "Block Explorer URL"
},
@ -1328,9 +1347,15 @@
"message": "Need help? Contact $1",
"description": "$1 represents `needHelpLinkText`, the text which goes in the help link"
},
"needHelpFeedback": {
"message": "Share your Feedback"
},
"needHelpLinkText": {
"message": "MetaMask Support"
},
"needHelpSubmitTicket": {
"message": "Submit a Ticket"
},
"needImportFile": {
"message": "You must select a file to import.",
"description": "User is important an account and needs to add a file to continue"

337
app/build-types/beta/beta-mascot.json Normal file
View File

@ -0,0 +1,337 @@
{
"chunks": [
{
"color": [0, 0, 0],
"faces": [
[11, 12, 13],
[36, 15, 37],
[37, 38, 36],
[31, 39, 22],
[22, 21, 31],
[31, 15, 36],
[36, 39, 31],
[64, 65, 66],
[75, 69, 26],
[26, 80, 75],
[75, 80, 38],
[38, 37, 75],
[38, 80, 39],
[39, 36, 38],
[39, 80, 26],
[26, 22, 39]
]
},
{
"color": [236, 229, 220],
"faces": [
[19, 20, 21],
[21, 22, 19],
[20, 19, 23],
[23, 24, 20],
[23, 25, 24],
[19, 22, 26],
[26, 27, 19],
[23, 28, 29],
[23, 29, 30],
[25, 23, 30],
[21, 20, 24],
[24, 31, 21],
[24, 25, 30],
[29, 51, 52],
[52, 30, 29],
[27, 26, 69],
[69, 70, 27],
[70, 71, 72],
[72, 27, 70],
[72, 71, 73],
[51, 74, 72],
[52, 51, 72],
[73, 52, 72],
[69, 71, 70],
[71, 69, 75],
[52, 73, 71],
[19, 27, 74],
[74, 28, 19],
[51, 29, 28],
[28, 74, 51],
[74, 27, 72],
[28, 23, 19]
]
},
{
"color": [119, 228, 171],
"faces": [
[5, 4, 35],
[57, 59, 79]
]
},
{
"color": [80, 157, 116],
"faces": [
[4, 5, 2],
[2, 5, 6],
[57, 56, 55],
[58, 59, 55],
[2, 1, 4],
[55, 59, 57]
]
},
{
"color": [67, 127, 95],
"faces": [
[0, 1, 2],
[2, 3, 0],
[6, 3, 2],
[7, 8, 9],
[10, 3, 6],
[10, 50, 7],
[7, 3, 10],
[7, 9, 3],
[49, 0, 9],
[3, 9, 0],
[53, 54, 55],
[55, 56, 53],
[55, 54, 58],
[60, 61, 62],
[63, 58, 54],
[63, 60, 89],
[60, 63, 54],
[60, 54, 61],
[88, 61, 53],
[54, 53, 61]
]
},
{
"color": [119, 228, 207],
"faces": [
[59, 5, 35],
[35, 79, 59]
]
},
{
"color": [163, 230, 235],
"faces": [
[14, 15, 11],
[11, 16, 14],
[16, 13, 12],
[17, 33, 10],
[17, 18, 34],
[34, 33, 17],
[11, 15, 31],
[18, 12, 11],
[41, 64, 37],
[64, 41, 40],
[66, 65, 40],
[67, 63, 77],
[67, 77, 76],
[76, 68, 67],
[75, 37, 64],
[68, 64, 66]
]
},
{
"color": [204, 237, 236],
"faces": [
[10, 6, 17],
[31, 18, 11],
[14, 16, 40],
[40, 41, 14],
[63, 67, 58],
[64, 68, 75],
[14, 41, 37],
[37, 15, 14],
[5, 59, 40],
[40, 16, 5]
]
},
{
"color": [207, 248, 247],
"faces": [
[6, 5, 16],
[16, 17, 6],
[12, 17, 16],
[58, 67, 40],
[40, 59, 58],
[40, 67, 66]
]
},
{
"color": [127, 185, 228],
"faces": [
[33, 34, 24],
[71, 76, 77]
]
},
{
"color": [119, 200, 228],
"faces": [
[31, 24, 18],
[24, 34, 18],
[35, 4, 42],
[4, 1, 42],
[42, 43, 44],
[44, 35, 42],
[45, 43, 42],
[42, 10, 45],
[30, 32, 24],
[30, 33, 32],
[33, 30, 10],
[44, 43, 46],
[43, 45, 47],
[47, 46, 43],
[48, 47, 45],
[45, 30, 48],
[30, 45, 10],
[49, 42, 0],
[8, 7, 42],
[50, 42, 7],
[50, 10, 42],
[1, 0, 42],
[42, 9, 8],
[42, 49, 9],
[75, 68, 71],
[71, 68, 76],
[79, 81, 57],
[57, 81, 56],
[82, 79, 35],
[35, 44, 82],
[81, 79, 82],
[82, 83, 81],
[84, 63, 81],
[81, 83, 84],
[44, 46, 85],
[85, 82, 44],
[71, 78, 52],
[52, 78, 77],
[77, 63, 52],
[82, 85, 83],
[83, 85, 86],
[86, 84, 83],
[87, 52, 84],
[84, 86, 87],
[52, 63, 84],
[88, 53, 81],
[62, 81, 60],
[89, 60, 81],
[89, 81, 63],
[56, 81, 53],
[81, 62, 61],
[81, 61, 88],
[48, 87, 86],
[86, 47, 48],
[47, 86, 85],
[85, 46, 47],
[48, 30, 52],
[52, 87, 48]
]
},
{
"color": [95, 167, 211],
"faces": [
[24, 32, 33],
[77, 78, 71]
]
},
{
"color": [119, 222, 228],
"faces": [
[17, 12, 18],
[13, 16, 11],
[67, 68, 66],
[65, 64, 40]
]
}
],
"positions": [
[111.024597, 52.604599, 46.225899],
[114.025002, 87.673302, 58.9818],
[66.192001, 80.898003, 55.394299],
[72.113297, 35.491798, 30.871401],
[97.804497, 116.560997, 73.978798],
[16.7623, 58.010899, 58.078201],
[52.608898, 30.3641, 42.556099],
[106.881401, 31.945499, 46.9133],
[113.484596, 38.6049, 49.121498],
[108.6633, 43.2332, 46.315399],
[101.216599, 15.9822, 46.308201],
[16.6605, -16.2883, 93.618698],
[40.775002, -10.2288, 85.276398],
[23.926901, -2.5103, 86.736504],
[11.1691, -7.0037, 99.377602],
[9.5692, -34.393902, 141.671997],
[12.596, 7.1655, 88.740997],
[61.180901, 8.8142, 76.996803],
[39.719501, -28.927099, 88.963799],
[13.7962, -68.575699, 132.057007],
[15.2674, -62.32, 129.688004],
[14.8446, -52.6096, 140.113007],
[12.8917, -49.771599, 144.740997],
[35.604198, -71.758003, 81.063904],
[47.462502, -68.606102, 63.369701],
[38.2486, -64.730202, 38.909901],
[-12.8917, -49.771599, 144.740997],
[-13.7962, -68.575699, 132.057007],
[17.802099, -71.758003, 81.063904],
[19.1243, -69.0168, 49.420101],
[38.2486, -66.275597, 17.776199],
[12.8928, -36.703499, 141.671997],
[109.283997, -93.589897, 27.824301],
[122.117996, -36.8894, 35.025002],
[67.7668, -30.197001, 78.417801],
[33.180698, 101.851997, 25.3186],
[9.4063, -35.589802, 150.722],
[-9.5692, -34.393902, 141.671997],
[-9.4063, -35.589802, 150.722],
[11.4565, -37.899399, 150.722],
[-12.596, 7.1655, 88.740997],
[-11.1691, -7.0037, 99.377602],
[70.236504, 62.836201, -3.9475],
[47.263401, 54.293999, -27.414801],
[28.7302, 91.731102, -24.972601],
[69.167603, 6.5862, -12.7757],
[28.7302, 49.1003, -48.3596],
[31.903, 5.692, -47.821999],
[35.075802, -34.432899, -16.280899],
[115.284103, 48.681499, 48.684101],
[110.842796, 28.4821, 49.176201],
[-19.1243, -69.0168, 49.420101],
[-38.2486, -66.275597, 17.776199],
[-111.024597, 52.604599, 46.225899],
[-72.113297, 35.491798, 30.871401],
[-66.192001, 80.898003, 55.394299],
[-114.025002, 87.673302, 58.9818],
[-97.804497, 116.560997, 73.978798],
[-52.608898, 30.3641, 42.556099],
[-16.7623, 58.010899, 58.078201],
[-106.881401, 31.945499, 46.9133],
[-108.6633, 43.2332, 46.315399],
[-113.484596, 38.6049, 49.121498],
[-101.216599, 15.9822, 46.308201],
[-16.6605, -16.2883, 93.618698],
[-23.926901, -2.5103, 86.736504],
[-40.775002, -10.2288, 85.276398],
[-61.180901, 8.8142, 76.996803],
[-39.719501, -28.927099, 88.963799],
[-14.8446, -52.6096, 140.113007],
[-15.2674, -62.32, 129.688004],
[-47.462502, -68.606102, 63.369701],
[-35.604198, -71.758003, 81.063904],
[-38.2486, -64.730202, 38.909901],
[-17.802099, -71.758003, 81.063904],
[-12.8928, -36.703499, 141.671997],
[-67.7668, -30.197001, 78.417801],
[-122.117996, -36.8894, 35.025002],
[-109.283997, -93.589897, 27.824301],
[-33.180698, 101.851997, 25.3186],
[-11.4565, -37.899399, 150.722],
[-70.236504, 62.836201, -3.9475],
[-28.7302, 91.731102, -24.972601],
[-47.263401, 54.293999, -27.414801],
[-69.167603, 6.5862, -12.7757],
[-28.7302, 49.1003, -48.3596],
[-31.903, 5.692, -47.821999],
[-35.075802, -34.432899, -16.280899],
[-115.284103, 48.681499, 48.684101],
[-110.842796, 28.4821, 49.176201]
]
}

BIN
app/build-types/beta/icon-128.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
app/build-types/beta/icon-16.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 847 B

BIN
app/build-types/beta/icon-19.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
app/build-types/beta/icon-32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
app/build-types/beta/icon-38.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
app/build-types/beta/icon-48.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
app/build-types/beta/icon-512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 172 KiB

BIN
app/build-types/beta/icon-64.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.7 KiB

BIN
app/build-types/beta/info-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

130
app/build-types/beta/logo/metamask-fox.svg Normal file
View File

@ -0,0 +1,130 @@
<svg width="35" height="33" viewBox="0 0 35 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M19.5938 17.6064L20.1705 9.73742L22.5185 4.13232H12.4812L14.8292 9.73742L15.4059 17.6064L15.5844 20.0884L15.5981 26.1981H19.4016L19.4153 20.0884L19.5938 17.6064Z" fill="url(#paint0_linear)"/>
<path d="M32.3226 16.0925L25.1413 14.006L27.3108 17.2654L24.0703 23.5387L28.3543 23.4842H34.7255L32.3226 16.0925Z" fill="url(#paint1_linear)"/>
<path d="M9.85875 14.006L2.6775 16.0925L0.28833 23.4842H6.65946L10.9298 23.5387L7.68927 17.2654L9.85875 14.006Z" fill="url(#paint2_linear)"/>
<path d="M20.3078 21.5476L19.4016 26.198L20.0607 26.6481L24.0701 23.5387L24.1937 20.4156L20.3078 21.5476Z" fill="url(#paint3_linear)"/>
<path d="M10.8198 20.4156L10.9297 23.5387L14.9391 26.6481L15.5982 26.198L14.6919 21.5476L10.8198 20.4156Z" fill="url(#paint4_linear)"/>
<path d="M33.8466 10.7329L35 5.16869L33.2699 0L20.0608 9.73731L24.9902 14.1286L32.3225 16.0925L33.9015 14.2514L33.215 13.7604L34.3134 12.7649L33.4759 12.1103L34.5743 11.2784L33.8466 10.7329Z" fill="url(#paint5_linear)"/>
<path d="M0 5.16869L1.16712 10.7329L0.425657 11.2784L1.52413 12.1103L0.686544 12.7649L1.78501 13.7604L1.09847 14.2514L2.67752 16.0925L10.0235 14.1286L14.9392 9.73731L1.73009 0L0 5.16869Z" fill="url(#paint6_linear)"/>
<path d="M7.68921 17.2653L10.8198 20.4156L10.9297 23.5386L7.68921 17.2653Z" fill="url(#paint7_linear)"/>
<path d="M27.3105 17.2653L24.0701 23.5386L24.1936 20.4156L27.3105 17.2653Z" fill="url(#paint8_linear)"/>
<path d="M24.7156 28.8983L20.0608 26.6481L20.4315 29.662L20.3903 30.9303L24.7156 28.8983Z" fill="#D7C1B3"/>
<path d="M10.2844 28.8983L14.6096 30.9303L14.5822 29.662L14.9392 26.6481L10.2844 28.8983Z" fill="#D7C1B3"/>
<path d="M28.3543 23.484L24.7156 28.8982L32.501 31.0256L34.7254 23.484H28.3543Z" fill="url(#paint9_linear)"/>
<path d="M0.28833 23.484L2.499 31.0256L10.2844 28.8982L6.65946 23.484H0.28833Z" fill="url(#paint10_linear)"/>
<path d="M1.72998 0L14.9391 9.73731L12.8657 4.13222L1.72998 0Z" fill="url(#paint11_linear)"/>
<path d="M22.1339 4.13222L20.0605 9.73731L33.2697 0L22.1339 4.13222Z" fill="url(#paint12_linear)"/>
<path d="M9.85869 14.0059L7.68921 17.2653L15.406 17.6063L14.9391 9.7373L9.85869 14.0059Z" fill="url(#paint13_linear)"/>
<path d="M25.141 14.0059L20.0606 9.7373L19.5938 17.6063L27.3105 17.2653L25.141 14.0059Z" fill="url(#paint14_linear)"/>
<path d="M10.2844 28.8983L14.9392 26.6481L10.9298 23.5387L10.2844 28.8983Z" fill="url(#paint15_linear)"/>
<path d="M20.0608 26.6481L24.7156 28.8983L24.0702 23.5387L20.0608 26.6481Z" fill="url(#paint16_linear)"/>
<path d="M10.2844 28.8982L10.9297 23.5386L6.65942 23.484L10.2844 28.8982Z" fill="url(#paint17_linear)"/>
<path d="M24.0701 23.5386L24.7154 28.8982L28.3541 23.484L24.0701 23.5386Z" fill="url(#paint18_linear)"/>
<path d="M27.3107 17.2653L19.594 17.6062L20.308 21.5475L21.4477 19.1745L24.1938 20.4156L27.3107 17.2653Z" fill="url(#paint19_linear)"/>
<path d="M10.8198 20.4156L13.5523 19.1745L14.692 21.5475L15.406 17.6062L7.68921 17.2653L10.8198 20.4156Z" fill="url(#paint20_linear)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.4156 20.0884L20.3081 21.5476L19.5941 17.6063L19.4156 20.0884ZM20.3081 21.5476L19.4156 20.0884L19.4019 26.1981L20.3081 21.5476Z" fill="url(#paint21_linear)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.4061 17.6063L14.6921 21.5476V21.5476L15.5984 26.1981L15.5846 20.0884L14.6921 21.5476L15.5846 20.0884L15.4061 17.6063Z" fill="url(#paint22_linear)"/>
<path d="M20.4151 30.914L20.4315 29.662L20.0883 29.362H14.9117L14.5822 29.662L14.6096 30.9303L10.2844 28.8983L11.7948 30.1257L14.8705 32.2396H20.1295L23.2052 30.1257L24.7156 28.8983L20.4151 30.914Z" fill="#C0AD9E"/>
<path d="M20.0606 26.648L19.4016 26.198H15.5981L14.939 26.648L14.582 29.662L14.9116 29.3619H20.0881L20.4314 29.662L20.0606 26.648Z" fill="#161616" stroke="#161616" stroke-width="0.142167" stroke-miterlimit="10" stroke-linejoin="round"/>
<path d="M21.4475 19.1746L20.3079 21.5475L24.1937 20.4156L21.4475 19.1746Z" fill="#161616"/>
<path d="M13.5525 19.1746L14.6922 21.5475L10.8201 20.4156L13.5525 19.1746Z" fill="#161616"/>
</g>
<defs>
<linearGradient id="paint0_linear" x1="17.4998" y1="4.13232" x2="17.4998" y2="26.1981" gradientUnits="userSpaceOnUse">
<stop stop-color="#21FF47"/>
<stop offset="1" stop-color="#BCD8F0"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="29.3979" y1="14.006" x2="29.3979" y2="23.5387" gradientUnits="userSpaceOnUse">
<stop stop-color="#1CAD68"/>
<stop offset="1" stop-color="#77BDD4"/>
</linearGradient>
<linearGradient id="paint2_linear" x1="5.60904" y1="14.006" x2="5.60904" y2="23.5387" gradientUnits="userSpaceOnUse">
<stop stop-color="#1CAD68"/>
<stop offset="1" stop-color="#77BDD4"/>
</linearGradient>
<linearGradient id="paint3_linear" x1="21.7977" y1="20.4156" x2="21.7977" y2="26.6481" gradientUnits="userSpaceOnUse">
<stop stop-color="#7BCBC8"/>
<stop offset="1" stop-color="#87B9E6"/>
</linearGradient>
<linearGradient id="paint4_linear" x1="13.209" y1="20.4156" x2="13.209" y2="26.6481" gradientUnits="userSpaceOnUse">
<stop stop-color="#7BCBC8"/>
<stop offset="1" stop-color="#87B9E6"/>
</linearGradient>
<linearGradient id="paint5_linear" x1="27.5304" y1="0" x2="27.5304" y2="16.0925" gradientUnits="userSpaceOnUse">
<stop stop-color="#007715"/>
<stop offset="1" stop-color="#0A3424"/>
</linearGradient>
<linearGradient id="paint6_linear" x1="7.4696" y1="0" x2="7.4696" y2="16.0925" gradientUnits="userSpaceOnUse">
<stop stop-color="#007715"/>
<stop offset="1" stop-color="#0A3424"/>
</linearGradient>
<linearGradient id="paint7_linear" x1="9.30945" y1="17.2653" x2="9.30945" y2="23.5386" gradientUnits="userSpaceOnUse">
<stop stop-color="#42C4A0"/>
<stop offset="1" stop-color="#51ACC7"/>
</linearGradient>
<linearGradient id="paint8_linear" x1="25.6903" y1="17.2653" x2="25.6903" y2="23.5386" gradientUnits="userSpaceOnUse">
<stop stop-color="#42C4A0"/>
<stop offset="1" stop-color="#51ACC7"/>
</linearGradient>
<linearGradient id="paint9_linear" x1="29.7205" y1="23.484" x2="29.7205" y2="31.0256" gradientUnits="userSpaceOnUse">
<stop stop-color="#5BAECB"/>
<stop offset="1" stop-color="#4160C1"/>
</linearGradient>
<linearGradient id="paint10_linear" x1="5.28637" y1="23.484" x2="5.28637" y2="31.0256" gradientUnits="userSpaceOnUse">
<stop stop-color="#5BAECB"/>
<stop offset="1" stop-color="#4160C1"/>
</linearGradient>
<linearGradient id="paint11_linear" x1="8.33453" y1="0" x2="8.33453" y2="9.73731" gradientUnits="userSpaceOnUse">
<stop stop-color="#01EA28"/>
<stop offset="1" stop-color="#10D24F"/>
</linearGradient>
<linearGradient id="paint12_linear" x1="26.6651" y1="0" x2="26.6651" y2="9.73731" gradientUnits="userSpaceOnUse">
<stop stop-color="#01EA28"/>
<stop offset="1" stop-color="#10D24F"/>
</linearGradient>
<linearGradient id="paint13_linear" x1="11.5476" y1="9.7373" x2="11.5476" y2="17.6063" gradientUnits="userSpaceOnUse">
<stop stop-color="#12DB56"/>
<stop offset="1" stop-color="#4CC9A3"/>
</linearGradient>
<linearGradient id="paint14_linear" x1="23.4521" y1="9.7373" x2="23.4521" y2="17.6063" gradientUnits="userSpaceOnUse">
<stop stop-color="#12DB56"/>
<stop offset="1" stop-color="#4CC9A3"/>
</linearGradient>
<linearGradient id="paint15_linear" x1="12.6118" y1="23.5387" x2="12.6118" y2="28.8983" gradientUnits="userSpaceOnUse">
<stop stop-color="#5BAECB"/>
<stop offset="1" stop-color="#4160C1"/>
</linearGradient>
<linearGradient id="paint16_linear" x1="22.3882" y1="23.5387" x2="22.3882" y2="28.8983" gradientUnits="userSpaceOnUse">
<stop stop-color="#5BAECB"/>
<stop offset="1" stop-color="#4160C1"/>
</linearGradient>
<linearGradient id="paint17_linear" x1="8.79458" y1="23.484" x2="8.79458" y2="28.8982" gradientUnits="userSpaceOnUse">
<stop stop-color="#32809D"/>
<stop offset="1" stop-color="#477DD5"/>
</linearGradient>
<linearGradient id="paint18_linear" x1="26.2121" y1="23.484" x2="26.2121" y2="28.8982" gradientUnits="userSpaceOnUse">
<stop stop-color="#32809D"/>
<stop offset="1" stop-color="#477DD5"/>
</linearGradient>
<linearGradient id="paint19_linear" x1="23.4524" y1="17.2653" x2="23.4524" y2="21.5475" gradientUnits="userSpaceOnUse">
<stop stop-color="#239777"/>
<stop offset="1" stop-color="#2C8A8D"/>
</linearGradient>
<linearGradient id="paint20_linear" x1="11.5476" y1="17.2653" x2="11.5476" y2="21.5475" gradientUnits="userSpaceOnUse">
<stop stop-color="#239777"/>
<stop offset="1" stop-color="#2C8A8D"/>
</linearGradient>
<linearGradient id="paint21_linear" x1="19.855" y1="17.6063" x2="19.855" y2="26.1981" gradientUnits="userSpaceOnUse">
<stop stop-color="#42C4A0"/>
<stop offset="1" stop-color="#51ACC7"/>
</linearGradient>
<linearGradient id="paint22_linear" x1="15.1453" y1="17.6063" x2="15.1453" y2="26.1981" gradientUnits="userSpaceOnUse">
<stop stop-color="#42C4A0"/>
<stop offset="1" stop-color="#51ACC7"/>
</linearGradient>
<clipPath id="clip0">
<rect width="35" height="33" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

148
app/build-types/beta/logo/metamask-logo-horizontal-dark.svg Normal file
View File

@ -0,0 +1,148 @@
<svg width="1533" height="242" viewBox="0 0 1533 242" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M1157.95 121.694C1151.15 117.195 1143.65 113.996 1136.55 109.997C1131.95 107.398 1127.05 105.098 1123.05 101.799C1116.24 96.2 1117.64 85.2024 1124.75 80.4035C1134.95 73.605 1151.85 77.4042 1153.65 91.3011C1153.65 91.601 1153.95 91.801 1154.25 91.801H1169.66C1170.06 91.801 1170.36 91.501 1170.26 91.1011C1169.46 81.5033 1165.75 73.505 1158.95 68.4062C1152.45 63.5073 1145.05 60.9078 1137.15 60.9078C1096.44 60.9078 1092.74 103.998 1114.64 117.595C1117.14 119.195 1138.65 129.992 1146.25 134.691C1153.85 139.39 1156.25 147.988 1152.95 154.787C1149.95 160.986 1142.15 165.285 1134.35 164.785C1125.85 164.285 1119.24 159.686 1116.94 152.487C1116.54 151.188 1116.34 148.688 1116.34 147.589C1116.34 147.289 1116.04 146.989 1115.74 146.989H1099.04C1098.74 146.989 1098.44 147.289 1098.44 147.589C1098.44 159.686 1101.44 166.384 1109.64 172.483C1117.34 178.282 1125.75 180.681 1134.45 180.681C1157.25 180.681 1169.06 167.784 1171.46 154.387C1173.56 141.29 1169.66 129.493 1157.95 121.694V121.694Z" fill="#24292E"/>
<path d="M432.694 63.1091H425.293H417.191C416.891 63.1091 416.691 63.3091 416.591 63.509L402.888 108.698C402.688 109.298 401.888 109.298 401.688 108.698L387.985 63.509C387.885 63.2091 387.685 63.1091 387.384 63.1091H379.283H371.881H361.879C361.579 63.1091 361.279 63.4091 361.279 63.709V179.082C361.279 179.382 361.579 179.682 361.879 179.682H378.583C378.883 179.682 379.183 179.382 379.183 179.082V91.4025C379.183 90.7027 380.183 90.6027 380.383 91.2025L394.186 136.692L395.186 139.891C395.286 140.191 395.486 140.291 395.786 140.291H408.589C408.889 140.291 409.089 140.091 409.189 139.891L410.189 136.692L423.992 91.2025C424.192 90.5027 425.193 90.7027 425.193 91.4025V179.082C425.193 179.382 425.493 179.682 425.793 179.682H442.496C442.796 179.682 443.097 179.382 443.097 179.082V63.709C443.097 63.4091 442.796 63.1091 442.496 63.1091H432.694Z" fill="#24292E"/>
<path d="M902.197 63.1091C901.897 63.1091 901.697 63.3091 901.597 63.509L887.894 108.698C887.694 109.298 886.894 109.298 886.694 108.698L872.991 63.509C872.891 63.2091 872.691 63.1091 872.39 63.1091H846.985C846.685 63.1091 846.385 63.4091 846.385 63.709V179.082C846.385 179.382 846.685 179.682 846.985 179.682H863.689C863.989 179.682 864.289 179.382 864.289 179.082V91.4025C864.289 90.7027 865.289 90.6027 865.489 91.2025L879.292 136.692L880.292 139.891C880.392 140.191 880.592 140.291 880.892 140.291H893.695C893.995 140.291 894.195 140.091 894.295 139.891L895.295 136.692L909.098 91.2025C909.299 90.5027 910.299 90.7027 910.299 91.4025V179.082C910.299 179.382 910.599 179.682 910.899 179.682H927.603C927.903 179.682 928.203 179.382 928.203 179.082V63.709C928.203 63.4091 927.903 63.1091 927.603 63.1091H902.197Z" fill="#24292E"/>
<path d="M686.749 63.1091H655.642H638.938H607.832C607.532 63.1091 607.231 63.4091 607.231 63.709V78.1056C607.231 78.4055 607.532 78.7055 607.832 78.7055H638.338V179.082C638.338 179.382 638.638 179.682 638.938 179.682H655.642C655.942 179.682 656.242 179.382 656.242 179.082V78.7055H686.749C687.049 78.7055 687.349 78.4055 687.349 78.1056V63.709C687.349 63.4091 687.149 63.1091 686.749 63.1091V63.1091Z" fill="#24292E"/>
<path d="M785.272 179.681H800.475C800.875 179.681 801.175 179.281 801.075 178.881L769.668 63.1082C769.568 62.8082 769.368 62.7083 769.068 62.7083H763.267H753.065H747.264C746.964 62.7083 746.763 62.9082 746.663 63.1082L715.257 178.881C715.157 179.281 715.457 179.681 715.857 179.681H731.06C731.36 179.681 731.56 179.481 731.66 179.281L740.762 145.589C740.862 145.289 741.062 145.189 741.362 145.189H774.97C775.27 145.189 775.47 145.389 775.57 145.589L784.672 179.281C784.772 179.481 785.072 179.681 785.272 179.681V179.681ZM745.363 128.693L757.566 83.6034C757.766 83.0035 758.566 83.0035 758.766 83.6034L770.969 128.693C771.069 129.093 770.769 129.493 770.369 129.493H745.963C745.563 129.493 745.263 129.093 745.363 128.693V128.693Z" fill="#24292E"/>
<path d="M1044.53 179.681H1059.73C1060.13 179.681 1060.43 179.281 1060.33 178.881L1028.93 63.1082C1028.83 62.8082 1028.63 62.7083 1028.33 62.7083H1022.52H1012.32H1006.52C1006.22 62.7083 1006.02 62.9082 1005.92 63.1082L974.514 178.881C974.414 179.281 974.714 179.681 975.114 179.681H990.317C990.618 179.681 990.818 179.481 990.918 179.281L1000.02 145.589C1000.12 145.289 1000.32 145.189 1000.62 145.189H1034.23C1034.53 145.189 1034.73 145.389 1034.83 145.589L1043.93 179.281C1044.03 179.481 1044.23 179.681 1044.53 179.681V179.681ZM1004.62 128.693L1016.82 83.6034C1017.02 83.0035 1017.82 83.0035 1018.02 83.6034L1030.23 128.693C1030.33 129.093 1030.03 129.493 1029.63 129.493H1005.22C1004.82 129.493 1004.52 129.093 1004.62 128.693V128.693Z" fill="#24292E"/>
<path d="M510.909 162.584V126.793C510.909 126.493 511.209 126.193 511.509 126.193H556.019C556.319 126.193 556.619 125.893 556.619 125.593V111.196C556.619 110.896 556.319 110.596 556.019 110.596H511.509C511.209 110.596 510.909 110.296 510.909 109.997V79.4037C510.909 79.1038 511.209 78.8039 511.509 78.8039H562.121C562.421 78.8039 562.721 78.5039 562.721 78.204V63.8074C562.721 63.5074 562.421 63.2075 562.121 63.2075H510.909H493.606C493.305 63.2075 493.005 63.5074 493.005 63.8074V78.8039V110.696V126.293V163.284V179.08C493.005 179.38 493.305 179.68 493.606 179.68H510.909H564.221C564.521 179.68 564.821 179.38 564.821 179.08V163.884C564.821 163.584 564.521 163.284 564.221 163.284H511.409C511.109 163.184 510.909 162.984 510.909 162.584Z" fill="#24292E"/>
<path d="M1310.58 178.681L1252.77 118.995C1252.57 118.795 1252.57 118.395 1252.77 118.195L1304.78 64.2074C1305.18 63.8075 1304.88 63.2076 1304.38 63.2076H1283.08C1282.88 63.2076 1282.78 63.3076 1282.68 63.4076L1238.57 109.197C1238.17 109.597 1237.57 109.297 1237.57 108.797V63.8075C1237.57 63.5076 1237.27 63.2076 1236.97 63.2076H1220.26C1219.96 63.2076 1219.66 63.5076 1219.66 63.8075V179.181C1219.66 179.48 1219.96 179.78 1220.26 179.78H1236.97C1237.27 179.78 1237.57 179.48 1237.57 179.181V128.392C1237.57 127.893 1238.27 127.593 1238.57 127.993L1288.58 179.58C1288.68 179.68 1288.88 179.78 1288.98 179.78H1310.28C1310.68 179.68 1310.98 178.981 1310.58 178.681V178.681Z" fill="#24292E"/>
<path d="M1512.38 110.091H1359.98C1348.59 110.091 1339.36 100.86 1339.36 89.4845V44.6061C1339.36 33.231 1348.59 24 1359.98 24H1512.38C1523.76 24 1533 33.231 1533 44.6061V89.4845C1533 100.876 1523.76 110.091 1512.38 110.091Z" fill="#F66A0A"/>
<path d="M1371.47 48.027H1386.48C1388.08 48.027 1389.62 48.3377 1391.06 48.9592C1392.5 49.5807 1393.76 50.4149 1394.86 51.478C1395.94 52.5411 1396.79 53.8004 1397.41 55.2397C1398.04 56.679 1398.35 58.2164 1398.35 59.8683C1398.35 61.2912 1398.09 62.567 1397.56 63.7118C1397.04 64.8567 1396.35 65.8544 1395.48 66.7213C1397.17 67.5881 1398.53 68.8311 1399.59 70.483C1400.64 72.1349 1401.17 74.0158 1401.17 76.1583C1401.17 77.8102 1400.85 79.3313 1400.23 80.7542C1399.61 82.1771 1398.76 83.4202 1397.68 84.4833C1396.6 85.5464 1395.3 86.3805 1393.83 86.9856C1392.35 87.5908 1390.75 87.8852 1389.03 87.8852H1371.49V48.027H1371.47ZM1385.46 64.1371C1386.66 64.1371 1387.65 63.7609 1388.44 62.9922C1389.23 62.2235 1389.62 61.3076 1389.62 60.2118C1389.62 59.1323 1389.23 58.1837 1388.44 57.3823C1387.65 56.5809 1386.66 56.172 1385.46 56.172H1380.4V64.1371H1385.46V64.1371ZM1388.28 79.6748C1389.47 79.6748 1390.47 79.2986 1391.26 78.5299C1392.04 77.7612 1392.44 76.8126 1392.44 75.7004C1392.44 74.6209 1392.03 73.6723 1391.22 72.8873C1390.42 72.1022 1389.42 71.7097 1388.21 71.7097H1380.4V79.6748H1388.28Z" fill="white"/>
<path d="M1407.16 48.0112H1432.45V56.5488H1416.08V63.6798H1429.07V72.2173H1416.08V79.3483H1432.45V87.8858H1407.16V48.0112Z" fill="white"/>
<path d="M1446.43 56.5311H1436.26V47.9935H1465.71V56.5311H1455.42V87.8518H1446.43V56.5311Z" fill="white"/>
<path d="M1479.92 48.0112H1488.01L1505.09 87.8531H1495.76L1492.22 79.43H1475.69L1472.16 87.8531H1462.82L1479.92 48.0112ZM1478.92 71.6939H1488.98L1483.98 59.7381L1478.92 71.6939Z" fill="white"/>
<g clip-path="url(#clip1)">
<path d="M145.555 130.761L149.839 72.3187L167.281 30.6899H92.7188L110.161 72.3187L114.445 130.761L115.771 149.195L115.873 194.572H144.127L144.229 149.195L145.555 130.761Z" fill="url(#paint0_linear)"/>
<path d="M240.11 119.518L186.764 104.021L202.88 128.229L178.808 174.821L210.632 174.416H257.96L240.11 119.518Z" fill="url(#paint1_linear)"/>
<path d="M73.2366 104.021L19.8902 119.518L2.14209 174.416H49.4705L81.1927 174.821L57.1205 128.229L73.2366 104.021Z" fill="url(#paint2_linear)"/>
<path d="M150.859 160.033L144.127 194.572L149.023 197.914L178.807 174.821L179.725 151.626L150.859 160.033Z" fill="url(#paint3_linear)"/>
<path d="M80.3765 151.626L81.1925 174.821L110.977 197.914L115.873 194.572L109.141 160.033L80.3765 151.626Z" fill="url(#paint4_linear)"/>
<path d="M251.432 79.7125L260 38.3876L247.148 0L149.023 72.3186L185.642 104.933L240.11 119.518L251.84 105.844L246.74 102.198L254.9 94.8042L248.678 89.9425L256.838 83.764L251.432 79.7125Z" fill="url(#paint5_linear)"/>
<path d="M0 38.3876L8.67007 79.7125L3.16202 83.764L11.3221 89.9425L5.10004 94.8042L13.2601 102.198L8.16006 105.844L19.8902 119.518L74.4606 104.933L110.977 72.3186L12.8521 0L0 38.3876Z" fill="url(#paint6_linear)"/>
<path d="M57.1206 128.229L80.3768 151.626L81.1928 174.821L57.1206 128.229Z" fill="url(#paint7_linear)"/>
<path d="M202.88 128.229L178.808 174.821L179.726 151.626L202.88 128.229Z" fill="url(#paint8_linear)"/>
<path d="M183.602 214.626L149.023 197.914L151.777 220.298L151.471 229.718L183.602 214.626Z" fill="#D7C1B3" stroke="#D7C1B3" stroke-width="1.42167" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M76.3989 214.626L108.529 229.718L108.325 220.298L110.977 197.914L76.3989 214.626Z" fill="#D7C1B3" stroke="#D7C1B3" stroke-width="1.42167" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M210.632 174.415L183.602 214.626L241.436 230.427L257.96 174.415H210.632Z" fill="url(#paint9_linear)"/>
<path d="M2.14209 174.415L18.5642 230.427L76.3987 214.626L49.4705 174.415H2.14209Z" fill="url(#paint10_linear)"/>
<path d="M12.8521 0L110.977 72.3186L95.5747 30.6898L12.8521 0Z" fill="url(#paint11_linear)"/>
<path d="M164.425 30.6898L149.023 72.3186L247.148 0L164.425 30.6898Z" fill="url(#paint12_linear)"/>
<path d="M73.2367 104.021L57.1206 128.229L114.445 130.761L110.977 72.3186L73.2367 104.021Z" fill="url(#paint13_linear)"/>
<path d="M186.763 104.021L149.023 72.3186L145.555 130.761L202.879 128.229L186.763 104.021Z" fill="url(#paint14_linear)"/>
<path d="M76.3989 214.626L110.977 197.914L81.193 174.821L76.3989 214.626Z" fill="url(#paint15_linear)"/>
<path d="M149.023 197.914L183.602 214.626L178.808 174.821L149.023 197.914Z" fill="url(#paint16_linear)"/>
<path d="M76.3989 214.626L81.1929 174.82L49.4707 174.415L76.3989 214.626Z" fill="url(#paint17_linear)"/>
<path d="M178.808 174.82L183.602 214.626L210.632 174.415L178.808 174.82Z" fill="url(#paint18_linear)"/>
<path d="M202.88 128.229L145.556 130.761L150.86 160.033L159.326 142.409L179.726 151.626L202.88 128.229Z" fill="url(#paint19_linear)"/>
<path d="M80.3773 151.626L100.675 142.409L109.141 160.033L114.446 130.761L57.1211 128.229L80.3773 151.626Z" fill="url(#paint20_linear)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M144.229 149.195L150.859 160.033L145.555 130.761L144.229 149.195ZM144.229 149.195L144.229 149.195L144.127 194.571L150.859 160.033L144.229 149.195Z" fill="url(#paint21_linear)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M114.445 130.761L109.141 160.033L115.873 194.571L115.771 149.195L115.771 149.195L114.445 130.761Z" fill="url(#paint22_linear)"/>
<path d="M151.655 229.596L151.778 220.298L149.228 218.07H110.773L108.325 220.298L108.529 229.718L76.3989 214.626L87.619 223.742L110.467 239.441H149.534L172.382 223.742L183.602 214.626L151.655 229.596Z" fill="#C0AD9E" stroke="#C0AD9E" stroke-width="1.42167" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M149.023 197.914L144.127 194.571H115.873L110.977 197.914L108.325 220.298L110.773 218.07H149.227L151.777 220.298L149.023 197.914Z" fill="#161616" stroke="#161616" stroke-width="0.142167" stroke-miterlimit="10" stroke-linejoin="round"/>
<path d="M159.325 142.409L150.859 160.033L179.726 151.626L159.325 142.409Z" fill="#161616"/>
<path d="M100.675 142.409L109.141 160.033L80.377 151.626L100.675 142.409Z" fill="#161616"/>
</g>
</g>
<defs>
<linearGradient id="paint0_linear" x1="130" y1="30.6899" x2="130" y2="194.572" gradientUnits="userSpaceOnUse">
<stop stop-color="#21FF47"/>
<stop offset="1" stop-color="#BCD8F0"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="218.384" y1="104.021" x2="218.384" y2="174.821" gradientUnits="userSpaceOnUse">
<stop stop-color="#1CAD68"/>
<stop offset="1" stop-color="#77BDD4"/>
</linearGradient>
<linearGradient id="paint2_linear" x1="41.6674" y1="104.021" x2="41.6674" y2="174.821" gradientUnits="userSpaceOnUse">
<stop stop-color="#1CAD68"/>
<stop offset="1" stop-color="#77BDD4"/>
</linearGradient>
<linearGradient id="paint3_linear" x1="161.926" y1="151.626" x2="161.926" y2="197.914" gradientUnits="userSpaceOnUse">
<stop stop-color="#7BCBC8"/>
<stop offset="1" stop-color="#87B9E6"/>
</linearGradient>
<linearGradient id="paint4_linear" x1="98.1246" y1="151.626" x2="98.1246" y2="197.914" gradientUnits="userSpaceOnUse">
<stop stop-color="#7BCBC8"/>
<stop offset="1" stop-color="#87B9E6"/>
</linearGradient>
<linearGradient id="paint5_linear" x1="204.512" y1="0" x2="204.512" y2="119.518" gradientUnits="userSpaceOnUse">
<stop stop-color="#007715"/>
<stop offset="1" stop-color="#0A3424"/>
</linearGradient>
<linearGradient id="paint6_linear" x1="55.4884" y1="0" x2="55.4884" y2="119.518" gradientUnits="userSpaceOnUse">
<stop stop-color="#007715"/>
<stop offset="1" stop-color="#0A3424"/>
</linearGradient>
<linearGradient id="paint7_linear" x1="69.1567" y1="128.229" x2="69.1567" y2="174.821" gradientUnits="userSpaceOnUse">
<stop stop-color="#42C4A0"/>
<stop offset="1" stop-color="#51ACC7"/>
</linearGradient>
<linearGradient id="paint8_linear" x1="190.844" y1="128.229" x2="190.844" y2="174.821" gradientUnits="userSpaceOnUse">
<stop stop-color="#42C4A0"/>
<stop offset="1" stop-color="#51ACC7"/>
</linearGradient>
<linearGradient id="paint9_linear" x1="220.781" y1="174.415" x2="220.781" y2="230.427" gradientUnits="userSpaceOnUse">
<stop stop-color="#5BAECB"/>
<stop offset="1" stop-color="#4160C1"/>
</linearGradient>
<linearGradient id="paint10_linear" x1="39.2704" y1="174.415" x2="39.2704" y2="230.427" gradientUnits="userSpaceOnUse">
<stop stop-color="#5BAECB"/>
<stop offset="1" stop-color="#4160C1"/>
</linearGradient>
<linearGradient id="paint11_linear" x1="61.9144" y1="0" x2="61.9144" y2="72.3186" gradientUnits="userSpaceOnUse">
<stop stop-color="#01EA28"/>
<stop offset="1" stop-color="#10D24F"/>
</linearGradient>
<linearGradient id="paint12_linear" x1="198.085" y1="0" x2="198.085" y2="72.3186" gradientUnits="userSpaceOnUse">
<stop stop-color="#01EA28"/>
<stop offset="1" stop-color="#10D24F"/>
</linearGradient>
<linearGradient id="paint13_linear" x1="85.7828" y1="72.3186" x2="85.7828" y2="130.761" gradientUnits="userSpaceOnUse">
<stop stop-color="#12DB56"/>
<stop offset="1" stop-color="#4CC9A3"/>
</linearGradient>
<linearGradient id="paint14_linear" x1="174.217" y1="72.3186" x2="174.217" y2="130.761" gradientUnits="userSpaceOnUse">
<stop stop-color="#12DB56"/>
<stop offset="1" stop-color="#4CC9A3"/>
</linearGradient>
<linearGradient id="paint15_linear" x1="93.6881" y1="174.821" x2="93.6881" y2="214.626" gradientUnits="userSpaceOnUse">
<stop stop-color="#5BAECB"/>
<stop offset="1" stop-color="#4160C1"/>
</linearGradient>
<linearGradient id="paint16_linear" x1="166.313" y1="174.821" x2="166.313" y2="214.626" gradientUnits="userSpaceOnUse">
<stop stop-color="#5BAECB"/>
<stop offset="1" stop-color="#4160C1"/>
</linearGradient>
<linearGradient id="paint17_linear" x1="65.3318" y1="174.415" x2="65.3318" y2="214.626" gradientUnits="userSpaceOnUse">
<stop stop-color="#32809D"/>
<stop offset="1" stop-color="#477DD5"/>
</linearGradient>
<linearGradient id="paint18_linear" x1="194.72" y1="174.415" x2="194.72" y2="214.626" gradientUnits="userSpaceOnUse">
<stop stop-color="#32809D"/>
<stop offset="1" stop-color="#477DD5"/>
</linearGradient>
<linearGradient id="paint19_linear" x1="174.218" y1="128.229" x2="174.218" y2="160.033" gradientUnits="userSpaceOnUse">
<stop stop-color="#239777"/>
<stop offset="1" stop-color="#2C8A8D"/>
</linearGradient>
<linearGradient id="paint20_linear" x1="85.7833" y1="128.229" x2="85.7833" y2="160.033" gradientUnits="userSpaceOnUse">
<stop stop-color="#239777"/>
<stop offset="1" stop-color="#2C8A8D"/>
</linearGradient>
<linearGradient id="paint21_linear" x1="147.493" y1="130.761" x2="147.493" y2="194.571" gradientUnits="userSpaceOnUse">
<stop stop-color="#42C4A0"/>
<stop offset="1" stop-color="#51ACC7"/>
</linearGradient>
<linearGradient id="paint22_linear" x1="112.507" y1="130.761" x2="112.507" y2="194.571" gradientUnits="userSpaceOnUse">
<stop stop-color="#42C4A0"/>
<stop offset="1" stop-color="#51ACC7"/>
</linearGradient>
<clipPath id="clip0">
<rect width="1533" height="242" fill="white"/>
</clipPath>
<clipPath id="clip1">
<rect width="260" height="239.948" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

148
app/build-types/beta/logo/metamask-logo-horizontal.svg Normal file
View File

@ -0,0 +1,148 @@
<svg width="1533" height="242" viewBox="0 0 1533 242" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M1157.95 121.694C1151.15 117.195 1143.65 113.996 1136.55 109.997C1131.95 107.398 1127.05 105.098 1123.05 101.799C1116.24 96.2 1117.64 85.2024 1124.75 80.4035C1134.95 73.605 1151.85 77.4042 1153.65 91.3011C1153.65 91.601 1153.95 91.801 1154.25 91.801H1169.66C1170.06 91.801 1170.36 91.501 1170.26 91.1011C1169.46 81.5033 1165.75 73.505 1158.95 68.4062C1152.45 63.5073 1145.05 60.9078 1137.15 60.9078C1096.44 60.9078 1092.74 103.998 1114.64 117.595C1117.14 119.195 1138.65 129.992 1146.25 134.691C1153.85 139.39 1156.25 147.988 1152.95 154.787C1149.95 160.986 1142.15 165.285 1134.35 164.785C1125.85 164.285 1119.24 159.686 1116.94 152.487C1116.54 151.188 1116.34 148.688 1116.34 147.589C1116.34 147.289 1116.04 146.989 1115.74 146.989H1099.04C1098.74 146.989 1098.44 147.289 1098.44 147.589C1098.44 159.686 1101.44 166.384 1109.64 172.483C1117.34 178.282 1125.75 180.681 1134.45 180.681C1157.25 180.681 1169.06 167.784 1171.46 154.387C1173.56 141.29 1169.66 129.493 1157.95 121.694V121.694Z" fill="white"/>
<path d="M432.694 63.1091H425.293H417.191C416.891 63.1091 416.691 63.3091 416.591 63.509L402.888 108.698C402.688 109.298 401.888 109.298 401.688 108.698L387.985 63.509C387.885 63.2091 387.685 63.1091 387.384 63.1091H379.283H371.881H361.879C361.579 63.1091 361.279 63.4091 361.279 63.709V179.082C361.279 179.382 361.579 179.682 361.879 179.682H378.583C378.883 179.682 379.183 179.382 379.183 179.082V91.4025C379.183 90.7027 380.183 90.6027 380.383 91.2025L394.186 136.692L395.186 139.891C395.286 140.191 395.486 140.291 395.786 140.291H408.589C408.889 140.291 409.089 140.091 409.189 139.891L410.189 136.692L423.992 91.2025C424.192 90.5027 425.193 90.7027 425.193 91.4025V179.082C425.193 179.382 425.493 179.682 425.793 179.682H442.496C442.796 179.682 443.097 179.382 443.097 179.082V63.709C443.097 63.4091 442.796 63.1091 442.496 63.1091H432.694Z" fill="white"/>
<path d="M902.197 63.1091C901.897 63.1091 901.697 63.3091 901.597 63.509L887.894 108.698C887.694 109.298 886.894 109.298 886.694 108.698L872.991 63.509C872.891 63.2091 872.691 63.1091 872.39 63.1091H846.985C846.685 63.1091 846.385 63.4091 846.385 63.709V179.082C846.385 179.382 846.685 179.682 846.985 179.682H863.689C863.989 179.682 864.289 179.382 864.289 179.082V91.4025C864.289 90.7027 865.289 90.6027 865.489 91.2025L879.292 136.692L880.292 139.891C880.392 140.191 880.592 140.291 880.892 140.291H893.695C893.995 140.291 894.195 140.091 894.295 139.891L895.295 136.692L909.098 91.2025C909.299 90.5027 910.299 90.7027 910.299 91.4025V179.082C910.299 179.382 910.599 179.682 910.899 179.682H927.603C927.903 179.682 928.203 179.382 928.203 179.082V63.709C928.203 63.4091 927.903 63.1091 927.603 63.1091H902.197Z" fill="white"/>
<path d="M686.749 63.1091H655.642H638.938H607.832C607.532 63.1091 607.231 63.4091 607.231 63.709V78.1056C607.231 78.4055 607.532 78.7055 607.832 78.7055H638.338V179.082C638.338 179.382 638.638 179.682 638.938 179.682H655.642C655.942 179.682 656.242 179.382 656.242 179.082V78.7055H686.749C687.049 78.7055 687.349 78.4055 687.349 78.1056V63.709C687.349 63.4091 687.149 63.1091 686.749 63.1091V63.1091Z" fill="white"/>
<path d="M785.272 179.681H800.475C800.875 179.681 801.175 179.281 801.075 178.881L769.668 63.1082C769.568 62.8082 769.368 62.7083 769.068 62.7083H763.267H753.065H747.264C746.964 62.7083 746.763 62.9082 746.663 63.1082L715.257 178.881C715.157 179.281 715.457 179.681 715.857 179.681H731.06C731.36 179.681 731.56 179.481 731.66 179.281L740.762 145.589C740.862 145.289 741.062 145.189 741.362 145.189H774.97C775.27 145.189 775.47 145.389 775.57 145.589L784.672 179.281C784.772 179.481 785.072 179.681 785.272 179.681V179.681ZM745.363 128.693L757.566 83.6034C757.766 83.0035 758.566 83.0035 758.766 83.6034L770.969 128.693C771.069 129.093 770.769 129.493 770.369 129.493H745.963C745.563 129.493 745.263 129.093 745.363 128.693V128.693Z" fill="white"/>
<path d="M1044.53 179.681H1059.73C1060.13 179.681 1060.43 179.281 1060.33 178.881L1028.93 63.1082C1028.83 62.8082 1028.63 62.7083 1028.33 62.7083H1022.52H1012.32H1006.52C1006.22 62.7083 1006.02 62.9082 1005.92 63.1082L974.514 178.881C974.414 179.281 974.714 179.681 975.114 179.681H990.317C990.618 179.681 990.818 179.481 990.918 179.281L1000.02 145.589C1000.12 145.289 1000.32 145.189 1000.62 145.189H1034.23C1034.53 145.189 1034.73 145.389 1034.83 145.589L1043.93 179.281C1044.03 179.481 1044.23 179.681 1044.53 179.681V179.681ZM1004.62 128.693L1016.82 83.6034C1017.02 83.0035 1017.82 83.0035 1018.02 83.6034L1030.23 128.693C1030.33 129.093 1030.03 129.493 1029.63 129.493H1005.22C1004.82 129.493 1004.52 129.093 1004.62 128.693V128.693Z" fill="white"/>
<path d="M510.909 162.584V126.793C510.909 126.493 511.209 126.193 511.509 126.193H556.019C556.319 126.193 556.619 125.893 556.619 125.593V111.196C556.619 110.896 556.319 110.596 556.019 110.596H511.509C511.209 110.596 510.909 110.296 510.909 109.997V79.4037C510.909 79.1038 511.209 78.8039 511.509 78.8039H562.121C562.421 78.8039 562.721 78.5039 562.721 78.204V63.8074C562.721 63.5074 562.421 63.2075 562.121 63.2075H510.909H493.606C493.305 63.2075 493.005 63.5074 493.005 63.8074V78.8039V110.696V126.293V163.284V179.08C493.005 179.38 493.305 179.68 493.606 179.68H510.909H564.221C564.521 179.68 564.821 179.38 564.821 179.08V163.884C564.821 163.584 564.521 163.284 564.221 163.284H511.409C511.109 163.184 510.909 162.984 510.909 162.584Z" fill="white"/>
<path d="M1310.58 178.681L1252.77 118.995C1252.57 118.795 1252.57 118.395 1252.77 118.195L1304.78 64.2074C1305.18 63.8075 1304.88 63.2076 1304.38 63.2076H1283.08C1282.88 63.2076 1282.78 63.3076 1282.68 63.4076L1238.57 109.197C1238.17 109.597 1237.57 109.297 1237.57 108.797V63.8075C1237.57 63.5076 1237.27 63.2076 1236.97 63.2076H1220.26C1219.96 63.2076 1219.66 63.5076 1219.66 63.8075V179.181C1219.66 179.48 1219.96 179.78 1220.26 179.78H1236.97C1237.27 179.78 1237.57 179.48 1237.57 179.181V128.392C1237.57 127.893 1238.27 127.593 1238.57 127.993L1288.58 179.58C1288.68 179.68 1288.88 179.78 1288.98 179.78H1310.28C1310.68 179.68 1310.98 178.981 1310.58 178.681V178.681Z" fill="white"/>
<path d="M1512.38 110.091H1359.98C1348.59 110.091 1339.36 100.86 1339.36 89.4845V44.6061C1339.36 33.231 1348.59 24 1359.98 24H1512.38C1523.76 24 1533 33.231 1533 44.6061V89.4845C1533 100.876 1523.76 110.091 1512.38 110.091Z" fill="#F66A0A"/>
<path d="M1371.47 48.027H1386.48C1388.08 48.027 1389.62 48.3377 1391.06 48.9592C1392.5 49.5807 1393.76 50.4149 1394.86 51.478C1395.94 52.5411 1396.79 53.8004 1397.41 55.2397C1398.04 56.679 1398.35 58.2164 1398.35 59.8683C1398.35 61.2912 1398.09 62.567 1397.56 63.7118C1397.04 64.8567 1396.35 65.8544 1395.48 66.7213C1397.17 67.5881 1398.53 68.8311 1399.59 70.483C1400.64 72.1349 1401.17 74.0158 1401.17 76.1583C1401.17 77.8102 1400.85 79.3313 1400.23 80.7542C1399.61 82.1771 1398.76 83.4202 1397.68 84.4833C1396.6 85.5464 1395.3 86.3805 1393.83 86.9856C1392.35 87.5908 1390.75 87.8852 1389.03 87.8852H1371.49V48.027H1371.47ZM1385.46 64.1371C1386.66 64.1371 1387.65 63.7609 1388.44 62.9922C1389.23 62.2235 1389.62 61.3076 1389.62 60.2118C1389.62 59.1323 1389.23 58.1837 1388.44 57.3823C1387.65 56.5809 1386.66 56.172 1385.46 56.172H1380.4V64.1371H1385.46V64.1371ZM1388.28 79.6748C1389.47 79.6748 1390.47 79.2986 1391.26 78.5299C1392.04 77.7612 1392.44 76.8126 1392.44 75.7004C1392.44 74.6209 1392.03 73.6723 1391.22 72.8873C1390.42 72.1022 1389.42 71.7097 1388.21 71.7097H1380.4V79.6748H1388.28Z" fill="white"/>
<path d="M1407.16 48.0112H1432.45V56.5488H1416.08V63.6798H1429.07V72.2173H1416.08V79.3483H1432.45V87.8858H1407.16V48.0112Z" fill="white"/>
<path d="M1446.43 56.5311H1436.26V47.9935H1465.71V56.5311H1455.42V87.8518H1446.43V56.5311Z" fill="white"/>
<path d="M1479.92 48.0112H1488.01L1505.09 87.8531H1495.76L1492.22 79.43H1475.69L1472.16 87.8531H1462.82L1479.92 48.0112ZM1478.92 71.6939H1488.98L1483.98 59.7381L1478.92 71.6939Z" fill="white"/>
<g clip-path="url(#clip1)">
<path d="M145.555 130.761L149.839 72.3187L167.281 30.6899H92.7188L110.161 72.3187L114.445 130.761L115.771 149.195L115.873 194.572H144.127L144.229 149.195L145.555 130.761Z" fill="url(#paint0_linear)"/>
<path d="M240.11 119.518L186.764 104.021L202.88 128.229L178.808 174.821L210.632 174.416H257.96L240.11 119.518Z" fill="url(#paint1_linear)"/>
<path d="M73.2366 104.021L19.8902 119.518L2.14209 174.416H49.4705L81.1927 174.821L57.1205 128.229L73.2366 104.021Z" fill="url(#paint2_linear)"/>
<path d="M150.859 160.033L144.127 194.572L149.023 197.914L178.807 174.821L179.725 151.626L150.859 160.033Z" fill="url(#paint3_linear)"/>
<path d="M80.3765 151.626L81.1925 174.821L110.977 197.914L115.873 194.572L109.141 160.033L80.3765 151.626Z" fill="url(#paint4_linear)"/>
<path d="M251.432 79.7125L260 38.3876L247.148 0L149.023 72.3186L185.642 104.933L240.11 119.518L251.84 105.844L246.74 102.198L254.9 94.8042L248.678 89.9425L256.838 83.764L251.432 79.7125Z" fill="url(#paint5_linear)"/>
<path d="M0 38.3876L8.67007 79.7125L3.16202 83.764L11.3221 89.9425L5.10004 94.8042L13.2601 102.198L8.16006 105.844L19.8902 119.518L74.4606 104.933L110.977 72.3186L12.8521 0L0 38.3876Z" fill="url(#paint6_linear)"/>
<path d="M57.1206 128.229L80.3768 151.626L81.1928 174.821L57.1206 128.229Z" fill="url(#paint7_linear)"/>
<path d="M202.88 128.229L178.808 174.821L179.726 151.626L202.88 128.229Z" fill="url(#paint8_linear)"/>
<path d="M183.602 214.626L149.023 197.914L151.777 220.298L151.471 229.718L183.602 214.626Z" fill="#D7C1B3" stroke="#D7C1B3" stroke-width="1.42167" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M76.3989 214.626L108.529 229.718L108.325 220.298L110.977 197.914L76.3989 214.626Z" fill="#D7C1B3" stroke="#D7C1B3" stroke-width="1.42167" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M210.632 174.415L183.602 214.626L241.436 230.427L257.96 174.415H210.632Z" fill="url(#paint9_linear)"/>
<path d="M2.14209 174.415L18.5642 230.427L76.3987 214.626L49.4705 174.415H2.14209Z" fill="url(#paint10_linear)"/>
<path d="M12.8521 0L110.977 72.3186L95.5747 30.6898L12.8521 0Z" fill="url(#paint11_linear)"/>
<path d="M164.425 30.6898L149.023 72.3186L247.148 0L164.425 30.6898Z" fill="url(#paint12_linear)"/>
<path d="M73.2367 104.021L57.1206 128.229L114.445 130.761L110.977 72.3186L73.2367 104.021Z" fill="url(#paint13_linear)"/>
<path d="M186.763 104.021L149.023 72.3186L145.555 130.761L202.879 128.229L186.763 104.021Z" fill="url(#paint14_linear)"/>
<path d="M76.3989 214.626L110.977 197.914L81.193 174.821L76.3989 214.626Z" fill="url(#paint15_linear)"/>
<path d="M149.023 197.914L183.602 214.626L178.808 174.821L149.023 197.914Z" fill="url(#paint16_linear)"/>
<path d="M76.3989 214.626L81.1929 174.82L49.4707 174.415L76.3989 214.626Z" fill="url(#paint17_linear)"/>
<path d="M178.808 174.82L183.602 214.626L210.632 174.415L178.808 174.82Z" fill="url(#paint18_linear)"/>
<path d="M202.88 128.229L145.556 130.761L150.86 160.033L159.326 142.409L179.726 151.626L202.88 128.229Z" fill="url(#paint19_linear)"/>
<path d="M80.3773 151.626L100.675 142.409L109.141 160.033L114.446 130.761L57.1211 128.229L80.3773 151.626Z" fill="url(#paint20_linear)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M144.229 149.195L150.859 160.033L145.555 130.761L144.229 149.195ZM144.229 149.195L144.229 149.195L144.127 194.571L150.859 160.033L144.229 149.195Z" fill="url(#paint21_linear)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M114.445 130.761L109.141 160.033L115.873 194.571L115.771 149.195L115.771 149.195L114.445 130.761Z" fill="url(#paint22_linear)"/>
<path d="M151.655 229.596L151.778 220.298L149.228 218.07H110.773L108.325 220.298L108.529 229.718L76.3989 214.626L87.619 223.742L110.467 239.441H149.534L172.382 223.742L183.602 214.626L151.655 229.596Z" fill="#C0AD9E" stroke="#C0AD9E" stroke-width="1.42167" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M149.023 197.914L144.127 194.571H115.873L110.977 197.914L108.325 220.298L110.773 218.07H149.227L151.777 220.298L149.023 197.914Z" fill="#161616" stroke="#161616" stroke-width="0.142167" stroke-miterlimit="10" stroke-linejoin="round"/>
<path d="M159.325 142.409L150.859 160.033L179.726 151.626L159.325 142.409Z" fill="#161616"/>
<path d="M100.675 142.409L109.141 160.033L80.377 151.626L100.675 142.409Z" fill="#161616"/>
</g>
</g>
<defs>
<linearGradient id="paint0_linear" x1="130" y1="30.6899" x2="130" y2="194.572" gradientUnits="userSpaceOnUse">
<stop stop-color="#21FF47"/>
<stop offset="1" stop-color="#BCD8F0"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="218.384" y1="104.021" x2="218.384" y2="174.821" gradientUnits="userSpaceOnUse">
<stop stop-color="#1CAD68"/>
<stop offset="1" stop-color="#77BDD4"/>
</linearGradient>
<linearGradient id="paint2_linear" x1="41.6674" y1="104.021" x2="41.6674" y2="174.821" gradientUnits="userSpaceOnUse">
<stop stop-color="#1CAD68"/>
<stop offset="1" stop-color="#77BDD4"/>
</linearGradient>
<linearGradient id="paint3_linear" x1="161.926" y1="151.626" x2="161.926" y2="197.914" gradientUnits="userSpaceOnUse">
<stop stop-color="#7BCBC8"/>
<stop offset="1" stop-color="#87B9E6"/>
</linearGradient>
<linearGradient id="paint4_linear" x1="98.1246" y1="151.626" x2="98.1246" y2="197.914" gradientUnits="userSpaceOnUse">
<stop stop-color="#7BCBC8"/>
<stop offset="1" stop-color="#87B9E6"/>
</linearGradient>
<linearGradient id="paint5_linear" x1="204.512" y1="0" x2="204.512" y2="119.518" gradientUnits="userSpaceOnUse">
<stop stop-color="#007715"/>
<stop offset="1" stop-color="#0A3424"/>
</linearGradient>
<linearGradient id="paint6_linear" x1="55.4884" y1="0" x2="55.4884" y2="119.518" gradientUnits="userSpaceOnUse">
<stop stop-color="#007715"/>
<stop offset="1" stop-color="#0A3424"/>
</linearGradient>
<linearGradient id="paint7_linear" x1="69.1567" y1="128.229" x2="69.1567" y2="174.821" gradientUnits="userSpaceOnUse">
<stop stop-color="#42C4A0"/>
<stop offset="1" stop-color="#51ACC7"/>
</linearGradient>
<linearGradient id="paint8_linear" x1="190.844" y1="128.229" x2="190.844" y2="174.821" gradientUnits="userSpaceOnUse">
<stop stop-color="#42C4A0"/>
<stop offset="1" stop-color="#51ACC7"/>
</linearGradient>
<linearGradient id="paint9_linear" x1="220.781" y1="174.415" x2="220.781" y2="230.427" gradientUnits="userSpaceOnUse">
<stop stop-color="#5BAECB"/>
<stop offset="1" stop-color="#4160C1"/>
</linearGradient>
<linearGradient id="paint10_linear" x1="39.2704" y1="174.415" x2="39.2704" y2="230.427" gradientUnits="userSpaceOnUse">
<stop stop-color="#5BAECB"/>
<stop offset="1" stop-color="#4160C1"/>
</linearGradient>
<linearGradient id="paint11_linear" x1="61.9144" y1="0" x2="61.9144" y2="72.3186" gradientUnits="userSpaceOnUse">
<stop stop-color="#01EA28"/>
<stop offset="1" stop-color="#10D24F"/>
</linearGradient>
<linearGradient id="paint12_linear" x1="198.085" y1="0" x2="198.085" y2="72.3186" gradientUnits="userSpaceOnUse">
<stop stop-color="#01EA28"/>
<stop offset="1" stop-color="#10D24F"/>
</linearGradient>
<linearGradient id="paint13_linear" x1="85.7828" y1="72.3186" x2="85.7828" y2="130.761" gradientUnits="userSpaceOnUse">
<stop stop-color="#12DB56"/>
<stop offset="1" stop-color="#4CC9A3"/>
</linearGradient>
<linearGradient id="paint14_linear" x1="174.217" y1="72.3186" x2="174.217" y2="130.761" gradientUnits="userSpaceOnUse">
<stop stop-color="#12DB56"/>
<stop offset="1" stop-color="#4CC9A3"/>
</linearGradient>
<linearGradient id="paint15_linear" x1="93.6881" y1="174.821" x2="93.6881" y2="214.626" gradientUnits="userSpaceOnUse">
<stop stop-color="#5BAECB"/>
<stop offset="1" stop-color="#4160C1"/>
</linearGradient>
<linearGradient id="paint16_linear" x1="166.313" y1="174.821" x2="166.313" y2="214.626" gradientUnits="userSpaceOnUse">
<stop stop-color="#5BAECB"/>
<stop offset="1" stop-color="#4160C1"/>
</linearGradient>
<linearGradient id="paint17_linear" x1="65.3318" y1="174.415" x2="65.3318" y2="214.626" gradientUnits="userSpaceOnUse">
<stop stop-color="#32809D"/>
<stop offset="1" stop-color="#477DD5"/>
</linearGradient>
<linearGradient id="paint18_linear" x1="194.72" y1="174.415" x2="194.72" y2="214.626" gradientUnits="userSpaceOnUse">
<stop stop-color="#32809D"/>
<stop offset="1" stop-color="#477DD5"/>
</linearGradient>
<linearGradient id="paint19_linear" x1="174.218" y1="128.229" x2="174.218" y2="160.033" gradientUnits="userSpaceOnUse">
<stop stop-color="#239777"/>
<stop offset="1" stop-color="#2C8A8D"/>
</linearGradient>
<linearGradient id="paint20_linear" x1="85.7833" y1="128.229" x2="85.7833" y2="160.033" gradientUnits="userSpaceOnUse">
<stop stop-color="#239777"/>
<stop offset="1" stop-color="#2C8A8D"/>
</linearGradient>
<linearGradient id="paint21_linear" x1="147.493" y1="130.761" x2="147.493" y2="194.571" gradientUnits="userSpaceOnUse">
<stop stop-color="#42C4A0"/>
<stop offset="1" stop-color="#51ACC7"/>
</linearGradient>
<linearGradient id="paint22_linear" x1="112.507" y1="130.761" x2="112.507" y2="194.571" gradientUnits="userSpaceOnUse">
<stop stop-color="#42C4A0"/>
<stop offset="1" stop-color="#51ACC7"/>
</linearGradient>
<clipPath id="clip0">
<rect width="1533" height="242" fill="white"/>
</clipPath>
<clipPath id="clip1">
<rect width="260" height="239.948" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

322
app/images/mascot.json Normal file
View File

@ -0,0 +1,322 @@
{
"chunks": [
{
"color": [246, 133, 27],
"faces": [
[17, 33, 10],
[17, 18, 34],
[34, 33, 17],
[10, 6, 17],
[11, 15, 31],
[31, 18, 11],
[18, 12, 11],
[14, 16, 40],
[40, 41, 14],
[59, 5, 35],
[35, 79, 59],
[67, 63, 77],
[67, 77, 76],
[76, 68, 67],
[63, 67, 58],
[64, 68, 75],
[75, 37, 64],
[68, 64, 66],
[14, 41, 37],
[37, 15, 14],
[5, 59, 40],
[40, 16, 5]
]
},
{
"color": [228, 118, 27],
"faces": [
[31, 24, 18],
[6, 5, 16],
[16, 17, 6],
[24, 32, 33],
[33, 34, 24],
[5, 4, 35],
[75, 68, 71],
[58, 67, 40],
[40, 59, 58],
[71, 76, 77],
[77, 78, 71]
]
},
{
"color": [118, 61, 22],
"faces": [
[0, 1, 2],
[2, 3, 0],
[4, 5, 2],
[6, 3, 2],
[2, 5, 6],
[7, 8, 9],
[10, 3, 6],
[10, 50, 7],
[7, 3, 10],
[7, 9, 3],
[49, 0, 9],
[3, 9, 0],
[53, 54, 55],
[55, 56, 53],
[57, 56, 55],
[58, 59, 55],
[55, 54, 58],
[60, 61, 62],
[63, 58, 54],
[63, 60, 89],
[60, 63, 54],
[60, 54, 61],
[88, 61, 53],
[54, 53, 61],
[2, 1, 4],
[55, 59, 57]
]
},
{
"color": [22, 22, 22],
"faces": [
[36, 15, 37],
[37, 38, 36],
[31, 39, 22],
[22, 21, 31],
[31, 15, 36],
[36, 39, 31],
[75, 69, 26],
[26, 80, 75],
[75, 80, 38],
[38, 37, 75],
[38, 80, 39],
[39, 36, 38],
[39, 80, 26],
[26, 22, 39]
]
},
{
"color": [215, 193, 179],
"faces": [
[21, 20, 24],
[24, 31, 21],
[69, 71, 70],
[71, 69, 75]
]
},
{
"color": [192, 173, 158],
"faces": [
[19, 20, 21],
[21, 22, 19],
[20, 19, 23],
[23, 24, 20],
[23, 25, 24],
[19, 22, 26],
[26, 27, 19],
[23, 28, 29],
[23, 29, 30],
[25, 23, 30],
[29, 51, 52],
[52, 30, 29],
[27, 26, 69],
[69, 70, 27],
[70, 71, 72],
[72, 27, 70],
[72, 71, 73],
[51, 74, 72],
[52, 51, 72],
[73, 52, 72],
[19, 27, 74],
[74, 28, 19],
[51, 29, 28],
[28, 74, 51],
[74, 27, 72],
[28, 23, 19]
]
},
{
"color": [205, 97, 22],
"faces": [
[24, 34, 18],
[16, 13, 12],
[12, 17, 16],
[13, 16, 11],
[71, 68, 76],
[40, 67, 66],
[66, 65, 40],
[65, 64, 40]
]
},
{
"color": [35, 52, 71],
"faces": [
[11, 12, 13],
[64, 65, 66]
]
},
{
"color": [228, 117, 31],
"faces": [
[14, 15, 11],
[11, 16, 14],
[17, 12, 18],
[41, 64, 37],
[67, 68, 66]
]
},
{
"color": [226, 118, 27],
"faces": [
[35, 4, 42],
[4, 1, 42],
[42, 43, 44],
[44, 35, 42],
[45, 43, 42],
[42, 10, 45],
[30, 32, 24],
[24, 25, 30],
[30, 33, 32],
[33, 30, 10],
[44, 43, 46],
[43, 45, 47],
[47, 46, 43],
[48, 47, 45],
[45, 30, 48],
[30, 45, 10],
[49, 42, 0],
[8, 7, 42],
[50, 42, 7],
[50, 10, 42],
[1, 0, 42],
[42, 9, 8],
[42, 49, 9],
[64, 41, 40],
[57, 59, 79],
[79, 81, 57],
[57, 81, 56],
[82, 79, 35],
[35, 44, 82],
[81, 79, 82],
[82, 83, 81],
[84, 63, 81],
[81, 83, 84],
[44, 46, 85],
[85, 82, 44],
[52, 73, 71],
[71, 78, 52],
[52, 78, 77],
[77, 63, 52],
[82, 85, 83],
[83, 85, 86],
[86, 84, 83],
[87, 52, 84],
[84, 86, 87],
[52, 63, 84],
[88, 53, 81],
[62, 81, 60],
[89, 60, 81],
[89, 81, 63],
[56, 81, 53],
[81, 62, 61],
[81, 61, 88],
[48, 87, 86],
[86, 47, 48],
[47, 86, 85],
[85, 46, 47],
[48, 30, 52],
[52, 87, 48]
]
}
],
"positions": [
[111.0246, 52.6046, 46.2259],
[114.025, 87.6733, 58.9818],
[66.192, 80.898, 55.3943],
[72.1133, 35.4918, 30.8714],
[97.8045, 116.561, 73.9788],
[16.7623, 58.0109, 58.0782],
[52.6089, 30.3641, 42.5561],
[106.8814, 31.9455, 46.9133],
[113.4846, 38.6049, 49.1215],
[108.6633, 43.2332, 46.3154],
[101.2166, 15.9822, 46.3082],
[16.6605, -16.2883, 93.6187],
[40.775, -10.2288, 85.2764],
[23.9269, -2.5103, 86.7365],
[11.1691, -7.0037, 99.3776],
[9.5692, -34.3939, 141.672],
[12.596, 7.1655, 88.741],
[61.1809, 8.8142, 76.9968],
[39.7195, -28.9271, 88.9638],
[13.7962, -68.5757, 132.057],
[15.2674, -62.32, 129.688],
[14.8446, -52.6096, 140.113],
[12.8917, -49.7716, 144.741],
[35.6042, -71.758, 81.0639],
[47.4625, -68.6061, 63.3697],
[38.2486, -64.7302, 38.9099],
[-12.8917, -49.7716, 144.741],
[-13.7962, -68.5757, 132.057],
[17.8021, -71.758, 81.0639],
[19.1243, -69.0168, 49.4201],
[38.2486, -66.2756, 17.7762],
[12.8928, -36.7035, 141.672],
[109.284, -93.5899, 27.8243],
[122.118, -36.8894, 35.025],
[67.7668, -30.197, 78.4178],
[33.1807, 101.852, 25.3186],
[9.4063, -35.5898, 150.722],
[-9.5692, -34.3939, 141.672],
[-9.4063, -35.5898, 150.722],
[11.4565, -37.8994, 150.722],
[-12.596, 7.1655, 88.741],
[-11.1691, -7.0037, 99.3776],
[70.2365, 62.8362, -3.9475],
[47.2634, 54.294, -27.4148],
[28.7302, 91.7311, -24.9726],
[69.1676, 6.5862, -12.7757],
[28.7302, 49.1003, -48.3596],
[31.903, 5.692, -47.822],
[35.0758, -34.4329, -16.2809],
[115.2841, 48.6815, 48.6841],
[110.8428, 28.4821, 49.1762],
[-19.1243, -69.0168, 49.4201],
[-38.2486, -66.2756, 17.7762],
[-111.0246, 52.6046, 46.2259],
[-72.1133, 35.4918, 30.8714],
[-66.192, 80.898, 55.3943],
[-114.025, 87.6733, 58.9818],
[-97.8045, 116.561, 73.9788],
[-52.6089, 30.3641, 42.5561],
[-16.7623, 58.0109, 58.0782],
[-106.8814, 31.9455, 46.9133],
[-108.6633, 43.2332, 46.3154],
[-113.4846, 38.6049, 49.1215],
[-101.2166, 15.9822, 46.3082],
[-16.6605, -16.2883, 93.6187],
[-23.9269, -2.5103, 86.7365],
[-40.775, -10.2288, 85.2764],
[-61.1809, 8.8142, 76.9968],
[-39.7195, -28.9271, 88.9638],
[-14.8446, -52.6096, 140.113],
[-15.2674, -62.32, 129.688],
[-47.4625, -68.6061, 63.3697],
[-35.6042, -71.758, 81.0639],
[-38.2486, -64.7302, 38.9099],
[-17.8021, -71.758, 81.0639],
[-12.8928, -36.7035, 141.672],
[-67.7668, -30.197, 78.4178],
[-122.118, -36.8894, 35.025],
[-109.284, -93.5899, 27.8243],
[-33.1807, 101.852, 25.3186],
[-11.4565, -37.8994, 150.722],
[-70.2365, 62.8362, -3.9475],
[-28.7302, 91.7311, -24.9726],
[-47.2634, 54.294, -27.4148],
[-69.1676, 6.5862, -12.7757],
[-28.7302, 49.1003, -48.3596],
[-31.903, 5.692, -47.822],
[-35.0758, -34.4329, -16.2809],
[-115.2841, 48.6815, 48.6841],
[-110.8428, 28.4821, 49.1762]
]
}

27
app/manifest/_beta_modifications.json Normal file
View File

@ -0,0 +1,27 @@
{
"browser_action": {
"default_icon": {
"16": "images/icon-16.png",
"19": "images/icon-19.png",
"32": "images/icon-32.png",
"38": "images/icon-38.png",
"64": "images/icon-64.png",
"128": "images/icon-128.png",
"512": "images/icon-512.png"
},
"default_title": "MetaMask Beta"
},
"icons": {
"16": "images/icon-16.png",
"19": "images/icon-19.png",
"32": "images/icon-32.png",
"38": "images/icon-38.png",
"48": "images/icon-48.png",
"64": "images/icon-64.png",
"128": "images/icon-128.png",
"512": "images/icon-512.png"
},
"name": "__MSG_appName__ Beta",
"short_name": "__MSG_appName__ Beta",
"version": ""
}

20
development/build/etc.js
View File

@ -9,7 +9,12 @@ const { createTask, composeParallel } = require('./task');
module.exports = createEtcTasks;
function createEtcTasks({ browserPlatforms, livereload }) {
function createEtcTasks({
browserPlatforms,
livereload,
isBeta,
betaVersionsMap,
}) {
const clean = createTask('clean', async function clean() {
await del(['./dist/*']);
await Promise.all(
@ -27,18 +32,23 @@ function createEtcTasks({ browserPlatforms, livereload }) {
const zip = createTask(
'zip',
composeParallel(
...browserPlatforms.map((platform) => createZipTask(platform)),
...browserPlatforms.map((platform) =>
createZipTask(platform, isBeta ? betaVersionsMap[platform] : undefined),
),
),
);
return { clean, reload, zip };
}
function createZipTask(target) {
function createZipTask(platform, betaVersion) {
return async () => {
const path = betaVersion
? `metamask-BETA-${platform}-${betaVersion}`
: `metamask-${platform}-${version}`;
await pump(
gulp.src(`dist/${target}/**`),
gulpZip(`metamask-${target}-${version}.zip`),
gulp.src(`dist/${platform}/**`),
gulpZip(`${path}.zip`),
gulp.dest('builds'),
);
};

20
development/build/index.js
View File

@ -4,6 +4,7 @@
// run any task with "yarn build ${taskName}"
//
const livereload = require('gulp-livereload');
const { version } = require('../../package.json');
const {
createTask,
composeSeries,
@ -15,6 +16,7 @@ const createScriptTasks = require('./scripts');
const createStyleTasks = require('./styles');
const createStaticAssetTasks = require('./static');
const createEtcTasks = require('./etc');
const { getNextBetaVersionMap } = require('./utils');
// packages required dynamically via browserify configuration in dependencies
require('loose-envify');
@ -34,17 +36,31 @@ defineAllTasks();
detectAndRunEntryTask();
function defineAllTasks() {
const IS_BETA = process.env.BUILD_TYPE === 'beta';
const BETA_VERSIONS_MAP = getNextBetaVersionMap(version, browserPlatforms);
const staticTasks = createStaticAssetTasks({
livereload,
browserPlatforms,
shouldIncludeLockdown,
isBeta: IS_BETA,
});
const manifestTasks = createManifestTasks({
browserPlatforms,
isBeta: IS_BETA,
betaVersionsMap: BETA_VERSIONS_MAP,
});
const manifestTasks = createManifestTasks({ browserPlatforms });
const styleTasks = createStyleTasks({ livereload });
const scriptTasks = createScriptTasks({ livereload, browserPlatforms });
const scriptTasks = createScriptTasks({
livereload,
browserPlatforms,
});
const { clean, reload, zip } = createEtcTasks({
livereload,
browserPlatforms,
isBeta: IS_BETA,
betaVersionsMap: BETA_VERSIONS_MAP,
});
// build for development (livereload)

21
development/build/manifest.js
View File

@ -4,12 +4,17 @@ const { merge, cloneDeep } = require('lodash');
const baseManifest = require('../../app/manifest/_base.json');
const { version } = require('../../package.json');
const betaManifestModifications = require('../../app/manifest/_beta_modifications.json');
const { createTask, composeSeries } = require('./task');
module.exports = createManifestTasks;
function createManifestTasks({ browserPlatforms }) {
function createManifestTasks({
browserPlatforms,
isBeta = false,
betaVersionsMap = {},
}) {
// merge base manifest with per-platform manifests
const prepPlatforms = async () => {
return Promise.all(
@ -26,8 +31,10 @@ function createManifestTasks({ browserPlatforms }) {
);
const result = merge(
cloneDeep(baseManifest),
{ version },
platformModifications,
isBeta
? getBetaModifications(platform, betaVersionsMap)
: { version },
);
const dir = path.join('.', 'dist', platform);
await fs.mkdir(dir, { recursive: true });
@ -105,3 +112,13 @@ async function readJson(file) {
async function writeJson(obj, file) {
return fs.writeFile(file, JSON.stringify(obj, null, 2));
}
function getBetaModifications(platform, betaVersionsMap) {
const betaVersion = betaVersionsMap[platform];
return {
...betaManifestModifications,
version: betaVersion,
...(platform === 'firefox' ? {} : { version_name: 'beta' }),
};
}

2
development/build/scripts.js
View File

@ -37,6 +37,7 @@ const metamaskrc = require('rc')('metamask', {
const { streamFlatMap } = require('../stream-flat-map.js');
const { version } = require('../../package.json');
const {
createTask,
composeParallel,
@ -548,6 +549,7 @@ function getEnvironmentVariables({ devMode, testing }) {
METAMASK_DEBUG: devMode,
METAMASK_ENVIRONMENT: environment,
METAMASK_VERSION: version,
METAMASK_BUILD_TYPE: process.env.BUILD_TYPE || 'main',
NODE_ENV: devMode ? 'development' : 'production',
IN_TEST: testing ? 'true' : false,
PUBNUB_SUB_KEY: process.env.PUBNUB_SUB_KEY || '',

13
development/build/static.js
View File

@ -13,15 +13,26 @@ module.exports = function createStaticAssetTasks({
livereload,
browserPlatforms,
shouldIncludeLockdown = true,
isBeta,
}) {
const [copyTargetsProd, copyTargetsDev] = getCopyTargets(
shouldIncludeLockdown,
);
const copyTargetsBeta = [
...copyTargetsProd,
{
src: './app/build-types/beta/',
dest: `images`,
},
];
const targets = isBeta ? copyTargetsBeta : copyTargetsProd;
const prod = createTask(
'static:prod',
composeSeries(
...copyTargetsProd.map((target) => {
...targets.map((target) => {
return async function copyStaticAssets() {
await performCopy(target);
};

25
development/build/utils.js Normal file
View File

@ -0,0 +1,25 @@
// Returns an object with browser as key and next version of beta
// as the value. Ex: { firefox: '9.6.0.beta0', chrome: '9.6.0.1' }
function getNextBetaVersionMap(currentVersion, platforms) {
// `yarn beta 3` would create version 9.x.x.3
const [, premajor = '0'] = process.argv.slice(2);
const [major, minor] = currentVersion.split('.');
return platforms.reduce((platformMap, platform) => {
platformMap[platform] = [
// Keeps the current major
major,
// Bump the minor version
Number(minor) + 1,
// This isn't typically used
0,
// The beta number
`${platform === 'firefox' ? 'beta' : ''}${premajor}`,
].join('.');
return platformMap;
}, {});
}
module.exports = {
getNextBetaVersionMap,
};

3
package.json
View File

@ -12,6 +12,7 @@
"start": "yarn build:dev dev",
"start:lavamoat": "yarn build dev",
"dist": "yarn build prod",
"beta": "BUILD_TYPE=beta yarn build prod",
"build": "lavamoat development/build/index.js",
"build:dev": "node development/build/index.js",
"start:test": "yarn build testDev",
@ -109,7 +110,7 @@
"@metamask/eth-token-tracker": "^3.0.1",
"@metamask/etherscan-link": "^2.1.0",
"@metamask/jazzicon": "^2.0.0",
"@metamask/logo": "^2.5.0",
"@metamask/logo": "^3.0.1",
"@metamask/obs-store": "^5.0.0",
"@metamask/post-message-stream": "^4.0.0",
"@metamask/providers": "^8.1.1",

15
ui/components/app/account-menu/account-menu.component.js
View File

@ -20,6 +20,8 @@ import {
import TextField from '../../ui/text-field';
import SearchIcon from '../../ui/search-icon';
import { isBeta } from '../../../helpers/utils/build-types';
export function AccountMenuItem(props) {
const { icon, children, text, subText, className, onClick } = props;
@ -310,6 +312,13 @@ export default class AccountMenu extends Component {
return null;
}
let supportText = t('support');
let supportLink = 'https://support.metamask.io';
if (isBeta()) {
supportText = t('needHelpSubmitTicket');
supportLink = 'https://metamask.zendesk.com/hc/en-us/requests/new';
}
return (
<div className="account-menu">
<div className="account-menu__close-area" onClick={toggleAccountMenu} />
@ -410,10 +419,10 @@ export default class AccountMenu extends Component {
<div className="account-menu__divider" />
<AccountMenuItem
onClick={() => {
global.platform.openTab({ url: 'https://support.metamask.io' });
global.platform.openTab({ url: supportLink });
}}
icon={<img src="images/support.svg" alt={t('support')} />}
text={t('support')}
icon={<img src="images/support.svg" alt={supportText} />}
text={supportText}
/>
<AccountMenuItem

8
ui/components/app/app-header/index.scss
View File

@ -95,6 +95,10 @@
flex: 1 0 auto;
width: 0;
justify-content: flex-end;
.beta & span {
color: $ui-3;
}
}
&__network-down-arrow {
@ -103,4 +107,8 @@
background-size: contain;
background-position: center;
}
.beta & {
background: $ui-black;
}
}

3
ui/components/ui/mascot/mascot.component.js
View File

@ -3,6 +3,8 @@ import React, { createRef, Component } from 'react';
import MetaMaskLogo from '@metamask/logo';
import { debounce } from 'lodash';
import { getBuildSpecificAsset } from '../../../helpers/utils/build-types';
const directionTargetGenerator = ({ top, left, height, width }) => {
const horizontalMiddle = left + width / 2;
const verticalMiddle = top + height / 2;
@ -43,6 +45,7 @@ export default class Mascot extends Component {
pxNotRatio: true,
width,
height,
meshJson: getBuildSpecificAsset('foxMeshJson'),
});
this.mascotContainer = createRef();

11
ui/components/ui/metafox-logo/metafox-logo.component.js
View File

@ -1,19 +1,22 @@
import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
import { getBuildSpecificAsset } from '../../../helpers/utils/build-types';
export default class MetaFoxLogo extends PureComponent {
static propTypes = {
onClick: PropTypes.func,
unsetIconHeight: PropTypes.bool,
useDark: PropTypes.bool,
};
static defaultProps = {
onClick: undefined,
useDark: false,
};
render() {
const { onClick, unsetIconHeight } = this.props;
const { onClick, unsetIconHeight, useDark } = this.props;
const iconProps = unsetIconHeight ? {} : { height: 42, width: 42 };
return (
@ -25,7 +28,11 @@ export default class MetaFoxLogo extends PureComponent {
>
<img
height="30"
src="./images/logo/metamask-logo-horizontal.svg"
src={
useDark
? getBuildSpecificAsset('metafoxLogoHorizontalDark')
: './images/logo/metamask-logo-horizontal.svg'
}
className={classnames(
'app-header__metafox-logo',
'app-header__metafox-logo--horizontal',

30
ui/helpers/utils/build-types.js Normal file
View File

@ -0,0 +1,30 @@
import betaJson from '../../../app/build-types/beta/beta-mascot.json';
const assetList = {
main: {
metafoxLogoHorizontalDark: '/images/logo/metamask-logo-horizontal.svg',
// Will use default provided by the @metamask/logo library
foxMeshJson: undefined,
},
beta: {
metafoxLogoHorizontalDark: '/images/logo/metamask-logo-horizontal-dark.svg',
foxMeshJson: betaJson,
},
};
export function isBeta() {
return process.env.METAMASK_BUILD_TYPE === 'beta';
}
// Returns a specific version of an asset based on
// the current metamask version (i.e. main, beta, etc.)
export function getBuildSpecificAsset(assetName) {
const buildType = process.env.METAMASK_BUILD_TYPE;
if (!assetList[buildType]?.[assetName]) {
console.warn(
`Cannot find asset for build ${buildType}: ${assetName}, returning main build asset`,
);
return assetList.main[assetName];
}
return assetList[buildType][assetName];
}

3
ui/pages/first-time-flow/create-password/create-password.component.js
View File

@ -7,6 +7,7 @@ import {
INITIALIZE_IMPORT_WITH_SEED_PHRASE_ROUTE,
INITIALIZE_SEED_PHRASE_INTRO_ROUTE,
} from '../../../helpers/constants/routes';
import { isBeta } from '../../../helpers/utils/build-types';
import NewAccount from './new-account';
import ImportWithSeedPhrase from './import-with-seed-phrase';
@ -31,7 +32,7 @@ export default class CreatePassword extends PureComponent {
return (
<div className="first-time-flow__wrapper">
<MetaFoxLogo />
<MetaFoxLogo useDark={isBeta()} />
<Switch>
<Route
exact

3
ui/pages/first-time-flow/end-of-flow/end-of-flow.component.js
View File

@ -5,6 +5,7 @@ import Snackbar from '../../../components/ui/snackbar';
import MetaFoxLogo from '../../../components/ui/metafox-logo';
import { DEFAULT_ROUTE } from '../../../helpers/constants/routes';
import { returnToOnboardingInitiator } from '../onboarding-initiator-util';
import { isBeta } from '../../../helpers/utils/build-types';
export default class EndOfFlowScreen extends PureComponent {
static contextTypes = {
@ -67,7 +68,7 @@ export default class EndOfFlowScreen extends PureComponent {
return (
<div className="end-of-flow">
<MetaFoxLogo />
<MetaFoxLogo useDark={isBeta()} />
<div className="end-of-flow__emoji">🎉</div>
<div className="first-time-flow__header">{t('congratulations')}</div>
<div className="first-time-flow__text-block end-of-flow__text-1">

3
ui/pages/first-time-flow/metametrics-opt-in/metametrics-opt-in.component.js
View File

@ -2,6 +2,7 @@ import React, { Component } from 'react';
import PropTypes from 'prop-types';
import MetaFoxLogo from '../../../components/ui/metafox-logo';
import PageContainerFooter from '../../../components/ui/page-container/page-container-footer';
import { isBeta } from '../../../helpers/utils/build-types';
export default class MetaMetricsOptIn extends Component {
static propTypes = {
@ -30,7 +31,7 @@ export default class MetaMetricsOptIn extends Component {
return (
<div className="metametrics-opt-in">
<div className="metametrics-opt-in__main">
<MetaFoxLogo />
<MetaFoxLogo useDark={isBeta()} />
<div className="metametrics-opt-in__body-graphic">
<img src="images/metrics-chart.svg" alt="" />
</div>

3
ui/pages/first-time-flow/seed-phrase/seed-phrase.component.js
View File

@ -11,6 +11,7 @@ import {
DEFAULT_ROUTE,
} from '../../../helpers/constants/routes';
import MetaFoxLogo from '../../../components/ui/metafox-logo';
import { isBeta } from '../../../helpers/utils/build-types';
import ConfirmSeedPhrase from './confirm-seed-phrase';
import RevealSeedPhrase from './reveal-seed-phrase';
import SeedPhraseIntro from './seed-phrase-intro';
@ -50,7 +51,7 @@ export default class SeedPhrase extends PureComponent {
return (
<DragDropContextProvider backend={HTML5Backend}>
<div className={`first-time-flow__wrapper ${introClass}`}>
<MetaFoxLogo />
<MetaFoxLogo useDark={isBeta()} />
<Switch>
<Route
exact

3
ui/pages/first-time-flow/select-action/select-action.component.js
View File

@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
import Button from '../../../components/ui/button';
import MetaFoxLogo from '../../../components/ui/metafox-logo';
import { INITIALIZE_METAMETRICS_OPT_IN_ROUTE } from '../../../helpers/constants/routes';
import { isBeta } from '../../../helpers/utils/build-types';
export default class SelectAction extends PureComponent {
static propTypes = {
@ -39,7 +40,7 @@ export default class SelectAction extends PureComponent {
return (
<div className="select-action">
<MetaFoxLogo />
<MetaFoxLogo useDark={isBeta()} />
<div className="select-action__wrapper">
<div className="select-action__body">

27
ui/pages/first-time-flow/welcome/beta-welcome-footer.component.js Normal file
View File

@ -0,0 +1,27 @@
import React from 'react';
import { useI18nContext } from '../../../hooks/useI18nContext';
const BetaWelcomeFooter = () => {
const t = useI18nContext();
return (
<>
<div className="welcome-page__header">{t('betaWelcome')}</div>
<div className="welcome-page__description">
<p>{t('betaMetamaskDescription')}</p>
<p>
{t('betaMetamaskDescriptionExplanation', [
<a href="https://metamask.io/terms.html" key="terms-link">
{t('betaMetamaskDescriptionExplanationTermsLinkText')}
</a>,
<a href="https://metamask.io/beta-terms.html" key="beta-terms-link">
{t('betaMetamaskDescriptionExplanationBetaTermsLinkText')}
</a>,
])}
</p>
</div>
</>
);
};
export default BetaWelcomeFooter;

9
ui/pages/first-time-flow/welcome/index.scss
View File

@ -27,8 +27,15 @@
&__description {
text-align: center;
div {
p {
@include Paragraph;
text-align: start;
margin-bottom: 22px;
}
a {
color: $primary-1;
}
@media screen and (max-width: 575px) {

18
ui/pages/first-time-flow/welcome/welcome-footer.component.js Normal file
View File

@ -0,0 +1,18 @@
import React from 'react';
import { useI18nContext } from '../../../hooks/useI18nContext';
const WelcomeFooter = () => {
const t = useI18nContext();
return (
<>
<div className="welcome-page__header">{t('welcome')}</div>
<div className="welcome-page__description">
<p>{t('metamaskDescription')}</p>
<p>{t('happyToSeeYou')}</p>
</div>
</>
);
};
export default WelcomeFooter;

9
ui/pages/first-time-flow/welcome/welcome.component.js
View File

@ -7,6 +7,9 @@ import {
INITIALIZE_CREATE_PASSWORD_ROUTE,
INITIALIZE_SELECT_ACTION_ROUTE,
} from '../../../helpers/constants/routes';
import { isBeta } from '../../../helpers/utils/build-types';
import WelcomeFooter from './welcome-footer.component';
import BetaWelcomeFooter from './beta-welcome-footer.component';
export default class Welcome extends PureComponent {
static propTypes = {
@ -50,11 +53,7 @@ export default class Welcome extends PureComponent {
width="125"
height="125"
/>
<div className="welcome-page__header">{t('welcome')}</div>
<div className="welcome-page__description">
<div>{t('metamaskDescription')}</div>
<div>{t('happyToSeeYou')}</div>
</div>
{isBeta() ? <BetaWelcomeFooter /> : <WelcomeFooter />}
<Button
type="primary"
className="first-time-flow__button"

28
ui/pages/home/beta-home-footer.component.js Normal file
View File

@ -0,0 +1,28 @@
import React from 'react';
import { useI18nContext } from '../../hooks/useI18nContext';
const BetaHomeFooter = () => {
const t = useI18nContext();
return (
<>
<a
href="https://metamask.zendesk.com/hc/en-us/requests/new"
target="_blank"
rel="noopener noreferrer"
>
{t('needHelpSubmitTicket')}
</a>{' '}
|{' '}
<a
href="https://community.metamask.io/c/metamask-beta/30"
target="_blank"
rel="noopener noreferrer"
>
{t('needHelpFeedback')}
</a>
</>
);
};
export default BetaHomeFooter;

27
ui/pages/home/home.component.js
View File

@ -16,6 +16,8 @@ import { EthOverview } from '../../components/app/wallet-overview';
import WhatsNewPopup from '../../components/app/whats-new-popup';
import RecoveryPhraseReminder from '../../components/app/recovery-phrase-reminder';
import { isBeta } from '../../helpers/utils/build-types';
import {
ASSET_ROUTE,
RESTORE_VAULT_ROUTE,
@ -30,6 +32,7 @@ import {
VIEW_QUOTE_ROUTE,
CONFIRMATION_V_NEXT_ROUTE,
} from '../../helpers/constants/routes';
import BetaHomeFooter from './beta-home-footer.component';
const LEARN_MORE_URL =
'https://metamask.zendesk.com/hc/en-us/articles/360045129011-Intro-to-MetaMask-v8-extension';
@ -402,16 +405,20 @@ export default class Home extends PureComponent {
</Tab>
</Tabs>
<div className="home__support">
{t('needHelp', [
<a
href="https://support.metamask.io"
target="_blank"
rel="noopener noreferrer"
key="need-help-link"
>
{t('needHelpLinkText')}
</a>,
])}
{isBeta() ? (
<BetaHomeFooter />
) : (
t('needHelp', [
<a
href="https://support.metamask.io"
target="_blank"
rel="noopener noreferrer"
key="need-help-link"
>
{t('needHelpLinkText')}
</a>,
])
)}
</div>
</div>

2
ui/pages/routes/routes.component.js
View File

@ -61,6 +61,7 @@ import {
ENVIRONMENT_TYPE_POPUP,
} from '../../../shared/constants/app';
import { getEnvironmentType } from '../../../app/scripts/lib/util';
import { isBeta } from '../../helpers/utils/build-types';
import { TRANSACTION_STATUSES } from '../../../shared/constants/transaction';
import ConfirmationPage from '../confirmation';
@ -305,6 +306,7 @@ export default class Routes extends Component {
[`os-${os}`]: os,
[`browser-${browser}`]: browser,
'mouse-user-styles': isMouseUser,
'beta': isBeta(),
})}
dir={textDirection}
onClick={() => setMouseUserState(true)}

5
ui/pages/settings/info-tab/info-tab.component.js
View File

@ -1,6 +1,7 @@
import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import Button from '../../../components/ui/button';
import { isBeta } from '../../../helpers/utils/build-types';
export default class InfoTab extends PureComponent {
state = {
@ -97,7 +98,7 @@ export default class InfoTab extends PureComponent {
<div className="settings-page__content-item settings-page__content-item--without-height">
<div className="info-tab__item">
<div className="info-tab__version-header">
{t('metamaskVersion')}
{isBeta() ? t('betaMetamaskVersion') : t('metamaskVersion')}
</div>
<div className="info-tab__version-number">
{this.state.version}
@ -110,7 +111,7 @@ export default class InfoTab extends PureComponent {
{this.renderInfoLinks()}
</div>
<div className="info-tab__logo-wrapper">
<img src="images/info-logo.png" className="info-tab__logo" alt="" />
<img src="./images/info-logo.png" className="info-tab__logo" alt="" />
</div>
</div>
);

8
yarn.lock
View File

@ -2856,10 +2856,10 @@
color "^0.11.3"
mersenne-twister "^1.1.0"
"@metamask/logo@^2.5.0":
version "2.5.0"
resolved "https://registry.yarnpkg.com/@metamask/logo/-/logo-2.5.0.tgz#4d35bf9e427db66c0030d81b8faa0f5162d17f7a"
integrity sha512-SBgWhcbKj0+efpFVAHf5Jh7URGMhH3Os06sgmERui+dvgXMEIBrt2aEeGRXe1aKKRSOhruazHknpdLdqyEvNjA==
"@metamask/logo@^3.0.1":
version "3.0.1"
resolved "https://registry.yarnpkg.com/@metamask/logo/-/logo-3.0.1.tgz#9c0758d9abc56345c5e4ed01cac22a6d2d452793"
integrity sha512-EV1BqyUI/GX1X9pTIydBRZ94c7Zx4Vlsl6V/zIOqk8Zw9mhlLG46lRQSBCq8syCvuGeKVMj/1LYsf/sNVf/SsA==
dependencies:
gl-mat4 "1.1.4"
gl-vec3 "1.0.3"