Munelit/swerve-visualizer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Actually upload the PWA files

Browse Source
This commit is contained in:
Moonlit Productions
2025-11-10 14:54:29 -05:00
parent e9d3b71f28
commit 402b147654
4 changed files with 112 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
icons/192.svg Normal file
View File

@ -0,0 +1,22 @@
<svg width="192" height="192" xmlns="http://www.w3.org/2000/svg">
<rect width="192" height="192" fill="#16213e"/>
<circle cx="96" cy="96" r="70" fill="none" stroke="#0f3460" stroke-width="3"/>
<!-- Swerve modules (4 corners) -->
<circle cx="56" cy="56" r="12" fill="#e94560"/>
<circle cx="136" cy="56" r="12" fill="#e94560"/>
<circle cx="56" cy="136" r="12" fill="#e94560"/>
<circle cx="136" cy="136" r="12" fill="#e94560"/>
<!-- Velocity arrows -->
<line x1="56" y1="56" x2="56" y2="40" stroke="#ff6b6b" stroke-width="3" stroke-linecap="round"/>
<line x1="136" y1="56" x2="136" y2="40" stroke="#ff6b6b" stroke-width="3" stroke-linecap="round"/>
<line x1="56" y1="136" x2="56" y2="152" stroke="#ff6b6b" stroke-width="3" stroke-linecap="round"/>
<line x1="136" y1="136" x2="136" y2="152" stroke="#ff6b6b" stroke-width="3" stroke-linecap="round"/>
<!-- Center point -->
<circle cx="96" cy="96" r="6" fill="#4ecca3"/>
<!-- Robot frame -->
<polygon points="56,56 136,56 136,136 56,136" fill="none" stroke="#4ecca3" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

41
icons/512.svg Normal file
View File

@ -0,0 +1,41 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg">
<rect width="512" height="512" fill="#16213e"/>
<circle cx="256" cy="256" r="190" fill="none" stroke="#0f3460" stroke-width="8"/>
<!-- Swerve modules (4 corners) -->
<circle cx="150" cy="150" r="32" fill="#e94560"/>
<circle cx="362" cy="150" r="32" fill="#e94560"/>
<circle cx="150" cy="362" r="32" fill="#e94560"/>
<circle cx="362" cy="362" r="32" fill="#e94560"/>
<!-- Velocity arrows -->
<line x1="150" y1="150" x2="150" y2="100" stroke="#ff6b6b" stroke-width="8" stroke-linecap="round"/>
<polygon points="150,90 140,110 160,110" fill="#ff6b6b"/>
<line x1="362" y1="150" x2="362" y2="100" stroke="#ff6b6b" stroke-width="8" stroke-linecap="round"/>
<polygon points="362,90 352,110 372,110" fill="#ff6b6b"/>
<line x1="150" y1="362" x2="150" y2="412" stroke="#ff6b6b" stroke-width="8" stroke-linecap="round"/>
<polygon points="150,422 140,402 160,402" fill="#ff6b6b"/>
<line x1="362" y1="362" x2="362" y2="412" stroke="#ff6b6b" stroke-width="8" stroke-linecap="round"/>
<polygon points="362,422 352,402 372,402" fill="#ff6b6b"/>
<!-- Center point -->
<circle cx="256" cy="256" r="16" fill="#4ecca3"/>
<!-- Robot frame -->
<polygon points="150,150 362,150 362,362 150,362" fill="none" stroke="#4ecca3" stroke-width="6"/>
<!-- Grid lines in background -->
<g opacity="0.2" stroke="#4ecca3" stroke-width="1">
<line x1="100" y1="100" x2="100" y2="412"/>
<line x1="200" y1="100" x2="200" y2="412"/>
<line x1="300" y1="100" x2="300" y2="412"/>
<line x1="400" y1="100" x2="400" y2="412"/>
<line x1="100" y1="100" x2="412" y2="100"/>
<line x1="100" y1="200" x2="412" y2="200"/>
<line x1="100" y1="300" x2="412" y2="300"/>
<line x1="100" y1="400" x2="412" y2="400"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB