Lucas-Kalil/world-2026-hub
1
0
Fork 0
mirror of https://github.com/LucasKalil-Programador/world-2026-hub.git synced 2026-07-04 17:41:28 -03:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(data): add mock tournament dataset and placeholder artwork

Browse source
This commit is contained in:
Lucas Kalil 2026-06-12 16:12:02 -03:00
parent 5ee42abb48
commit c7088bc31b
84 changed files with 3102 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

5
assets/images/flags/alg.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Algeria flag">
<rect width="60" height="40" rx="4" fill="#006233"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#f5f5f5"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">ALG</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 423 B

5
assets/images/flags/arg.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Argentina flag">
<rect width="60" height="40" rx="4" fill="#74acdf"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#f6b40e"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">ARG</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 425 B

5
assets/images/flags/aus.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Australia flag">
<rect width="60" height="40" rx="4" fill="#012169"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#e4002b"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">AUS</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 425 B

5
assets/images/flags/aut.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Austria flag">
<rect width="60" height="40" rx="4" fill="#ed2939"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#f5f5f5"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">AUT</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 423 B

5
assets/images/flags/bel.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Belgium flag">
<rect width="60" height="40" rx="4" fill="#fdda24"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#ef3340"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">BEL</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 423 B

5
assets/images/flags/bra.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Brazil flag">
<rect width="60" height="40" rx="4" fill="#009739"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#fedd00"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">BRA</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 422 B

5
assets/images/flags/can.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Canada flag">
<rect width="60" height="40" rx="4" fill="#d52b1e"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#f5f5f5"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">CAN</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 422 B

5
assets/images/flags/chi.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Chile flag">
<rect width="60" height="40" rx="4" fill="#d52b1e"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#0039a6"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">CHI</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 421 B

5
assets/images/flags/civ.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Ivory Coast flag">
<rect width="60" height="40" rx="4" fill="#ff8200"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#009a44"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">CIV</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 427 B

5
assets/images/flags/cmr.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Cameroon flag">
<rect width="60" height="40" rx="4" fill="#007a5e"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#ce1126"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">CMR</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 424 B

5
assets/images/flags/col.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Colombia flag">
<rect width="60" height="40" rx="4" fill="#fcd116"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#003893"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">COL</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 424 B

5
assets/images/flags/crc.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Costa Rica flag">
<rect width="60" height="40" rx="4" fill="#002b7f"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#ce1126"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">CRC</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 426 B

5
assets/images/flags/cro.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Croatia flag">
<rect width="60" height="40" rx="4" fill="#c8102e"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#012169"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">CRO</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 423 B

5
assets/images/flags/den.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Denmark flag">
<rect width="60" height="40" rx="4" fill="#c8102e"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#f5f5f5"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">DEN</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 423 B

5
assets/images/flags/ecu.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Ecuador flag">
<rect width="60" height="40" rx="4" fill="#ffdd00"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#034ea2"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">ECU</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 423 B

5
assets/images/flags/egy.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Egypt flag">
<rect width="60" height="40" rx="4" fill="#ce1126"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#1a1a1a"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">EGY</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 421 B

5
assets/images/flags/eng.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="England flag">
<rect width="60" height="40" rx="4" fill="#f5f5f5"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#ce1124"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">ENG</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 423 B

5
assets/images/flags/esp.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Spain flag">
<rect width="60" height="40" rx="4" fill="#aa151b"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#f1bf00"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">ESP</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 421 B

5
assets/images/flags/fra.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="France flag">
<rect width="60" height="40" rx="4" fill="#0055a4"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#ef4135"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">FRA</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 422 B

5
assets/images/flags/ger.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Germany flag">
<rect width="60" height="40" rx="4" fill="#dd0000"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#ffce00"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">GER</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 423 B

5
assets/images/flags/gha.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Ghana flag">
<rect width="60" height="40" rx="4" fill="#006b3f"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#fcd116"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">GHA</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 421 B

5
assets/images/flags/hon.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Honduras flag">
<rect width="60" height="40" rx="4" fill="#0073cf"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#f5f5f5"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">HON</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 424 B

