world-2026-hub/assets/images/stadiums/lumen.svg
Lucas Kalil e94aa09ce5 refactor(stadiums): clean up SVG illustrations and fix image aspect ratio
- Remove card chrome (background rect, text duplicates, accent bars) from all 17 stadium SVGs
- Crop viewBox tightly to illustration (~10px padding) and remove fixed width/height attributes
- Update .stadium-img aspect ratio from 16/9 to 4/3 to match cropped SVG ratios and prevent aggressive object-fit clipping
2026-06-14 01:06:14 -03:00

40 lines
2 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="34 138 212 168" role="img" aria-label="Lumen Field, Seattle, USA">
<defs>
<style>
.struct{fill:none;stroke:#1E2A38;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.thin{fill:none;stroke:#1E2A38;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.hair{fill:none;stroke:#1E2A38;stroke-width:1;stroke-linecap:round;opacity:.55}
.concrete{fill:#E7EBF0}
.stands{fill:#CDD6E0}
.canopy{fill:#EDF0F4}
.void{fill:#FFFFFF}
.pitch{fill:#3D9A6A}
.pline{fill:none;stroke:#FFFFFF;stroke-width:1.5;opacity:.9}
.acc{fill:#E1593A}
.accs{fill:none;stroke:#E1593A;stroke-width:2}
.green{fill:#6FB98F}
.ribs{fill:none;stroke:#B7C0CC;stroke-width:16;stroke-dasharray:3 9}
.louver{fill:none;stroke:#B7C0CC;stroke-width:13;stroke-dasharray:2 5}
</style>
<pattern id="frit" width="9" height="9" patternUnits="userSpaceOnUse">
<circle cx="2" cy="2" r="0.9" fill="#C7D0DA"/>
</pattern>
</defs>
<g>
<rect x="54" y="156" width="192" height="132" rx="28" class="stands"/>
<rect x="54" y="156" width="192" height="132" rx="28" class="struct"/>
<rect x="98" y="193" width="104" height="58" rx="10" class="pitch"/>
<line x1="150" y1="193" x2="150" y2="251" class="pline"/>
<rect x="98" y="212" width="12" height="20" class="pline"/>
<rect x="190" y="212" width="12" height="20" class="pline"/>
<circle cx="150" cy="224" r="9" class="accs"/>
<rect x="72" y="148" width="156" height="20" rx="10" class="canopy"/>
<path d="M78,158 Q150,150 222,158" class="struct"/>
<rect x="72" y="276" width="156" height="20" rx="10" class="canopy"/>
<path d="M78,286 Q150,294 222,286" class="struct"/>
<rect x="44" y="182" width="26" height="80" class="void"/>
<line x1="70" y1="182" x2="70" y2="262" class="thin"/>
<rect x="222" y="184" width="22" height="76" rx="6" class="concrete"/>
<rect x="222" y="184" width="22" height="76" rx="6" class="thin"/>
</g>
</svg>