Warren H
42 lines
3.4 KiB
XML
42 lines
3.4 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="620" height="540" viewBox="0 0 620 540">
|
|
<defs>
|
|
<linearGradient id="bg" x1="0" x2="1" y1="0" y2="1">
|
|
<stop offset="0" stop-color="#101827"/>
|
|
<stop offset="1" stop-color="#271a12"/>
|
|
</linearGradient>
|
|
<style>
|
|
text { font-family: Inter, Arial, sans-serif; fill: #f8f1df; }
|
|
.muted { fill: #c8bca6; font-size: 14px; }
|
|
.title { font-size: 22px; font-weight: 800; }
|
|
.label { font-size: 15px; font-weight: 700; }
|
|
.panel { fill: #1b2433; stroke: #6f5535; stroke-width: 2; rx: 10; }
|
|
.tile { fill: #253244; stroke: #7d6743; stroke-width: 2; rx: 8; }
|
|
.bar-bg { fill: #2a3444; rx: 7; }
|
|
.hp { fill: #5ed17a; rx: 7; }
|
|
.danger { fill: #d96b55; rx: 7; }
|
|
.mana { fill: #63a9ff; rx: 7; }
|
|
</style>
|
|
</defs>
|
|
<rect width="620" height="540" fill="url(#bg)"/>
|
|
<text x="20" y="36" class="title">Thor Bottom Screen - Opponent View</text>
|
|
<text x="20" y="60" class="muted">Secondary display shows real opponent health/progress.</text>
|
|
<rect x="20" y="82" width="580" height="424" class="panel"/>
|
|
<text x="44" y="122" class="title">Astra</text>
|
|
<text x="44" y="146" class="muted">Druid - live opponent</text>
|
|
<text x="376" y="122" class="label">Opponent Clear</text>
|
|
<rect x="376" y="136" width="172" height="16" class="bar-bg"/><rect x="376" y="136" width="106" height="16" class="danger"/>
|
|
<text x="44" y="192" class="label">Opponent Party Health</text>
|
|
<g transform="translate(44 216)">
|
|
<rect width="158" height="72" class="tile"/><text x="14" y="26" class="label">Tank</text><text x="104" y="26" class="muted">59%</text><rect x="14" y="44" width="128" height="12" class="bar-bg"/><rect x="14" y="44" width="76" height="12" class="danger"/>
|
|
<rect x="176" width="158" height="72" class="tile"/><text x="190" y="26" class="label">Astra</text><text x="280" y="26" class="muted">88%</text><rect x="190" y="44" width="128" height="12" class="bar-bg"/><rect x="190" y="44" width="113" height="12" class="hp"/>
|
|
<rect x="352" width="158" height="72" class="tile"/><text x="366" y="26" class="label">DPS</text><text x="456" y="26" class="muted">73%</text><rect x="366" y="44" width="128" height="12" class="bar-bg"/><rect x="366" y="44" width="93" height="12" class="hp"/>
|
|
<rect y="92" width="158" height="72" class="tile"/><text x="14" y="118" class="label">DPS</text><text x="104" y="118" class="muted">42%</text><rect x="14" y="136" width="128" height="12" class="bar-bg"/><rect x="14" y="136" width="54" height="12" class="danger"/>
|
|
<rect x="176" y="92" width="158" height="72" class="tile"/><text x="190" y="118" class="label">DPS</text><text x="280" y="118" class="muted">91%</text><rect x="190" y="136" width="128" height="12" class="bar-bg"/><rect x="190" y="136" width="116" height="12" class="hp"/>
|
|
<rect x="352" y="92" width="158" height="72" class="tile"/><text x="366" y="118" class="label">DPS</text><text x="456" y="118" class="muted">66%</text><rect x="366" y="136" width="128" height="12" class="bar-bg"/><rect x="366" y="136" width="84" height="12" class="hp"/>
|
|
</g>
|
|
<text x="44" y="420" class="label">Mana 86 / 100</text>
|
|
<rect x="154" y="408" width="214" height="16" class="bar-bg"/><rect x="154" y="408" width="184" height="16" class="mana"/>
|
|
<text x="44" y="462" class="muted">Buffs: Dense Shields x1</text>
|
|
<text x="318" y="462" class="muted">Debuffs: Cost Up x1</text>
|
|
</svg>
|