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