5
assets/images/flags/irn.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Iran flag">
<rect width="60" height="40" rx="4" fill="#239f40"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#da0000"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">IRN</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 420 B

5
assets/images/flags/ita.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Italy flag">
<rect width="60" height="40" rx="4" fill="#008c45"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#cd212a"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">ITA</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 421 B

5
assets/images/flags/jam.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Jamaica flag">
<rect width="60" height="40" rx="4" fill="#009b3a"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#fed100"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">JAM</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 423 B

5
assets/images/flags/jor.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Jordan flag">
<rect width="60" height="40" rx="4" fill="#007a3d"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#ce1126"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">JOR</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 422 B

5
assets/images/flags/jpn.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Japan flag">
<rect width="60" height="40" rx="4" fill="#f5f5f5"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#bc002d"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">JPN</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 421 B

5
assets/images/flags/kor.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="South Korea flag">
<rect width="60" height="40" rx="4" fill="#f5f5f5"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#cd2e3a"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">KOR</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 427 B

5
assets/images/flags/ksa.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Saudi Arabia flag">
<rect width="60" height="40" rx="4" fill="#006c35"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#f5f5f5"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">KSA</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 428 B

5
assets/images/flags/mar.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Morocco flag">
<rect width="60" height="40" rx="4" fill="#c1272d"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#006233"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">MAR</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 423 B

5
assets/images/flags/mex.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Mexico flag">
<rect width="60" height="40" rx="4" fill="#006847"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#ce1126"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">MEX</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 422 B

5
assets/images/flags/ned.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Netherlands flag">
<rect width="60" height="40" rx="4" fill="#ae1c28"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#21468b"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">NED</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 427 B

5
assets/images/flags/nga.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Nigeria flag">
<rect width="60" height="40" rx="4" fill="#008751"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#f5f5f5"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">NGA</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 423 B

5
assets/images/flags/nzl.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="New Zealand flag">
<rect width="60" height="40" rx="4" fill="#00247d"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#cc142b"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">NZL</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 427 B

5
assets/images/flags/pan.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Panama flag">
<rect width="60" height="40" rx="4" fill="#da121a"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#072357"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">PAN</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 422 B

5
assets/images/flags/par.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Paraguay flag">
<rect width="60" height="40" rx="4" fill="#d52b1e"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#0038a8"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">PAR</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 424 B

5
assets/images/flags/pol.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Poland flag">
<rect width="60" height="40" rx="4" fill="#f5f5f5"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#dc143c"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">POL</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 422 B

5
assets/images/flags/por.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Portugal flag">
<rect width="60" height="40" rx="4" fill="#046a38"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#da291c"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">POR</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 424 B

5
assets/images/flags/qat.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Qatar flag">
<rect width="60" height="40" rx="4" fill="#8a1538"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#f5f5f5"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">QAT</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 421 B

5
assets/images/flags/sco.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Scotland flag">
<rect width="60" height="40" rx="4" fill="#0065bf"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#f5f5f5"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">SCO</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 424 B

5
assets/images/flags/sen.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Senegal flag">
<rect width="60" height="40" rx="4" fill="#00853f"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#fdef42"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">SEN</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 423 B

5
assets/images/flags/srb.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Serbia flag">
<rect width="60" height="40" rx="4" fill="#c6363c"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#0c4076"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">SRB</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 422 B

5
assets/images/flags/sui.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Switzerland flag">
<rect width="60" height="40" rx="4" fill="#da291c"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#f5f5f5"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">SUI</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 427 B

5
assets/images/flags/tun.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Tunisia flag">
<rect width="60" height="40" rx="4" fill="#e70013"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#f5f5f5"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">TUN</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 423 B

5
assets/images/flags/tur.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Turkey flag">
<rect width="60" height="40" rx="4" fill="#e30a17"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#f5f5f5"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">TUR</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 422 B

5
assets/images/flags/uru.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Uruguay flag">
<rect width="60" height="40" rx="4" fill="#0038a8"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#f5f5f5"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">URU</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 423 B

