Fix SVG logo centering by tightening viewBox to 335

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jon Saad-Falcon
2026-02-22 23:54:34 +00:00
co-authored by Claude Opus 4.6
parent bd49383201
commit 4d65dadd78
2 changed files with 36 additions and 48 deletions
+18 -24
View File
@@ -1,26 +1,20 @@
<svg width="520" height="80" viewBox="0 0 520 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(90, 0)">
<!-- Circuit Node Mark -->
<g>
<!-- Central hub -->
<circle cx="40" cy="40" r="12" fill="#e0e0e8"/>
<circle cx="40" cy="40" r="7.5" fill="#3b82f6"/>
<!-- Trace lines -->
<line x1="40" y1="28" x2="40" y2="10" stroke="#e0e0e8" stroke-width="3" stroke-linecap="round"/>
<line x1="40" y1="52" x2="40" y2="70" stroke="#e0e0e8" stroke-width="3" stroke-linecap="round"/>
<line x1="28" y1="40" x2="10" y2="40" stroke="#e0e0e8" stroke-width="3" stroke-linecap="round"/>
<line x1="52" y1="40" x2="70" y2="40" stroke="#e0e0e8" stroke-width="3" stroke-linecap="round"/>
<line x1="31.5" y1="31.5" x2="17" y2="17" stroke="#e0e0e8" stroke-width="2.5" stroke-linecap="round"/>
<line x1="48.5" y1="31.5" x2="63" y2="17" stroke="#e0e0e8" stroke-width="2.5" stroke-linecap="round"/>
<!-- Outer nodes -->
<circle cx="40" cy="7" r="5" fill="#e0e0e8"/>
<circle cx="40" cy="73" r="5" fill="#e0e0e8"/>
<circle cx="7" cy="40" r="5" fill="#e0e0e8"/>
<circle cx="73" cy="40" r="5" fill="#e0e0e8"/>
<circle cx="14.5" cy="14.5" r="4.5" fill="#6366f1"/>
<circle cx="65.5" cy="14.5" r="4.5" fill="#10b981"/>
</g>
<!-- Text -->
<text x="100" y="52" font-family="'IBM Plex Mono', 'SF Mono', 'Menlo', monospace" font-weight="600" font-size="42" fill="#eeeef4" letter-spacing="-1.5">openjarvis</text>
<svg width="335" height="80" viewBox="0 0 335 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Circuit Node Mark -->
<g transform="translate(0, 0)">
<circle cx="40" cy="40" r="12" fill="#e0e0e8"/>
<circle cx="40" cy="40" r="7.5" fill="#3b82f6"/>
<line x1="40" y1="28" x2="40" y2="10" stroke="#e0e0e8" stroke-width="3" stroke-linecap="round"/>
<line x1="40" y1="52" x2="40" y2="70" stroke="#e0e0e8" stroke-width="3" stroke-linecap="round"/>
<line x1="28" y1="40" x2="10" y2="40" stroke="#e0e0e8" stroke-width="3" stroke-linecap="round"/>
<line x1="52" y1="40" x2="70" y2="40" stroke="#e0e0e8" stroke-width="3" stroke-linecap="round"/>
<line x1="31.5" y1="31.5" x2="17" y2="17" stroke="#e0e0e8" stroke-width="2.5" stroke-linecap="round"/>
<line x1="48.5" y1="31.5" x2="63" y2="17" stroke="#e0e0e8" stroke-width="2.5" stroke-linecap="round"/>
<circle cx="40" cy="7" r="5" fill="#e0e0e8"/>
<circle cx="40" cy="73" r="5" fill="#e0e0e8"/>
<circle cx="7" cy="40" r="5" fill="#e0e0e8"/>
<circle cx="73" cy="40" r="5" fill="#e0e0e8"/>
<circle cx="14.5" cy="14.5" r="4.5" fill="#6366f1"/>
<circle cx="65.5" cy="14.5" r="4.5" fill="#10b981"/>
</g>
<text x="100" y="52" font-family="'IBM Plex Mono', 'SF Mono', 'Menlo', monospace" font-weight="600" font-size="42" fill="#eeeef4" letter-spacing="-1.5">openjarvis</text>
</svg>

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

