Add pi.dev tag to Pi-related engineering posts

2026-04-29 21:34:00 +01:00
parent 54344fc75e
commit 9c769959ad
9 changed files with 139 additions and 6 deletions
@@ -0,0 +1,60 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 280" width="100%" height="100%">
+  <style>
+    .tire { fill: #1a1a1a; }
+    .rim { fill: #444; stroke: #666; stroke-width: 2; }
+    .frame { stroke: #2c3e50; stroke-width: 6; fill: none; stroke-linecap: round; stroke-linejoin: round; }
+    .fork { stroke: #5d6d7e; stroke-width: 5; fill: none; stroke-linecap: round; }
+    .fender { fill: #ecf0f1; stroke: #bdc3c7; stroke-width: 2; }
+    .seat { fill: #34495e; stroke: #2c3e50; stroke-width: 1; }
+    .tank { fill: #5d6d7e; stroke: #2c3e50; stroke-width: 1; }
+    .controls { stroke: #2c3e50; stroke-width: 4; fill: none; stroke-linecap: round; }
+    .headlight { fill: #f1c40f; stroke: #2c3e50; stroke-width: 2; }
+    .taillight { fill: #e74c3c; stroke: #2c3e50; stroke-width: 2; }
+    .shock { stroke: #7f8c8d; stroke-width: 5; fill: none; stroke-linecap: round; }
+    .ground { stroke: #ccc; stroke-width: 2; }
+    .shadow { fill: rgba(0,0,0,0.1); }
+  </style>
+
+  <!-- Ground & Shadow -->
+  <line x1="20" y1="242" x2="380" y2="242" class="ground"/>
+  <ellipse cx="100" cy="242" rx="28" ry="4" class="shadow"/>
+  <ellipse cx="300" cy="242" rx="28" ry="4" class="shadow"/>
+
+  <!-- Fenders -->
+  <path d="M 272 206 Q 300 176 328 206" class="fender" stroke-width="8" fill="none"/>
+  <path d="M 72 206 Q 100 176 128 206" class="fender" stroke-width="8" fill="none"/>
+
+  <!-- Wheels -->
+  <circle cx="300" cy="210" r="32" class="tire"/>
+  <circle cx="300" cy="210" r="24" class="rim"/>
+  <circle cx="100" cy="210" r="32" class="tire"/>
+  <circle cx="100" cy="210" r="24" class="rim"/>
+
+  <!-- Frame (Engine area intentionally empty) -->
+  <path d="M 100 165 L 180 200 L 240 150 Z" class="frame"/>
+  <path d="M 180 200 L 300 210" class="frame"/>
+  <path d="M 240 150 L 300 210" class="frame"/>
+  <path d="M 100 165 L 240 150" class="frame"/>
+
+  <!-- Fork -->
+  <path d="M 94 158 L 100 210 M 106 158 L 100 210" class="fork"/>
+
+  <!-- Rear Shock -->
+  <line x1="215" y1="192" x2="248" y2="202" class="shock"/>
+
+  <!-- Seat -->
+  <path d="M 188 146 Q 230 136 272 146 L 267 156 Q 230 151 193 156 Z" class="seat"/>
+
+  <!-- Tank -->
+  <path d="M 148 152 Q 180 138 212 152 L 204 162 Q 180 158 156 162 Z" class="tank"/>
+
+  <!-- Handlebars -->
+  <path d="M 78 142 L 122 142" class="controls"/>
+  <path d="M 78 142 L 72 132" class="controls"/>
+  <path d="M 122 142 L 128 132" class="controls"/>
+
+  <!-- Lights -->
+  <circle cx="88" cy="142" r="7" class="headlight"/>
+  <rect x="306" y="190" width="10" height="14" rx="2" class="taillight"/>
+</svg>
+