5
assets/images/flags/usa.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="United States flag">
<rect width="60" height="40" rx="4" fill="#3c3b6e"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#b22234"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">USA</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 429 B

5
assets/images/flags/uzb.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40" role="img" aria-label="Uzbekistan flag">
<rect width="60" height="40" rx="4" fill="#0099b5"/>
<path d="M0 20h60v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" fill="#1eb53a"/>
<text x="30" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#ffffff" stroke="#081421" stroke-width="0.8" paint-order="stroke" text-anchor="middle">UZB</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 426 B

15
assets/images/stadiums/akron.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Estadio Akron">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Estadio Akron</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Guadalajara</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/allegiant.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Allegiant Stadium">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Allegiant Stadium</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Las Vegas</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/arrowhead.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Arrowhead Stadium">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Arrowhead Stadium</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Kansas City</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/att.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="AT&amp;T Stadium">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">AT&amp;T Stadium</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Dallas</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/azteca.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Estadio Azteca">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Estadio Azteca</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Mexico City</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/bbva.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Estadio BBVA">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Estadio BBVA</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Monterrey</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/bcplace.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="BC Place">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">BC Place</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Vancouver</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/bmo.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="BMO Field">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">BMO Field</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Toronto</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/campingworld.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Camping World Stadium">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Camping World Stadium</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Orlando</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/commonwealth.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Commonwealth Stadium">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Commonwealth Stadium</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Edmonton</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/cuauhtemoc.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Estadio Cuauhtemoc">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Estadio Cuauhtemoc</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Puebla</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/empower.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Empower Field">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Empower Field</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Denver</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/gillette.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Gillette Stadium">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Gillette Stadium</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Boston</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/hardrock.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Hard Rock Stadium">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Hard Rock Stadium</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Miami</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/jalisco.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Estadio Jalisco">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Estadio Jalisco</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Guadalajara</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/levis.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Levi's Stadium">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Levi's Stadium</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">San Francisco</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/lincoln.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Lincoln Financial Field">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Lincoln Financial Field</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Philadelphia</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/lumen.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Lumen Field">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Lumen Field</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Seattle</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/mercedesbenz.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Mercedes-Benz Stadium">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Mercedes-Benz Stadium</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Atlanta</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/metlife.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="MetLife Stadium">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">MetLife Stadium</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">New York</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/mtbank.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="M&amp;T Bank Stadium">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">M&amp;T Bank Stadium</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Baltimore</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/nrg.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="NRG Stadium">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">NRG Stadium</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Houston</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/olympic.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Olympic Stadium">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Olympic Stadium</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Montreal</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/raymondjames.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Raymond James Stadium">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Raymond James Stadium</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Tampa</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/rosebowl.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Rose Bowl">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Rose Bowl</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Pasadena</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/sofi.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="SoFi Stadium">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">SoFi Stadium</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Los Angeles</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/soldier.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Soldier Field">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Soldier Field</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Chicago</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/statefarm.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="State Farm Stadium">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">State Farm Stadium</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Phoenix</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/superdome.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Caesars Superdome">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Caesars Superdome</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">New Orleans</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
assets/images/stadiums/universitario.svg Normal file
View file

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225" role="img" aria-label="Estadio Universitario">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#10243b"/>
<stop offset="1" stop-color="#081421"/>
</linearGradient>
</defs>
<rect width="400" height="225" fill="url(#bg)"/>
<ellipse cx="200" cy="100" rx="155" ry="68" fill="#0e3a24" stroke="#d4af37" stroke-width="2"/>
<rect x="135" y="62" width="130" height="76" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<line x1="200" y1="62" x2="200" y2="138" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<circle cx="200" cy="100" r="16" fill="none" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<text x="200" y="192" font-family="Arial, sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle">Estadio Universitario</text>
<text x="200" y="211" font-family="Arial, sans-serif" font-size="12" fill="#cfd8dc" text-anchor="middle">Monterrey</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