+18 -24
View File
@@ -1,26 +1,20 @@
<svg width="520" height="80" viewBox="0 0 520 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(90, 0)">
<!-- Circuit Node Mark -->
<g>
<!-- Central hub -->
<circle cx="40" cy="40" r="12" fill="#1a1a1e"/>
<circle cx="40" cy="40" r="7.5" fill="#3b82f6"/>
<!-- Trace lines -->
<line x1="40" y1="28" x2="40" y2="10" stroke="#1a1a1e" stroke-width="3" stroke-linecap="round"/>
<line x1="40" y1="52" x2="40" y2="70" stroke="#1a1a1e" stroke-width="3" stroke-linecap="round"/>
<line x1="28" y1="40" x2="10" y2="40" stroke="#1a1a1e" stroke-width="3" stroke-linecap="round"/>
<line x1="52" y1="40" x2="70" y2="40" stroke="#1a1a1e" stroke-width="3" stroke-linecap="round"/>
<line x1="31.5" y1="31.5" x2="17" y2="17" stroke="#1a1a1e" stroke-width="2.5" stroke-linecap="round"/>
<line x1="48.5" y1="31.5" x2="63" y2="17" stroke="#1a1a1e" stroke-width="2.5" stroke-linecap="round"/>
<!-- Outer nodes -->
<circle cx="40" cy="7" r="5" fill="#1a1a1e"/>
<circle cx="40" cy="73" r="5" fill="#1a1a1e"/>
<circle cx="7" cy="40" r="5" fill="#1a1a1e"/>
<circle cx="73" cy="40" r="5" fill="#1a1a1e"/>
<circle cx="14.5" cy="14.5" r="4.5" fill="#6366f1"/>
<circle cx="65.5" cy="14.5" r="4.5" fill="#10b981"/>
</g>
<!-- Text -->
<text x="100" y="52" font-family="'IBM Plex Mono', 'SF Mono', 'Menlo', monospace" font-weight="600" font-size="42" fill="#1a1a1e" letter-spacing="-1.5">openjarvis</text>
<svg width="335" height="80" viewBox="0 0 335 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Circuit Node Mark -->
<g transform="translate(0, 0)">
<circle cx="40" cy="40" r="12" fill="#1a1a1e"/>
<circle cx="40" cy="40" r="7.5" fill="#3b82f6"/>
<line x1="40" y1="28" x2="40" y2="10" stroke="#1a1a1e" stroke-width="3" stroke-linecap="round"/>
<line x1="40" y1="52" x2="40" y2="70" stroke="#1a1a1e" stroke-width="3" stroke-linecap="round"/>
<line x1="28" y1="40" x2="10" y2="40" stroke="#1a1a1e" stroke-width="3" stroke-linecap="round"/>
<line x1="52" y1="40" x2="70" y2="40" stroke="#1a1a1e" stroke-width="3" stroke-linecap="round"/>
<line x1="31.5" y1="31.5" x2="17" y2="17" stroke="#1a1a1e" stroke-width="2.5" stroke-linecap="round"/>
<line x1="48.5" y1="31.5" x2="63" y2="17" stroke="#1a1a1e" stroke-width="2.5" stroke-linecap="round"/>
<circle cx="40" cy="7" r="5" fill="#1a1a1e"/>
<circle cx="40" cy="73" r="5" fill="#1a1a1e"/>
<circle cx="7" cy="40" r="5" fill="#1a1a1e"/>
<circle cx="73" cy="40" r="5" fill="#1a1a1e"/>
<circle cx="14.5" cy="14.5" r="4.5" fill="#6366f1"/>
<circle cx="65.5" cy="14.5" r="4.5" fill="#10b981"/>
</g>
<text x="100" y="52" font-family="'IBM Plex Mono', 'SF Mono', 'Menlo', monospace" font-weight="600" font-size="42" fill="#1a1a1e" letter-spacing="-1.5">openjarvis</text>
</svg>

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB