Files
workouts/Exercise Library/Running/visual.svg
T
rzen d04526826c Add a Running exercise with an animated stride figure
Stance and flight keyframes with single-frame foot pins for the strikes,
forward lean, opposite-arm drive, and daylight under both feet in flight —
distinct from Cardio's high-knee march, which stays as is.

Claude-Session: https://claude.ai/code/session_01PKptrgbx74peTwHGRxBojv
2026-07-12 00:37:23 -04:00

39 lines
3.0 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 180" fill="none">
<title>Running</title>
<defs>
<linearGradient id="grad-leg_l-0" gradientUnits="userSpaceOnUse" x1="164.1" y1="89.5" x2="152.1" y2="118.9"><stop offset="0" stop-color="#4cb3a8"/><stop offset="1" stop-color="#86cfc5"/></linearGradient>
<linearGradient id="grad-leg_r-1" gradientUnits="userSpaceOnUse" x1="183.2" y1="111.9" x2="160.5" y2="128.1"><stop offset="0" stop-color="#0d9488"/><stop offset="1" stop-color="#0f9589"/></linearGradient>
<linearGradient id="grad-leg_r-2" gradientUnits="userSpaceOnUse" x1="160.5" y1="128.1" x2="164.5" y2="134.6"><stop offset="0" stop-color="#0f9589"/><stop offset="1" stop-color="#27a195"/></linearGradient>
</defs>
<path d="M 108.5 157.4 L 210.8 157.4 L 210.8 150.2 L 108.5 150.2 Z" fill="none" stroke="#b9bec9" stroke-width="2.1" stroke-linejoin="round"/>
<g id="leg_l">
<path d="M 164.1 89.5 L 152.1 118.9" stroke="url(#grad-leg_l-0)" stroke-width="3.66725" stroke-linecap="round"/>
<path d="M 152.1 118.9 L 124.8 125.1" stroke="#86cfc5" stroke-width="3.5" stroke-linecap="round"/>
<path d="M 124.8 125.1 L 125.9 132.6" stroke="#86cfc5" stroke-width="3.5" stroke-linecap="round"/>
</g>
<g id="arm_l">
<path d="M 174.5 31.3 L 172.3 51.9" stroke="#a9afba" stroke-width="3.5" stroke-linecap="round"/>
<path d="M 172.3 51.9 L 191.1 61.0" stroke="#a9afba" stroke-width="3.5" stroke-linecap="round"/>
</g>
<g id="leg_r">
<path d="M 160.0 89.9 L 183.2 111.9" stroke="#0d9488" stroke-width="4.2" stroke-linecap="round"/>
<path d="M 183.2 111.9 L 160.5 128.1" stroke="url(#grad-leg_r-1)" stroke-width="4.19308" stroke-linecap="round"/>
<path d="M 160.5 128.1 L 164.5 134.6" stroke="url(#grad-leg_r-2)" stroke-width="4.11689" stroke-linecap="round"/>
</g>
<path id="girdle" d="M 174.5 31.3 L 170.3 31.3 L 170.3 32.6" stroke="#3a3f4b" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="pelvisBar" d="M 164.1 89.5 L 160.0 89.0 L 160.0 89.9" stroke="#3a3f4b" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="spine" d="M 160.0 89.0 Q 165.3 59.5 170.3 31.3" stroke="#3a3f4b" stroke-width="4.2" stroke-linecap="round" stroke-linejoin="round"/>
<g id="arm_r">
<path d="M 170.3 32.6 L 168.1 53.2" stroke="#3a3f4b" stroke-width="4.2" stroke-linecap="round"/>
<path d="M 168.1 53.2 L 187.0 62.3" stroke="#3a3f4b" stroke-width="4.2" stroke-linecap="round"/>
</g>
<circle id="head" cx="173.7" cy="17.9" r="7.0" fill="white" stroke="#3a3f4b" stroke-width="4.2"/>
<line id="nose" x1="180.7" y1="18.6" x2="185.6" y2="19.1" stroke="#3a3f4b" stroke-width="2.8" stroke-linecap="round"/>
<g font-family="-apple-system, Helvetica, sans-serif" font-size="11" fill="#6b7180">
<line x1="224" y1="16" x2="238" y2="16" stroke="#3a3f4b" stroke-width="4" stroke-linecap="round"/>
<text x="243" y="20">near</text>
<line x1="273" y1="16" x2="287" y2="16" stroke="#a9afba" stroke-width="4" stroke-linecap="round"/>
<text x="292" y="20">far</text>
</g>
</svg>