214
data/bracket-config.json Normal file
View file

@ -0,0 +1,214 @@
{
"round32": [
{
"id": "R32-1",
"home": {
"type": "group",
"ref": "A",
"pos": 1
},
"away": {
"type": "third",
"slot": 1
}
},
{
"id": "R32-2",
"home": {
"type": "group",
"ref": "C",
"pos": 1
},
"away": {
"type": "group",
"ref": "F",
"pos": 2
}
},
{
"id": "R32-3",
"home": {
"type": "group",
"ref": "B",
"pos": 1
},
"away": {
"type": "third",
"slot": 2
}
},
{
"id": "R32-4",
"home": {
"type": "group",
"ref": "D",
"pos": 1
},
"away": {
"type": "group",
"ref": "E",
"pos": 2
}
},
{
"id": "R32-5",
"home": {
"type": "group",
"ref": "E",
"pos": 1
},
"away": {
"type": "third",
"slot": 3
}
},
{
"id": "R32-6",
"home": {
"type": "group",
"ref": "F",
"pos": 1
},
"away": {
"type": "group",
"ref": "C",
"pos": 2
}
},
{
"id": "R32-7",
"home": {
"type": "group",
"ref": "G",
"pos": 1
},
"away": {
"type": "third",
"slot": 4
}
},
{
"id": "R32-8",
"home": {
"type": "group",
"ref": "H",
"pos": 1
},
"away": {
"type": "group",
"ref": "J",
"pos": 2
}
},
{
"id": "R32-9",
"home": {
"type": "group",
"ref": "I",
"pos": 1
},
"away": {
"type": "third",
"slot": 5
}
},
{
"id": "R32-10",
"home": {
"type": "group",
"ref": "J",
"pos": 1
},
"away": {
"type": "group",
"ref": "H",
"pos": 2
}
},
{
"id": "R32-11",
"home": {
"type": "group",
"ref": "K",
"pos": 1
},
"away": {
"type": "third",
"slot": 6
}
},
{
"id": "R32-12",
"home": {
"type": "group",
"ref": "L",
"pos": 1
},
"away": {
"type": "group",
"ref": "K",
"pos": 2
}
},
{
"id": "R32-13",
"home": {
"type": "group",
"ref": "A",
"pos": 2
},
"away": {
"type": "group",
"ref": "B",
"pos": 2
}
},
{
"id": "R32-14",
"home": {
"type": "group",
"ref": "D",
"pos": 2
},
"away": {
"type": "third",
"slot": 7
}
},
{
"id": "R32-15",
"home": {
"type": "group",
"ref": "G",
"pos": 2
},
"away": {
"type": "group",
"ref": "I",
"pos": 2
}
},
{
"id": "R32-16",
"home": {
"type": "group",
"ref": "L",
"pos": 2
},
"away": {
"type": "third",
"slot": 8
}
}
],
"thirdPlaceAssignment": {
"1": null,
"2": null,
"3": null,
"4": null,
"5": null,
"6": null,
"7": null,
"8": null
}
}

74
data/groups.json Normal file
View file

@ -0,0 +1,74 @@
{
"A": [
"MEX",
"SUI",
"KOR",
"JAM"
],
"B": [
"CAN",
"ESP",
"EGY",
"NZL"
],
"C": [
"BRA",
"ENG",
"TUN",
"UZB"
],
"D": [
"USA",
"NED",
"GHA",
"PAR"
],
"E": [
"ARG",
"AUT",
"CMR",
"QAT"
],
"F": [
"FRA",
"COL",
"NGA",
"AUS"
],
"G": [
"GER",
"URU",
"ALG",
"JPN"
],
"H": [
"POR",
"SRB",
"SEN",
"CRC"
],
"I": [
"ITA",
"ECU",
"KSA",
"HON"
],
"J": [
"BEL",
"POL",
"IRN",
"PAN"
],
"K": [
"CRO",
"TUR",
"CIV",
"CHI"
],
"L": [
"MAR",
"DEN",
"SCO",
"JOR"
]
}

