Files
HealthTracking/assets/readme/hero.svg
T

40 lines
2.7 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="420" viewBox="0 0 1200 420" role="img" aria-labelledby="title desc">
<title id="title">FightRate</title>
<desc id="desc">FightRate records heart rate from a BLE chest strap during fight training. On the right, a live readout of 160 BPM in the PRESSÃO zone over a session trace that crosses the 150 and 170 BPM thresholds, decoded from the Heart Rate Measurement packet 16 A0 6C 01.</desc>
<rect width="1200" height="420" rx="24" fill="#070605"/>
<g id="title-block" font-family="system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif">
<text x="64" y="104" font-family="ui-monospace, 'SF Mono', Consolas, monospace" font-size="20" fill="#B9A98E">HealthTracking · Android</text>
<text x="64" y="186" font-size="72" font-weight="700" fill="#F8EAD8">FightRate</text>
<text x="64" y="246" font-size="28" fill="#F8EAD8">Heart-rate capture for fight training</text>
<text x="64" y="282" font-size="28" fill="#F8EAD8">from a BLE chest strap. Real data only.</text>
<text x="64" y="344" font-family="ui-monospace, 'SF Mono', Consolas, monospace" font-size="20" fill="#B9A98E">React Native 0.86 · Kotlin · SQLite</text>
</g>
<g id="project-proof" font-family="ui-monospace, 'SF Mono', Consolas, monospace">
<rect x="632" y="40" width="512" height="340" rx="16" fill="#12100C" stroke="#392D1E" stroke-width="2"/>
<circle cx="672" cy="80" r="7" fill="#E23B2E"/>
<text x="688" y="86" font-size="18" fill="#B9A98E">LIVE</text>
<text x="664" y="150" font-size="60" font-weight="700" fill="#F8EAD8">160</text>
<text x="784" y="150" font-size="20" fill="#B9A98E">BPM</text>
<rect x="976" y="62" width="136" height="36" rx="18" fill="#FFB43D"/>
<text x="1044" y="87" font-size="18" font-weight="700" fill="#070605" text-anchor="middle">PRESSÃO</text>
<g id="zones" font-size="18">
<line x1="664" y1="216" x2="1068" y2="216" stroke="#E23B2E" stroke-width="2" stroke-dasharray="6 6"/>
<line x1="664" y1="256" x2="1068" y2="256" stroke="#FFB43D" stroke-width="2" stroke-dasharray="6 6"/>
<line x1="664" y1="316" x2="1068" y2="316" stroke="#392D1E" stroke-width="2"/>
<text x="1112" y="222" fill="#E23B2E" text-anchor="end">170</text>
<text x="1112" y="262" fill="#FFB43D" text-anchor="end">150</text>
</g>
<polyline fill="none" stroke="#F8EAD8" stroke-width="3" stroke-linejoin="round" stroke-linecap="round"
points="664,304 700,294 736,276 772,252 808,258 844,234 880,208 916,198 952,224 988,246 1024,240 1060,236"/>
<circle cx="1060" cy="236" r="7" fill="#FFB43D"/>
<text x="664" y="354" font-size="20" fill="#B9A98E">2A37 · 16 A0 6C 01 → 160 bpm</text>
</g>
</svg>