Files
workouts/Exercise Library/Running/frames/frame-1.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="91.6" x2="152.1" y2="121.0"><stop offset="0" stop-color="#47b0a5"/><stop offset="1" stop-color="#86cfc5"/></linearGradient>
<linearGradient id="grad-leg_r-1" gradientUnits="userSpaceOnUse" x1="166.8" y1="122.9" x2="160.7" y2="149.9"><stop offset="0" stop-color="#0d9488"/><stop offset="1" stop-color="#53b6ab"/></linearGradient>
<linearGradient id="grad-leg_r-2" gradientUnits="userSpaceOnUse" x1="160.7" y1="149.9" x2="168.2" y2="151.5"><stop offset="0" stop-color="#53b6ab"/><stop offset="1" stop-color="#59b9ae"/></linearGradient>
</defs>
<path d="M 108.5 157.5 L 210.8 157.5 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 91.6 L 152.1 121.0" stroke="url(#grad-leg_l-0)" stroke-width="3.68145" stroke-linecap="round"/>
<path d="M 152.1 121.0 L 125.8 111.6" stroke="#86cfc5" stroke-width="3.5" stroke-linecap="round"/>
<path d="M 125.8 111.6 L 121.0 117.6" stroke="#86cfc5" stroke-width="3.5" stroke-linecap="round"/>
</g>
<g id="leg_r">
<path d="M 160.0 92.0 L 166.8 122.9" stroke="#0d9488" stroke-width="4.2" stroke-linecap="round"/>
<path d="M 166.8 122.9 L 160.7 149.9" stroke="url(#grad-leg_r-1)" stroke-width="3.99764" stroke-linecap="round"/>
<path d="M 160.7 149.9 L 168.2 151.5" stroke="url(#grad-leg_r-2)" stroke-width="3.77767" stroke-linecap="round"/>
</g>
<g id="arm_l">
<path d="M 174.5 33.4 L 183.3 52.2" stroke="#a9afba" stroke-width="3.5" stroke-linecap="round"/>
<path d="M 183.3 52.2 L 202.4 43.4" stroke="#a9afba" stroke-width="3.5" stroke-linecap="round"/>
</g>
<path id="girdle" d="M 174.5 33.4 L 170.3 33.4 L 170.3 34.7" stroke="#3a3f4b" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="pelvisBar" d="M 164.1 91.6 L 160.0 91.1 L 160.0 92.0" stroke="#3a3f4b" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="spine" d="M 160.0 91.1 Q 165.3 61.6 170.3 33.4" stroke="#3a3f4b" stroke-width="4.2" stroke-linecap="round" stroke-linejoin="round"/>
<g id="arm_r">
<path d="M 170.3 34.7 L 156.8 50.6" stroke="#3a3f4b" stroke-width="4.2" stroke-linecap="round"/>
<path d="M 156.8 50.6 L 172.9 63.9" stroke="#3a3f4b" stroke-width="4.2" stroke-linecap="round"/>
</g>
<circle id="head" cx="173.7" cy="20.0" r="7.0" fill="white" stroke="#3a3f4b" stroke-width="4.2"/>
<line id="nose" x1="180.7" y1="20.7" x2="185.6" y2="21.2" 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>