1010
data/matches.json Normal file
View file

File diff suppressed because it is too large Load diff

630
data/results.json Normal file
View file

@ -0,0 +1,630 @@
[
{
"matchId": 1,
"homeScore": 1,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 2,
"homeScore": 1,
"awayScore": 0,
"status": "finished"
},
{
"matchId": 3,
"homeScore": 3,
"awayScore": 3,
"status": "finished"
},
{
"matchId": 4,
"homeScore": 4,
"awayScore": 3,
"status": "finished"
},
{
"matchId": 5,
"homeScore": 4,
"awayScore": 0,
"status": "finished"
},
{
"matchId": 6,
"homeScore": 0,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 7,
"homeScore": 1,
"awayScore": 0,
"status": "finished"
},
{
"matchId": 8,
"homeScore": 2,
"awayScore": 3,
"status": "finished"
},
{
"matchId": 9,
"homeScore": 1,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 10,
"homeScore": 0,
"awayScore": 3,
"status": "finished"
},
{
"matchId": 11,
"homeScore": 4,
"awayScore": 2,
"status": "finished"
},
{
"matchId": 12,
"homeScore": 2,
"awayScore": 0,
"status": "finished"
},
{
"matchId": 13,
"homeScore": 3,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 14,
"homeScore": 2,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 15,
"homeScore": 3,
"awayScore": 2,
"status": "finished"
},
{
"matchId": 16,
"homeScore": 1,
"awayScore": 2,
"status": "finished"
},
{
"matchId": 17,
"homeScore": 2,
"awayScore": 0,
"status": "finished"
},
{
"matchId": 18,
"homeScore": 2,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 19,
"homeScore": 4,
"awayScore": 0,
"status": "finished"
},
{
"matchId": 20,
"homeScore": 2,
"awayScore": 0,
"status": "finished"
},
{
"matchId": 21,
"homeScore": 2,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 22,
"homeScore": 4,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 23,
"homeScore": 1,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 24,
"homeScore": 4,
"awayScore": 3,
"status": "finished"
},
{
"matchId": 25,
"homeScore": 1,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 26,
"homeScore": 4,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 27,
"homeScore": 2,
"awayScore": 3,
"status": "finished"
},
{
"matchId": 28,
"homeScore": 3,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 29,
"homeScore": 4,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 30,
"homeScore": 0,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 31,
"homeScore": 2,
"awayScore": 3,
"status": "finished"
},
{
"matchId": 32,
"homeScore": 1,
"awayScore": 3,
"status": "finished"
},
{
"matchId": 33,
"homeScore": 0,
"awayScore": 2,
"status": "finished"
},
{
"matchId": 34,
"homeScore": 1,
"awayScore": 2,
"status": "finished"
},
{
"matchId": 35,
"homeScore": 3,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 36,
"homeScore": 1,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 37,
"homeScore": 2,
"awayScore": 3,
"status": "finished"
},
{
"matchId": 38,
"homeScore": 1,
"awayScore": 2,
"status": "finished"
},
{
"matchId": 39,
"homeScore": 4,
"awayScore": 2,
"status": "finished"
},
{
"matchId": 40,
"homeScore": 4,
"awayScore": 2,
"status": "finished"
},
{
"matchId": 41,
"homeScore": 2,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 42,
"homeScore": 3,
"awayScore": 2,
"status": "finished"
},
{
"matchId": 43,
"homeScore": 2,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 44,
"homeScore": 4,
"awayScore": 3,
"status": "finished"
},
{
"matchId": 45,
"homeScore": 3,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 46,
"homeScore": 2,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 47,
"homeScore": 2,
"awayScore": 0,
"status": "finished"
},
{
"matchId": 48,
"homeScore": 0,
"awayScore": 0,
"status": "finished"
},
{
"matchId": 49,
"homeScore": 4,
"awayScore": 3,
"status": "finished"
},
{
"matchId": 50,
"homeScore": 4,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 51,
"homeScore": 2,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 52,
"homeScore": 4,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 53,
"homeScore": 4,
"awayScore": 3,
"status": "finished"
},
{
"matchId": 54,
"homeScore": 3,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 55,
"homeScore": 0,
"awayScore": 3,
"status": "finished"
},
{
"matchId": 56,
"homeScore": 2,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 57,
"homeScore": 4,
"awayScore": 3,
"status": "finished"
},
{
"matchId": 58,
"homeScore": 1,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 59,
"homeScore": 2,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 60,
"homeScore": 1,
"awayScore": 1,
"status": "finished"
},
{
"matchId": 61,
"homeScore": 1,
"awayScore": 0,
"status": "live"
},
{
"matchId": 62,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 63,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 64,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 65,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 66,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 67,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 68,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 69,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 70,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 71,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 72,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 73,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 74,
"homeScore": 1,
"awayScore": 1,
"status": "finished",
"penalties": {
"home": 4,
"away": 3
}
},
{
"matchId": 75,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 76,
"homeScore": 2,
"awayScore": 0,
"status": "finished"
},
{
"matchId": 77,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 78,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 79,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 80,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 81,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 82,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 83,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 84,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 85,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 86,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 87,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 88,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 89,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 90,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 91,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 92,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 93,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 94,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 95,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 96,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 97,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 98,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 99,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 100,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 101,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 102,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 103,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
},
{
"matchId": 104,
"homeScore": null,
"awayScore": null,
"status": "scheduled"
}
]

