mirror of
https://github.com/got-feedBack/feedBack.git
synced 2026-08-12 03:41:40 +00:00
85 lines
4.1 KiB
XML
85 lines
4.1 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 460" role="img" aria-label="Pedal enclosure">
|
|
<defs>
|
|
<linearGradient id="body" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#3b4859"/>
|
|
<stop offset="0.18" stop-color="#2c3949"/>
|
|
<stop offset="0.55" stop-color="#222d3b"/>
|
|
<stop offset="1" stop-color="#161f2b"/>
|
|
</linearGradient>
|
|
<linearGradient id="bodyEdge" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#566476"/>
|
|
<stop offset="1" stop-color="#0c1118"/>
|
|
</linearGradient>
|
|
<radialGradient id="chrome" cx="0.4" cy="0.3" r="0.85">
|
|
<stop offset="0" stop-color="#ffffff"/>
|
|
<stop offset="0.35" stop-color="#cbd5e1"/>
|
|
<stop offset="0.7" stop-color="#6b7787"/>
|
|
<stop offset="1" stop-color="#2b3543"/>
|
|
</radialGradient>
|
|
<radialGradient id="knob" cx="0.5" cy="0.32" r="0.85">
|
|
<stop offset="0" stop-color="#5b6779"/>
|
|
<stop offset="0.45" stop-color="#39434f"/>
|
|
<stop offset="0.8" stop-color="#1a212b"/>
|
|
<stop offset="1" stop-color="#0b0f15"/>
|
|
</radialGradient>
|
|
<radialGradient id="foot" cx="0.5" cy="0.34" r="0.8">
|
|
<stop offset="0" stop-color="#ffffff"/>
|
|
<stop offset="0.2" stop-color="#e2e8f0"/>
|
|
<stop offset="0.5" stop-color="#aab6c4"/>
|
|
<stop offset="0.78" stop-color="#6b7787"/>
|
|
<stop offset="1" stop-color="#39434f"/>
|
|
</radialGradient>
|
|
<radialGradient id="screw" cx="0.4" cy="0.35" r="0.8">
|
|
<stop offset="0" stop-color="#e6ebf1"/>
|
|
<stop offset="0.55" stop-color="#8a97a6"/>
|
|
<stop offset="1" stop-color="#2b3543"/>
|
|
</radialGradient>
|
|
</defs>
|
|
|
|
<!-- enclosure body -->
|
|
<rect x="14" y="8" width="272" height="444" rx="30" fill="url(#bodyEdge)"/>
|
|
<rect x="17" y="11" width="266" height="438" rx="28" fill="url(#body)" stroke="#0a0e14" stroke-width="1.5"/>
|
|
<!-- top edge sheen -->
|
|
<rect x="26" y="18" width="248" height="420" rx="22" fill="none" stroke="rgba(255,255,255,.05)" stroke-width="2"/>
|
|
|
|
<!-- corner screws -->
|
|
<g stroke="#0a0e14" stroke-width="1">
|
|
<g><circle cx="42" cy="40" r="7" fill="url(#screw)"/><line x1="38" y1="40" x2="46" y2="40" stroke="#1a212b" stroke-width="1.4"/></g>
|
|
<g><circle cx="258" cy="40" r="7" fill="url(#screw)"/><line x1="254" y1="40" x2="262" y2="40" stroke="#1a212b" stroke-width="1.4"/></g>
|
|
<g><circle cx="42" cy="420" r="7" fill="url(#screw)"/><line x1="38" y1="420" x2="46" y2="420" stroke="#1a212b" stroke-width="1.4"/></g>
|
|
<g><circle cx="258" cy="420" r="7" fill="url(#screw)"/><line x1="254" y1="420" x2="262" y2="420" stroke="#1a212b" stroke-width="1.4"/></g>
|
|
</g>
|
|
|
|
<!-- knob row (top) -->
|
|
<g>
|
|
<g transform="translate(78,62)">
|
|
<circle r="22" fill="url(#knob)" stroke="#0a0e14" stroke-width="1.5"/>
|
|
<circle r="22" fill="none" stroke="rgba(90,100,115,.5)" stroke-width="1"/>
|
|
<rect x="-1.6" y="-19" width="3.2" height="10" rx="1.6" fill="#e2e8f0" transform="rotate(-50)"/>
|
|
</g>
|
|
<g transform="translate(150,62)">
|
|
<circle r="22" fill="url(#knob)" stroke="#0a0e14" stroke-width="1.5"/>
|
|
<circle r="22" fill="none" stroke="rgba(90,100,115,.5)" stroke-width="1"/>
|
|
<rect x="-1.6" y="-19" width="3.2" height="10" rx="1.6" fill="#e2e8f0" transform="rotate(12)"/>
|
|
</g>
|
|
<g transform="translate(222,62)">
|
|
<circle r="22" fill="url(#knob)" stroke="#0a0e14" stroke-width="1.5"/>
|
|
<circle r="22" fill="none" stroke="rgba(90,100,115,.5)" stroke-width="1"/>
|
|
<rect x="-1.6" y="-19" width="3.2" height="10" rx="1.6" fill="#e2e8f0" transform="rotate(58)"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- side jack nuts (cable plugs from pedal-cables.js insert here) -->
|
|
<g>
|
|
<rect x="6" y="218" width="16" height="24" rx="3" fill="url(#chrome)" stroke="#0a0e14" stroke-width="1"/>
|
|
<rect x="278" y="218" width="16" height="24" rx="3" fill="url(#chrome)" stroke="#0a0e14" stroke-width="1"/>
|
|
</g>
|
|
|
|
<!-- footswitch (bottom) -->
|
|
<g transform="translate(150,392)">
|
|
<circle r="34" fill="url(#chrome)" stroke="#0a0e14" stroke-width="1.5"/>
|
|
<circle r="27" fill="#11161e"/>
|
|
<circle r="24" fill="url(#foot)" stroke="#0a0e14" stroke-width="1"/>
|
|
</g>
|
|
</svg>
|