icon + text left aligned

matthewvaishnav · matthewvaishnav · commit fa87a479edb8 · 2026-04-17T13:03:41.000-04:00
diff --git a/public/images/works/drift-logo-rect.svg b/public/images/works/drift-logo-rect.svg
@@ -1,13 +1,13 @@
 <svg width="600" height="400" viewBox="0 0 600 400" xmlns="http://www.w3.org/2000/svg">
   <rect width="600" height="400" fill="#fae8ff"/>
   
-  <!-- Git branch visualization -->
-  <circle cx="145" cy="180" r="6" fill="#a855f7"/>
-  <line x1="151" y1="180" x2="165" y2="180" stroke="#a855f7" stroke-width="3"/>
-  <circle cx="171" cy="180" r="6" fill="#a855f7"/>
-  <line x1="171" y1="186" x2="171" y2="200" stroke="#a855f7" stroke-width="3"/>
-  <circle cx="171" cy="206" r="6" fill="#a855f7"/>
+  <!-- Git branch left -->
+  <circle cx="80" cy="180" r="6" fill="#a855f7"/>
+  <line x1="86" y1="180" x2="100" y2="180" stroke="#a855f7" stroke-width="3"/>
+  <circle cx="106" cy="180" r="6" fill="#a855f7"/>
+  <line x1="106" y1="186" x2="106" y2="200" stroke="#a855f7" stroke-width="3"/>
+  <circle cx="106" cy="206" r="6" fill="#a855f7"/>
   
   <!-- Text -->
-  <text x="300" y="200" font-family="'Inter', 'SF Pro Display', -apple-system, sans-serif" font-size="48" font-weight="600" fill="#1e293b" text-anchor="middle">drift</text>
+  <text x="130" y="200" font-family="'Inter', 'SF Pro Display', -apple-system, sans-serif" font-size="48" font-weight="600" fill="#1e293b" text-anchor="start">drift</text>
 </svg>
diff --git a/public/images/works/out-of-orbit-logo-rect.svg b/public/images/works/out-of-orbit-logo-rect.svg
@@ -1,12 +1,12 @@
 <svg width="600" height="400" viewBox="0 0 600 400" xmlns="http://www.w3.org/2000/svg">
   <rect width="600" height="400" fill="#f3e8ff"/>
   
-  <!-- Rocket ship -->
-  <path d="M 165 165 L 155 185 L 160 185 L 160 200 L 170 200 L 170 185 L 175 185 Z" fill="#8338ec"/>
-  <circle cx="165" cy="172" r="3" fill="#f3e8ff"/>
-  <polygon points="155,185 150,195 160,185" fill="#8338ec" opacity="0.6"/>
-  <polygon points="175,185 180,195 170,185" fill="#8338ec" opacity="0.6"/>
+  <!-- Rocket left -->
+  <path d="M 100 165 L 90 185 L 95 185 L 95 200 L 105 200 L 105 185 L 110 185 Z" fill="#8338ec"/>
+  <circle cx="100" cy="172" r="3" fill="#f3e8ff"/>
+  <polygon points="90,185 85,195 95,185" fill="#8338ec" opacity="0.6"/>
+  <polygon points="110,185 115,195 105,185" fill="#8338ec" opacity="0.6"/>
   
   <!-- Text -->
-  <text x="300" y="200" font-family="'Inter', 'SF Pro Display', -apple-system, sans-serif" font-size="48" font-weight="600" fill="#1e293b" text-anchor="middle">Out of Orbit</text>
+  <text x="130" y="200" font-family="'Inter', 'SF Pro Display', -apple-system, sans-serif" font-size="48" font-weight="600" fill="#1e293b" text-anchor="start">Out of Orbit</text>
 </svg>
diff --git a/public/images/works/pathml-logo-rect.svg b/public/images/works/pathml-logo-rect.svg
@@ -1,10 +1,10 @@
 <svg width="600" height="400" viewBox="0 0 600 400" xmlns="http://www.w3.org/2000/svg">
   <rect width="600" height="400" fill="#e0f2fe"/>
   
-  <!-- Simple square with dot (core/center concept) -->
-  <rect x="135" y="170" width="40" height="40" fill="none" stroke="#00d9f5" stroke-width="3" rx="2"/>
-  <circle cx="155" cy="190" r="5" fill="#00d9f5"/>
+  <!-- Icon left side -->
+  <rect x="80" y="170" width="40" height="40" fill="none" stroke="#00d9f5" stroke-width="3" rx="2"/>
+  <circle cx="100" cy="190" r="5" fill="#00d9f5"/>
   
-  <!-- Text -->
-  <text x="300" y="200" font-family="'Inter', 'SF Pro Display', -apple-system, sans-serif" font-size="48" font-weight="600" fill="#1e293b" text-anchor="middle">HistoCore</text>
+  <!-- Text left aligned -->
+  <text x="140" y="200" font-family="'Inter', 'SF Pro Display', -apple-system, sans-serif" font-size="48" font-weight="600" fill="#1e293b" text-anchor="start">HistoCore</text>
 </svg>