242
data/stadiums.json Normal file
View file

@ -0,0 +1,242 @@
[
{
"id": 1,
"name": "Estadio Azteca",
"city": "Mexico City",
"capacity": 87000,
"image": "stadiums/azteca.svg",
"timezone": "America/Mexico_City"
},
{
"id": 2,
"name": "Estadio Akron",
"city": "Guadalajara",
"capacity": 49850,
"image": "stadiums/akron.svg",
"timezone": "America/Mexico_City"
},
{
"id": 3,
"name": "Estadio BBVA",
"city": "Monterrey",
"capacity": 53500,
"image": "stadiums/bbva.svg",
"timezone": "America/Monterrey"
},
{
"id": 4,
"name": "Estadio Cuauhtemoc",
"city": "Puebla",
"capacity": 51726,
"image": "stadiums/cuauhtemoc.svg",
"timezone": "America/Mexico_City"
},
{
"id": 5,
"name": "Estadio Universitario",
"city": "Monterrey",
"capacity": 42000,
"image": "stadiums/universitario.svg",
"timezone": "America/Monterrey"
},
{
"id": 6,
"name": "Estadio Jalisco",
"city": "Guadalajara",
"capacity": 55020,
"image": "stadiums/jalisco.svg",
"timezone": "America/Mexico_City"
},
{
"id": 7,
"name": "SoFi Stadium",
"city": "Los Angeles",
"capacity": 70240,
"image": "stadiums/sofi.svg",
"timezone": "America/Los_Angeles"
},
{
"id": 8,
"name": "Levi's Stadium",
"city": "San Francisco",
"capacity": 68500,
"image": "stadiums/levis.svg",
"timezone": "America/Los_Angeles"
},
{
"id": 9,
"name": "Lumen Field",
"city": "Seattle",
"capacity": 69000,
"image": "stadiums/lumen.svg",
"timezone": "America/Los_Angeles"
},
{
"id": 10,
"name": "Rose Bowl",
"city": "Pasadena",
"capacity": 89702,
"image": "stadiums/rosebowl.svg",
"timezone": "America/Los_Angeles"
},
{
"id": 11,
"name": "Allegiant Stadium",
"city": "Las Vegas",
"capacity": 65000,
"image": "stadiums/allegiant.svg",
"timezone": "America/Los_Angeles"
},
{
"id": 12,
"name": "State Farm Stadium",
"city": "Phoenix",
"capacity": 63400,
"image": "stadiums/statefarm.svg",
"timezone": "America/Phoenix"
},
{
"id": 13,
"name": "Empower Field",
"city": "Denver",
"capacity": 76125,
"image": "stadiums/empower.svg",
"timezone": "America/Denver"
},
{
"id": 14,
"name": "AT&T Stadium",
"city": "Dallas",
"capacity": 80000,
"image": "stadiums/att.svg",
"timezone": "America/Chicago"
},
{
"id": 15,
"name": "NRG Stadium",
"city": "Houston",
"capacity": 72220,
"image": "stadiums/nrg.svg",
"timezone": "America/Chicago"
},
{
"id": 16,
"name": "Arrowhead Stadium",
"city": "Kansas City",
"capacity": 76416,
"image": "stadiums/arrowhead.svg",
"timezone": "America/Chicago"
},
{
"id": 17,
"name": "Soldier Field",
"city": "Chicago",
"capacity": 61500,
"image": "stadiums/soldier.svg",
"timezone": "America/Chicago"
},
{
"id": 18,
"name": "Caesars Superdome",
"city": "New Orleans",
"capacity": 73208,
"image": "stadiums/superdome.svg",
"timezone": "America/Chicago"
},
{
"id": 19,
"name": "Mercedes-Benz Stadium",
"city": "Atlanta",
"capacity": 71000,
"image": "stadiums/mercedesbenz.svg",
"timezone": "America/New_York"
},
{
"id": 20,
"name": "Hard Rock Stadium",
"city": "Miami",
"capacity": 64767,
"image": "stadiums/hardrock.svg",
"timezone": "America/New_York"
},
{
"id": 21,
"name": "Camping World Stadium",
"city": "Orlando",
"capacity": 60219,
"image": "stadiums/campingworld.svg",
"timezone": "America/New_York"
},
{
"id": 22,
"name": "Raymond James Stadium",
"city": "Tampa",
"capacity": 65890,
"image": "stadiums/raymondjames.svg",
"timezone": "America/New_York"
},
{
"id": 23,
"name": "MetLife Stadium",
"city": "New York",
"capacity": 82500,
"image": "stadiums/metlife.svg",
"timezone": "America/New_York"
},
{
"id": 24,
"name": "Lincoln Financial Field",
"city": "Philadelphia",
"capacity": 69796,
"image": "stadiums/lincoln.svg",
"timezone": "America/New_York"
},
{
"id": 25,
"name": "Gillette Stadium",
"city": "Boston",
"capacity": 65878,
"image": "stadiums/gillette.svg",
"timezone": "America/New_York"
},
{
"id": 26,
"name": "M&T Bank Stadium",
"city": "Baltimore",
"capacity": 71008,
"image": "stadiums/mtbank.svg",
"timezone": "America/New_York"
},
{
"id": 27,
"name": "BMO Field",
"city": "Toronto",
"capacity": 45736,
"image": "stadiums/bmo.svg",
"timezone": "America/Toronto"
},
{
"id": 28,
"name": "Olympic Stadium",
"city": "Montreal",
"capacity": 56040,
"image": "stadiums/olympic.svg",
"timezone": "America/Toronto"
},
{
"id": 29,
"name": "BC Place",
"city": "Vancouver",
"capacity": 54500,
"image": "stadiums/bcplace.svg",
"timezone": "America/Vancouver"
},
{
"id": 30,
"name": "Commonwealth Stadium",
"city": "Edmonton",
"capacity": 56302,
"image": "stadiums/commonwealth.svg",
"timezone": "America/Edmonton"
}
]

