Public/kithara-studio
2
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
main
kithara-studio/data/waveforms/3f776e71-0c9c-44b5-bc9f-a796ec3159ef.svg
T
rin.kagamine b0755b9063 feat: Add repeat button and fix skip-to-beginning icon 
Player.tsx updates:
- Repeat button: ISO repeat indefinitely icon with glowing toggle state.
  When active: lyria-accent color, bg-lyria-accent/10, orange glow shadow.
  When inactive: muted gray, hover to white. Toggles audio.loop.
- Skip to beginning: Now uses ISO skip-backwards icon (filled, two bars
  pointing left) instead of circular arrow. Title: 'Skip to beginning'.
- Track end handler respects repeat state — if repeating, stays playing
  and loops; if not, pauses as before.
- New state: isRepeating (useState), toggleRepeat function sets both
  React state and audioRef.current.loop.
2026-05-29 20:35:00 -04:00

203 lines
20 KiB
XML
Raw Permalink Blame History

<svg xmlns="http://www.w3.org/2000/svg" width="800" height="160" viewBox="0 0 800 160" preserveAspectRatio="none">
<rect width="800" height="160" fill="transparent" />
<rect x="0.00" y="28.88" width="3.00" height="102.25" fill="hsl(20.0, 75.0%, 40.0%)" rx="1.50" />
<rect x="4.00" y="22.96" width="3.00" height="114.09" fill="hsl(20.1, 75.1%, 40.1%)" rx="1.50" />
<rect x="8.01" y="15.23" width="3.00" height="129.54" fill="hsl(20.2, 75.2%, 40.2%)" rx="1.50" />
<rect x="12.02" y="14.95" width="3.00" height="130.10" fill="hsl(20.3, 75.2%, 40.3%)" rx="1.50" />
<rect x="16.02" y="19.44" width="3.00" height="121.12" fill="hsl(20.4, 75.3%, 40.4%)" rx="1.50" />
<rect x="20.02" y="20.09" width="3.00" height="119.83" fill="hsl(20.5, 75.4%, 40.5%)" rx="1.50" />
<rect x="24.03" y="17.41" width="3.00" height="125.19" fill="hsl(20.6, 75.5%, 40.6%)" rx="1.50" />
<rect x="28.04" y="18.56" width="3.00" height="122.87" fill="hsl(20.7, 75.5%, 40.7%)" rx="1.50" />
<rect x="32.04" y="17.42" width="3.00" height="125.17" fill="hsl(20.8, 75.6%, 40.8%)" rx="1.50" />
<rect x="36.05" y="16.32" width="3.00" height="127.36" fill="hsl(20.9, 75.7%, 40.9%)" rx="1.50" />
<rect x="40.05" y="19.17" width="3.00" height="121.65" fill="hsl(21.0, 75.8%, 41.0%)" rx="1.50" />
<rect x="44.05" y="15.76" width="3.00" height="128.48" fill="hsl(21.1, 75.8%, 41.1%)" rx="1.50" />
<rect x="48.06" y="10.45" width="3.00" height="139.10" fill="hsl(21.2, 75.9%, 41.2%)" rx="1.50" />
<rect x="52.06" y="12.24" width="3.00" height="135.51" fill="hsl(21.3, 76.0%, 41.3%)" rx="1.50" />
<rect x="56.07" y="13.16" width="3.00" height="133.68" fill="hsl(21.4, 76.1%, 41.4%)" rx="1.50" />
<rect x="60.07" y="12.48" width="3.00" height="135.04" fill="hsl(21.5, 76.1%, 41.5%)" rx="1.50" />
<rect x="64.08" y="16.07" width="3.00" height="127.87" fill="hsl(21.6, 76.2%, 41.6%)" rx="1.50" />
<rect x="68.08" y="16.19" width="3.00" height="127.61" fill="hsl(21.7, 76.3%, 41.7%)" rx="1.50" />
<rect x="72.09" y="15.74" width="3.00" height="128.51" fill="hsl(21.8, 76.4%, 41.8%)" rx="1.50" />
<rect x="76.09" y="27.57" width="3.00" height="104.85" fill="hsl(21.9, 76.4%, 41.9%)" rx="1.50" />
<rect x="80.10" y="33.31" width="3.00" height="93.39" fill="hsl(22.0, 76.5%, 42.0%)" rx="1.50" />
<rect x="84.11" y="26.08" width="3.00" height="107.84" fill="hsl(22.1, 76.6%, 42.1%)" rx="1.50" />
<rect x="88.11" y="29.92" width="3.00" height="100.17" fill="hsl(22.2, 76.7%, 42.2%)" rx="1.50" />
<rect x="92.11" y="31.53" width="3.00" height="96.93" fill="hsl(22.3, 76.7%, 42.3%)" rx="1.50" />
<rect x="96.12" y="22.22" width="3.00" height="115.56" fill="hsl(22.4, 76.8%, 42.4%)" rx="1.50" />
<rect x="100.12" y="21.25" width="3.00" height="117.49" fill="hsl(22.5, 76.9%, 42.5%)" rx="1.50" />
<rect x="104.13" y="18.94" width="3.00" height="122.13" fill="hsl(22.6, 77.0%, 42.6%)" rx="1.50" />
<rect x="108.13" y="14.61" width="3.00" height="130.79" fill="hsl(22.7, 77.0%, 42.7%)" rx="1.50" />
<rect x="112.14" y="19.99" width="3.00" height="120.02" fill="hsl(22.8, 77.1%, 42.8%)" rx="1.50" />
<rect x="116.14" y="20.15" width="3.00" height="119.69" fill="hsl(22.9, 77.2%, 42.9%)" rx="1.50" />
<rect x="120.15" y="15.25" width="3.00" height="129.51" fill="hsl(23.0, 77.3%, 43.0%)" rx="1.50" />
<rect x="124.16" y="23.07" width="3.00" height="113.85" fill="hsl(23.1, 77.3%, 43.1%)" rx="1.50" />
<rect x="128.16" y="27.26" width="3.00" height="105.49" fill="hsl(23.2, 77.4%, 43.2%)" rx="1.50" />
<rect x="132.16" y="20.30" width="3.00" height="119.39" fill="hsl(23.3, 77.5%, 43.3%)" rx="1.50" />
<rect x="136.17" y="21.93" width="3.00" height="116.14" fill="hsl(23.4, 77.6%, 43.4%)" rx="1.50" />
<rect x="140.17" y="21.05" width="3.00" height="117.89" fill="hsl(23.5, 77.6%, 43.5%)" rx="1.50" />
<rect x="144.18" y="16.28" width="3.00" height="127.44" fill="hsl(23.6, 77.7%, 43.6%)" rx="1.50" />
<rect x="148.19" y="19.42" width="3.00" height="121.16" fill="hsl(23.7, 77.8%, 43.7%)" rx="1.50" />
<rect x="152.19" y="16.85" width="3.00" height="126.30" fill="hsl(23.8, 77.9%, 43.8%)" rx="1.50" />
<rect x="156.19" y="11.97" width="3.00" height="136.06" fill="hsl(23.9, 77.9%, 43.9%)" rx="1.50" />
<rect x="160.20" y="15.94" width="3.00" height="128.12" fill="hsl(24.0, 78.0%, 44.0%)" rx="1.50" />
<rect x="164.20" y="17.05" width="3.00" height="125.90" fill="hsl(24.1, 78.1%, 44.1%)" rx="1.50" />
<rect x="168.21" y="15.43" width="3.00" height="129.13" fill="hsl(24.2, 78.2%, 44.2%)" rx="1.50" />
<rect x="172.22" y="24.57" width="3.00" height="110.86" fill="hsl(24.3, 78.2%, 44.3%)" rx="1.50" />
<rect x="176.22" y="30.66" width="3.00" height="98.69" fill="hsl(24.4, 78.3%, 44.4%)" rx="1.50" />
<rect x="180.22" y="25.97" width="3.00" height="108.07" fill="hsl(24.5, 78.4%, 44.5%)" rx="1.50" />
<rect x="184.23" y="28.07" width="3.00" height="103.85" fill="hsl(24.6, 78.5%, 44.6%)" rx="1.50" />
<rect x="188.23" y="29.05" width="3.00" height="101.91" fill="hsl(24.7, 78.5%, 44.7%)" rx="1.50" />
<rect x="192.24" y="24.67" width="3.00" height="110.66" fill="hsl(24.8, 78.6%, 44.8%)" rx="1.50" />
<rect x="196.25" y="24.52" width="3.00" height="110.96" fill="hsl(24.9, 78.7%, 44.9%)" rx="1.50" />
<rect x="200.25" y="18.91" width="3.00" height="122.18" fill="hsl(25.0, 78.8%, 45.0%)" rx="1.50" />
<rect x="204.25" y="14.18" width="3.00" height="131.63" fill="hsl(25.1, 78.8%, 45.1%)" rx="1.50" />
<rect x="208.26" y="18.71" width="3.00" height="122.58" fill="hsl(25.2, 78.9%, 45.2%)" rx="1.50" />
<rect x="212.26" y="19.30" width="3.00" height="121.40" fill="hsl(25.3, 79.0%, 45.3%)" rx="1.50" />
<rect x="216.27" y="16.81" width="3.00" height="126.39" fill="hsl(25.4, 79.1%, 45.4%)" rx="1.50" />
<rect x="220.28" y="19.84" width="3.00" height="120.32" fill="hsl(25.5, 79.1%, 45.5%)" rx="1.50" />
<rect x="224.28" y="21.37" width="3.00" height="117.25" fill="hsl(25.6, 79.2%, 45.6%)" rx="1.50" />
<rect x="228.28" y="19.20" width="3.00" height="121.60" fill="hsl(25.7, 79.3%, 45.7%)" rx="1.50" />
<rect x="232.29" y="21.26" width="3.00" height="117.48" fill="hsl(25.8, 79.4%, 45.8%)" rx="1.50" />
<rect x="236.29" y="22.30" width="3.00" height="115.40" fill="hsl(25.9, 79.4%, 45.9%)" rx="1.50" />
<rect x="240.30" y="18.58" width="3.00" height="122.83" fill="hsl(26.0, 79.5%, 46.0%)" rx="1.50" />
<rect x="244.31" y="16.36" width="3.00" height="127.27" fill="hsl(26.1, 79.6%, 46.1%)" rx="1.50" />
<rect x="248.31" y="14.34" width="3.00" height="131.32" fill="hsl(26.2, 79.7%, 46.2%)" rx="1.50" />
<rect x="252.31" y="12.86" width="3.00" height="134.29" fill="hsl(26.3, 79.7%, 46.3%)" rx="1.50" />
<rect x="256.32" y="14.21" width="3.00" height="131.58" fill="hsl(26.4, 79.8%, 46.4%)" rx="1.50" />
<rect x="260.32" y="16.36" width="3.00" height="127.29" fill="hsl(26.5, 79.9%, 46.5%)" rx="1.50" />
<rect x="264.33" y="17.39" width="3.00" height="125.22" fill="hsl(26.6, 80.0%, 46.6%)" rx="1.50" />
<rect x="268.33" y="20.20" width="3.00" height="119.59" fill="hsl(26.7, 80.1%, 46.7%)" rx="1.50" />
<rect x="272.34" y="25.69" width="3.00" height="108.63" fill="hsl(26.8, 80.1%, 46.8%)" rx="1.50" />
<rect x="276.34" y="26.67" width="3.00" height="106.66" fill="hsl(26.9, 80.2%, 46.9%)" rx="1.50" />
<rect x="280.35" y="27.35" width="3.00" height="105.31" fill="hsl(27.0, 80.3%, 47.0%)" rx="1.50" />
<rect x="284.36" y="30.97" width="3.00" height="98.06" fill="hsl(27.1, 80.4%, 47.1%)" rx="1.50" />
<rect x="288.36" y="26.78" width="3.00" height="106.44" fill="hsl(27.2, 80.4%, 47.2%)" rx="1.50" />
<rect x="292.37" y="18.98" width="3.00" height="122.03" fill="hsl(27.3, 80.5%, 47.3%)" rx="1.50" />
<rect x="296.37" y="16.13" width="3.00" height="127.74" fill="hsl(27.4, 80.6%, 47.4%)" rx="1.50" />
<rect x="300.38" y="12.58" width="3.00" height="134.83" fill="hsl(27.5, 80.7%, 47.5%)" rx="1.50" />
<rect x="304.38" y="11.66" width="3.00" height="136.68" fill="hsl(27.6, 80.7%, 47.6%)" rx="1.50" />
<rect x="308.38" y="18.47" width="3.00" height="123.06" fill="hsl(27.7, 80.8%, 47.7%)" rx="1.50" />
<rect x="312.39" y="20.19" width="3.00" height="119.62" fill="hsl(27.8, 80.9%, 47.8%)" rx="1.50" />
<rect x="316.39" y="15.19" width="3.00" height="129.62" fill="hsl(27.9, 81.0%, 47.9%)" rx="1.50" />
<rect x="320.40" y="20.32" width="3.00" height="119.35" fill="hsl(28.0, 81.0%, 48.0%)" rx="1.50" />
<rect x="324.40" y="24.12" width="3.00" height="111.76" fill="hsl(28.1, 81.1%, 48.1%)" rx="1.50" />
<rect x="328.41" y="18.17" width="3.00" height="123.65" fill="hsl(28.2, 81.2%, 48.2%)" rx="1.50" />
<rect x="332.41" y="18.91" width="3.00" height="122.17" fill="hsl(28.3, 81.3%, 48.3%)" rx="1.50" />
<rect x="336.42" y="17.92" width="3.00" height="124.15" fill="hsl(28.4, 81.3%, 48.4%)" rx="1.50" />
<rect x="340.43" y="14.43" width="3.00" height="131.14" fill="hsl(28.5, 81.4%, 48.5%)" rx="1.50" />
<rect x="344.43" y="17.67" width="3.00" height="124.65" fill="hsl(28.6, 81.5%, 48.6%)" rx="1.50" />
<rect x="348.44" y="16.59" width="3.00" height="126.83" fill="hsl(28.7, 81.6%, 48.7%)" rx="1.50" />
<rect x="352.44" y="13.61" width="3.00" height="132.77" fill="hsl(28.8, 81.6%, 48.8%)" rx="1.50" />
<rect x="356.44" y="18.59" width="3.00" height="122.81" fill="hsl(28.9, 81.7%, 48.9%)" rx="1.50" />
<rect x="360.45" y="20.31" width="3.00" height="119.37" fill="hsl(29.0, 81.8%, 49.0%)" rx="1.50" />
<rect x="364.45" y="18.58" width="3.00" height="122.84" fill="hsl(29.1, 81.9%, 49.1%)" rx="1.50" />
<rect x="368.46" y="27.24" width="3.00" height="105.51" fill="hsl(29.2, 81.9%, 49.2%)" rx="1.50" />
<rect x="372.46" y="29.20" width="3.00" height="101.61" fill="hsl(29.3, 82.0%, 49.3%)" rx="1.50" />
<rect x="376.47" y="21.47" width="3.00" height="117.06" fill="hsl(29.4, 82.1%, 49.4%)" rx="1.50" />
<rect x="380.47" y="27.47" width="3.00" height="105.07" fill="hsl(29.5, 82.2%, 49.5%)" rx="1.50" />
<rect x="384.48" y="31.11" width="3.00" height="97.78" fill="hsl(29.6, 82.2%, 49.6%)" rx="1.50" />
<rect x="388.49" y="23.82" width="3.00" height="112.37" fill="hsl(29.7, 82.3%, 49.7%)" rx="1.50" />
<rect x="392.49" y="22.83" width="3.00" height="114.34" fill="hsl(29.8, 82.4%, 49.8%)" rx="1.50" />
<rect x="396.50" y="19.40" width="3.00" height="121.20" fill="hsl(29.9, 82.5%, 49.9%)" rx="1.50" />
<rect x="400.50" y="13.33" width="3.00" height="133.34" fill="hsl(30.1, 82.5%, 50.1%)" rx="1.50" />
<rect x="404.50" y="17.38" width="3.00" height="125.24" fill="hsl(30.2, 82.6%, 50.2%)" rx="1.50" />
<rect x="408.51" y="20.08" width="3.00" height="119.84" fill="hsl(30.3, 82.7%, 50.3%)" rx="1.50" />
<rect x="412.51" y="15.56" width="3.00" height="128.88" fill="hsl(30.4, 82.8%, 50.4%)" rx="1.50" />
<rect x="416.52" y="17.87" width="3.00" height="124.26" fill="hsl(30.5, 82.8%, 50.5%)" rx="1.50" />
<rect x="420.52" y="21.06" width="3.00" height="117.87" fill="hsl(30.6, 82.9%, 50.6%)" rx="1.50" />
<rect x="424.53" y="17.09" width="3.00" height="125.82" fill="hsl(30.7, 83.0%, 50.7%)" rx="1.50" />
<rect x="428.53" y="17.65" width="3.00" height="124.70" fill="hsl(30.8, 83.1%, 50.8%)" rx="1.50" />
<rect x="432.54" y="18.25" width="3.00" height="123.49" fill="hsl(30.9, 83.1%, 50.9%)" rx="1.50" />
<rect x="436.55" y="14.77" width="3.00" height="130.47" fill="hsl(31.0, 83.2%, 51.0%)" rx="1.50" />
<rect x="440.55" y="13.88" width="3.00" height="132.25" fill="hsl(31.1, 83.3%, 51.1%)" rx="1.50" />
<rect x="444.56" y="12.12" width="3.00" height="135.77" fill="hsl(31.2, 83.4%, 51.2%)" rx="1.50" />
<rect x="448.56" y="10.25" width="3.00" height="139.50" fill="hsl(31.3, 83.4%, 51.3%)" rx="1.50" />
<rect x="452.56" y="11.84" width="3.00" height="136.32" fill="hsl(31.4, 83.5%, 51.4%)" rx="1.50" />
<rect x="456.57" y="12.50" width="3.00" height="134.99" fill="hsl(31.5, 83.6%, 51.5%)" rx="1.50" />
<rect x="460.57" y="11.58" width="3.00" height="136.84" fill="hsl(31.6, 83.7%, 51.6%)" rx="1.50" />
<rect x="464.58" y="14.02" width="3.00" height="131.95" fill="hsl(31.7, 83.7%, 51.7%)" rx="1.50" />
<rect x="468.58" y="15.76" width="3.00" height="128.48" fill="hsl(31.8, 83.8%, 51.8%)" rx="1.50" />
<rect x="472.59" y="13.16" width="3.00" height="133.67" fill="hsl(31.9, 83.9%, 51.9%)" rx="1.50" />
<rect x="476.59" y="13.24" width="3.00" height="133.52" fill="hsl(32.0, 84.0%, 52.0%)" rx="1.50" />
<rect x="480.60" y="14.30" width="3.00" height="131.41" fill="hsl(32.1, 84.0%, 52.1%)" rx="1.50" />
<rect x="484.60" y="13.85" width="3.00" height="132.31" fill="hsl(32.2, 84.1%, 52.2%)" rx="1.50" />
<rect x="488.61" y="16.29" width="3.00" height="127.42" fill="hsl(32.3, 84.2%, 52.3%)" rx="1.50" />
<rect x="492.62" y="17.44" width="3.00" height="125.13" fill="hsl(32.4, 84.3%, 52.4%)" rx="1.50" />
<rect x="496.62" y="15.58" width="3.00" height="128.83" fill="hsl(32.5, 84.3%, 52.5%)" rx="1.50" />
<rect x="500.62" y="12.91" width="3.00" height="134.18" fill="hsl(32.6, 84.4%, 52.6%)" rx="1.50" />
<rect x="504.63" y="11.02" width="3.00" height="137.96" fill="hsl(32.7, 84.5%, 52.7%)" rx="1.50" />
<rect x="508.63" y="12.17" width="3.00" height="135.66" fill="hsl(32.8, 84.6%, 52.8%)" rx="1.50" />
<rect x="512.64" y="15.04" width="3.00" height="129.93" fill="hsl(32.9, 84.6%, 52.9%)" rx="1.50" />
<rect x="516.64" y="17.59" width="3.00" height="124.83" fill="hsl(33.0, 84.7%, 53.0%)" rx="1.50" />
<rect x="520.65" y="15.57" width="3.00" height="128.86" fill="hsl(33.1, 84.8%, 53.1%)" rx="1.50" />
<rect x="524.65" y="14.14" width="3.00" height="131.71" fill="hsl(33.2, 84.9%, 53.2%)" rx="1.50" />
<rect x="528.66" y="18.12" width="3.00" height="123.76" fill="hsl(33.3, 84.9%, 53.3%)" rx="1.50" />
<rect x="532.66" y="18.24" width="3.00" height="123.52" fill="hsl(33.4, 85.0%, 53.4%)" rx="1.50" />
<rect x="536.67" y="15.33" width="3.00" height="129.35" fill="hsl(33.5, 85.1%, 53.5%)" rx="1.50" />
<rect x="540.67" y="15.98" width="3.00" height="128.03" fill="hsl(33.6, 85.2%, 53.6%)" rx="1.50" />
<rect x="544.68" y="15.93" width="3.00" height="128.15" fill="hsl(33.7, 85.3%, 53.7%)" rx="1.50" />
<rect x="548.68" y="16.10" width="3.00" height="127.79" fill="hsl(33.8, 85.3%, 53.8%)" rx="1.50" />
<rect x="552.69" y="19.35" width="3.00" height="121.30" fill="hsl(33.9, 85.4%, 53.9%)" rx="1.50" />
<rect x="556.69" y="17.65" width="3.00" height="124.70" fill="hsl(34.0, 85.5%, 54.0%)" rx="1.50" />
<rect x="560.70" y="16.90" width="3.00" height="126.20" fill="hsl(34.1, 85.6%, 54.1%)" rx="1.50" />
<rect x="564.71" y="24.70" width="3.00" height="110.61" fill="hsl(34.2, 85.6%, 54.2%)" rx="1.50" />
<rect x="568.71" y="24.94" width="3.00" height="110.11" fill="hsl(34.3, 85.7%, 54.3%)" rx="1.50" />
<rect x="572.72" y="19.63" width="3.00" height="120.74" fill="hsl(34.4, 85.8%, 54.4%)" rx="1.50" />
<rect x="576.72" y="24.81" width="3.00" height="110.38" fill="hsl(34.5, 85.9%, 54.5%)" rx="1.50" />
<rect x="580.73" y="27.35" width="3.00" height="105.29" fill="hsl(34.6, 85.9%, 54.6%)" rx="1.50" />
<rect x="584.73" y="21.15" width="3.00" height="117.71" fill="hsl(34.7, 86.0%, 54.7%)" rx="1.50" />
<rect x="588.74" y="17.85" width="3.00" height="124.29" fill="hsl(34.8, 86.1%, 54.8%)" rx="1.50" />
<rect x="592.74" y="13.88" width="3.00" height="132.25" fill="hsl(34.9, 86.2%, 54.9%)" rx="1.50" />
<rect x="596.75" y="10.90" width="3.00" height="138.19" fill="hsl(35.0, 86.2%, 55.0%)" rx="1.50" />
<rect x="600.75" y="16.69" width="3.00" height="126.62" fill="hsl(35.1, 86.3%, 55.1%)" rx="1.50" />
<rect x="604.75" y="18.38" width="3.00" height="123.24" fill="hsl(35.2, 86.4%, 55.2%)" rx="1.50" />
<rect x="608.76" y="15.08" width="3.00" height="129.84" fill="hsl(35.3, 86.5%, 55.3%)" rx="1.50" />
<rect x="612.76" y="22.61" width="3.00" height="114.78" fill="hsl(35.4, 86.5%, 55.4%)" rx="1.50" />
<rect x="616.77" y="25.55" width="3.00" height="108.91" fill="hsl(35.5, 86.6%, 55.5%)" rx="1.50" />
<rect x="620.77" y="18.67" width="3.00" height="122.66" fill="hsl(35.6, 86.7%, 55.6%)" rx="1.50" />
<rect x="624.78" y="20.06" width="3.00" height="119.89" fill="hsl(35.7, 86.8%, 55.7%)" rx="1.50" />
<rect x="628.78" y="19.74" width="3.00" height="120.52" fill="hsl(35.8, 86.8%, 55.8%)" rx="1.50" />
<rect x="632.79" y="15.97" width="3.00" height="128.06" fill="hsl(35.9, 86.9%, 55.9%)" rx="1.50" />
<rect x="636.79" y="17.39" width="3.00" height="125.23" fill="hsl(36.0, 87.0%, 56.0%)" rx="1.50" />
<rect x="640.80" y="15.01" width="3.00" height="129.98" fill="hsl(36.1, 87.1%, 56.1%)" rx="1.50" />
<rect x="644.80" y="11.47" width="3.00" height="137.06" fill="hsl(36.2, 87.1%, 56.2%)" rx="1.50" />
<rect x="648.81" y="14.23" width="3.00" height="131.55" fill="hsl(36.3, 87.2%, 56.3%)" rx="1.50" />
<rect x="652.81" y="13.85" width="3.00" height="132.31" fill="hsl(36.4, 87.3%, 56.4%)" rx="1.50" />
<rect x="656.82" y="10.28" width="3.00" height="139.44" fill="hsl(36.5, 87.4%, 56.5%)" rx="1.50" />
<rect x="660.82" y="14.01" width="3.00" height="131.98" fill="hsl(36.6, 87.4%, 56.6%)" rx="1.50" />
<rect x="664.83" y="15.85" width="3.00" height="128.29" fill="hsl(36.7, 87.5%, 56.7%)" rx="1.50" />
<rect x="668.84" y="14.01" width="3.00" height="131.99" fill="hsl(36.8, 87.6%, 56.8%)" rx="1.50" />
<rect x="672.84" y="20.84" width="3.00" height="118.33" fill="hsl(36.9, 87.7%, 56.9%)" rx="1.50" />
<rect x="676.85" y="24.19" width="3.00" height="111.62" fill="hsl(37.0, 87.7%, 57.0%)" rx="1.50" />
<rect x="680.85" y="20.42" width="3.00" height="119.16" fill="hsl(37.1, 87.8%, 57.1%)" rx="1.50" />
<rect x="684.86" y="21.55" width="3.00" height="116.90" fill="hsl(37.2, 87.9%, 57.2%)" rx="1.50" />
<rect x="688.86" y="18.66" width="3.00" height="122.68" fill="hsl(37.3, 88.0%, 57.3%)" rx="1.50" />
<rect x="692.87" y="13.33" width="3.00" height="133.34" fill="hsl(37.4, 88.0%, 57.4%)" rx="1.50" />
<rect x="696.87" y="13.86" width="3.00" height="132.28" fill="hsl(37.5, 88.1%, 57.5%)" rx="1.50" />
<rect x="700.88" y="13.57" width="3.00" height="132.87" fill="hsl(37.6, 88.2%, 57.6%)" rx="1.50" />
<rect x="704.88" y="13.83" width="3.00" height="132.34" fill="hsl(37.7, 88.3%, 57.7%)" rx="1.50" />
<rect x="708.88" y="18.77" width="3.00" height="122.45" fill="hsl(37.8, 88.3%, 57.8%)" rx="1.50" />
<rect x="712.89" y="20.95" width="3.00" height="118.09" fill="hsl(37.9, 88.4%, 57.9%)" rx="1.50" />
<rect x="716.89" y="17.54" width="3.00" height="124.92" fill="hsl(38.0, 88.5%, 58.0%)" rx="1.50" />
<rect x="720.90" y="17.63" width="3.00" height="124.74" fill="hsl(38.1, 88.6%, 58.1%)" rx="1.50" />
<rect x="724.90" y="20.58" width="3.00" height="118.85" fill="hsl(38.2, 88.6%, 58.2%)" rx="1.50" />
<rect x="728.91" y="20.78" width="3.00" height="118.44" fill="hsl(38.3, 88.7%, 58.3%)" rx="1.50" />
<rect x="732.91" y="21.55" width="3.00" height="116.90" fill="hsl(38.4, 88.8%, 58.4%)" rx="1.50" />
<rect x="736.92" y="22.85" width="3.00" height="114.30" fill="hsl(38.5, 88.9%, 58.5%)" rx="1.50" />
<rect x="740.92" y="23.65" width="3.00" height="112.70" fill="hsl(38.6, 88.9%, 58.6%)" rx="1.50" />
<rect x="744.93" y="24.61" width="3.00" height="110.78" fill="hsl(38.7, 89.0%, 58.7%)" rx="1.50" />
<rect x="748.93" y="24.41" width="3.00" height="111.18" fill="hsl(38.8, 89.1%, 58.8%)" rx="1.50" />
<rect x="752.94" y="25.83" width="3.00" height="108.33" fill="hsl(38.9, 89.2%, 58.9%)" rx="1.50" />
<rect x="756.94" y="31.21" width="3.00" height="97.57" fill="hsl(39.0, 89.2%, 59.0%)" rx="1.50" />
<rect x="760.95" y="35.21" width="3.00" height="89.57" fill="hsl(39.1, 89.3%, 59.1%)" rx="1.50" />
<rect x="764.95" y="34.65" width="3.00" height="90.69" fill="hsl(39.2, 89.4%, 59.2%)" rx="1.50" />
<rect x="768.96" y="36.54" width="3.00" height="86.91" fill="hsl(39.3, 89.5%, 59.3%)" rx="1.50" />
<rect x="772.97" y="41.91" width="3.00" height="76.18" fill="hsl(39.4, 89.5%, 59.4%)" rx="1.50" />
<rect x="776.97" y="44.66" width="3.00" height="70.68" fill="hsl(39.5, 89.6%, 59.5%)" rx="1.50" />
<rect x="780.98" y="47.28" width="3.00" height="65.44" fill="hsl(39.6, 89.7%, 59.6%)" rx="1.50" />
<rect x="784.98" y="50.60" width="3.00" height="58.80" fill="hsl(39.7, 89.8%, 59.7%)" rx="1.50" />
<rect x="788.99" y="50.41" width="3.00" height="59.18" fill="hsl(39.8, 89.8%, 59.8%)" rx="1.50" />
<rect x="792.99" y="50.67" width="3.00" height="58.65" fill="hsl(39.9, 89.9%, 59.9%)" rx="1.50" />
<rect x="797.00" y="52.19" width="3.00" height="55.62" fill="hsl(40.0, 90.0%, 60.0%)" rx="1.50" />
</svg>
Reference in new issue View Git Blame Copy Permalink