diff --git a/public/images/works/replay-logo-rect.svg b/public/images/works/replay-logo-rect.svg
@@ -1,12 +1,12 @@
 <svg width="600" height="400" viewBox="0 0 600 400" xmlns="http://www.w3.org/2000/svg">
   <rect width="600" height="400" fill="#fee2e2"/>
   
-  <!-- Play button with circular arrow -->
-  <circle cx="165" cy="190" r="25" fill="none" stroke="#ef4444" stroke-width="3"/>
-  <polygon points="158,180 158,200 175,190" fill="#ef4444"/>
-  <path d="M 185 170 Q 195 165, 200 175" fill="none" stroke="#ef4444" stroke-width="3" stroke-linecap="round"/>
-  <polygon points="198,178 203,175 200,170" fill="#ef4444"/>
+  <!-- Play + arrow left -->
+  <circle cx="100" cy="190" r="25" fill="none" stroke="#ef4444" stroke-width="3"/>
+  <polygon points="93,180 93,200 110,190" fill="#ef4444"/>
+  <path d="M 120 170 Q 130 165, 135 175" fill="none" stroke="#ef4444" stroke-width="3" stroke-linecap="round"/>
+  <polygon points="133,178 138,175 135,170" fill="#ef4444"/>
   
   <!-- Text -->
-  <text x="300" y="200" font-family="'Inter', 'SF Pro Display', -apple-system, sans-serif" font-size="48" font-weight="600" fill="#1e293b" text-anchor="middle">replay</text>
+  <text x="150" y="200" font-family="'Inter', 'SF Pro Display', -apple-system, sans-serif" font-size="48" font-weight="600" fill="#1e293b" text-anchor="start">replay</text>
 </svg>
diff --git a/public/images/works/sentinel-logo-rect.svg b/public/images/works/sentinel-logo-rect.svg
@@ -1,12 +1,12 @@
 <svg width="600" height="400" viewBox="0 0 600 400" xmlns="http://www.w3.org/2000/svg">
   <rect width="600" height="400" fill="#ede9fe"/>
   
-  <!-- Shield with scan lines -->
-  <path d="M 155 165 L 175 165 L 180 170 L 180 195 Q 180 205, 165 210 Q 150 205, 150 195 L 150 170 Z" 
+  <!-- Shield icon left -->
+  <path d="M 90 165 L 110 165 L 115 170 L 115 195 Q 115 205, 100 210 Q 85 205, 85 195 L 85 170 Z" 
         fill="none" stroke="#5b6ee1" stroke-width="3"/>
-  <line x1="155" y1="180" x2="175" y2="180" stroke="#5b6ee1" stroke-width="2" opacity="0.5"/>
-  <line x1="155" y1="190" x2="175" y2="190" stroke="#5b6ee1" stroke-width="2" opacity="0.5"/>
+  <line x1="90" y1="180" x2="110" y2="180" stroke="#5b6ee1" stroke-width="2" opacity="0.5"/>
+  <line x1="90" y1="190" x2="110" y2="190" stroke="#5b6ee1" stroke-width="2" opacity="0.5"/>
   
   <!-- Text -->
-  <text x="300" y="200" font-family="'Inter', 'SF Pro Display', -apple-system, sans-serif" font-size="48" font-weight="600" fill="#1e293b" text-anchor="middle">SENTINEL</text>
+  <text x="135" y="200" font-family="'Inter', 'SF Pro Display', -apple-system, sans-serif" font-size="48" font-weight="600" fill="#1e293b" text-anchor="start">SENTINEL</text>
 </svg>
diff --git a/public/images/works/whoops-logo-rect.svg b/public/images/works/whoops-logo-rect.svg
@@ -1,11 +1,11 @@
 <svg width="600" height="400" viewBox="0 0 600 400" xmlns="http://www.w3.org/2000/svg">
   <rect width="600" height="400" fill="#fef3c7"/>
   
-  <!-- Terminal with X -->
-  <rect x="140" y="170" width="50" height="40" fill="none" stroke="#f59e0b" stroke-width="3" rx="3"/>
-  <line x1="155" y1="182" x2="175" y2="198" stroke="#f59e0b" stroke-width="3" stroke-linecap="round"/>
-  <line x1="175" y1="182" x2="155" y2="198" stroke="#f59e0b" stroke-width="3" stroke-linecap="round"/>
+  <!-- Terminal X left -->
+  <rect x="75" y="170" width="50" height="40" fill="none" stroke="#f59e0b" stroke-width="3" rx="3"/>
+  <line x1="90" y1="182" x2="110" y2="198" stroke="#f59e0b" stroke-width="3" stroke-linecap="round"/>
+  <line x1="110" y1="182" x2="90" y2="198" stroke="#f59e0b" stroke-width="3" stroke-linecap="round"/>
   
   <!-- Text -->
-  <text x="300" y="200" font-family="'Inter', 'SF Pro Display', -apple-system, sans-serif" font-size="48" font-weight="600" fill="#1e293b" text-anchor="middle">whoops</text>
+  <text x="145" y="200" font-family="'Inter', 'SF Pro Display', -apple-system, sans-serif" font-size="48" font-weight="600" fill="#1e293b" text-anchor="start">whoops</text>
 </svg>