242
data/teams.json Normal file
View file

@ -0,0 +1,242 @@
[
{
"id": "MEX",
"name": "Mexico",
"flag": "flags/mex.svg"
},
{
"id": "USA",
"name": "United States",
"flag": "flags/usa.svg"
},
{
"id": "CAN",
"name": "Canada",
"flag": "flags/can.svg"
},
{
"id": "BRA",
"name": "Brazil",
"flag": "flags/bra.svg"
},
{
"id": "ARG",
"name": "Argentina",
"flag": "flags/arg.svg"
},
{
"id": "URU",
"name": "Uruguay",
"flag": "flags/uru.svg"
},
{
"id": "COL",
"name": "Colombia",
"flag": "flags/col.svg"
},
{
"id": "ECU",
"name": "Ecuador",
"flag": "flags/ecu.svg"
},
{
"id": "PAR",
"name": "Paraguay",
"flag": "flags/par.svg"
},
{
"id": "CHI",
"name": "Chile",
"flag": "flags/chi.svg"
},
{
"id": "FRA",
"name": "France",
"flag": "flags/fra.svg"
},
{
"id": "ENG",
"name": "England",
"flag": "flags/eng.svg"
},
{
"id": "ESP",
"name": "Spain",
"flag": "flags/esp.svg"
},
{
"id": "GER",
"name": "Germany",
"flag": "flags/ger.svg"
},
{
"id": "POR",
"name": "Portugal",
"flag": "flags/por.svg"
},
{
"id": "NED",
"name": "Netherlands",
"flag": "flags/ned.svg"
},
{
"id": "BEL",
"name": "Belgium",
"flag": "flags/bel.svg"
},
{
"id": "ITA",
"name": "Italy",
"flag": "flags/ita.svg"
},
{
"id": "CRO",
"name": "Croatia",
"flag": "flags/cro.svg"
},
{
"id": "SUI",
"name": "Switzerland",
"flag": "flags/sui.svg"
},
{
"id": "DEN",
"name": "Denmark",
"flag": "flags/den.svg"
},
{
"id": "AUT",
"name": "Austria",
"flag": "flags/aut.svg"
},
{
"id": "POL",
"name": "Poland",
"flag": "flags/pol.svg"
},
{
"id": "SRB",
"name": "Serbia",
"flag": "flags/srb.svg"
},
{
"id": "TUR",
"name": "Turkey",
"flag": "flags/tur.svg"
},
{
"id": "SCO",
"name": "Scotland",
"flag": "flags/sco.svg"
},
{
"id": "PAN",
"name": "Panama",
"flag": "flags/pan.svg"
},
{
"id": "CRC",
"name": "Costa Rica",
"flag": "flags/crc.svg"
},
{
"id": "JAM",
"name": "Jamaica",
"flag": "flags/jam.svg"
},
{
"id": "HON",
"name": "Honduras",
"flag": "flags/hon.svg"
},
{
"id": "JPN",
"name": "Japan",
"flag": "flags/jpn.svg"
},
{
"id": "KOR",
"name": "South Korea",
"flag": "flags/kor.svg"
},
{
"id": "AUS",
"name": "Australia",
"flag": "flags/aus.svg"
},
{
"id": "IRN",
"name": "Iran",
"flag": "flags/irn.svg"
},
{
"id": "KSA",
"name": "Saudi Arabia",
"flag": "flags/ksa.svg"
},
{
"id": "QAT",
"name": "Qatar",
"flag": "flags/qat.svg"
},
{
"id": "UZB",
"name": "Uzbekistan",
"flag": "flags/uzb.svg"
},
{
"id": "JOR",
"name": "Jordan",
"flag": "flags/jor.svg"
},
{
"id": "MAR",
"name": "Morocco",
"flag": "flags/mar.svg"
},
{
"id": "SEN",
"name": "Senegal",
"flag": "flags/sen.svg"
},
{
"id": "NGA",
"name": "Nigeria",
"flag": "flags/nga.svg"
},
{
"id": "EGY",
"name": "Egypt",
"flag": "flags/egy.svg"
},
{
"id": "ALG",
"name": "Algeria",
"flag": "flags/alg.svg"
},
{
"id": "TUN",
"name": "Tunisia",
"flag": "flags/tun.svg"
},
{
"id": "GHA",
"name": "Ghana",
"flag": "flags/gha.svg"
},
{
"id": "CIV",
"name": "Ivory Coast",
"flag": "flags/civ.svg"
},
{
"id": "CMR",
"name": "Cameroon",
"flag": "flags/cmr.svg"
},
{
"id": "NZL",
"name": "New Zealand",
"flag": "flags/nzl.svg"
}
]