auto-claude: subtask-1-1 - Create 3 SVG icon files for DWC features

Stephan Wald · claude · Stephan Wald · commit 9f153c54da49 · 2026-01-22T21:03:01.000+01:00
- bbj-to-web.svg: Desktop-to-web transformation icon with arrow
- css-layouts.svg: Grid layout icon with header, sidebar, and columns
- validation.svg: Shield with checkmark icon

Co-Authored-By: Claude Opus 4.5 &lt;noreply@anthropic.com&gt;
diff --git a/static/img/bbj-to-web.svg b/static/img/bbj-to-web.svg
@@ -0,0 +1,19 @@
+<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+  <g fill="none" fill-rule="evenodd">
+    <!-- Left box representing BBj desktop app -->
+    <rect x="20" y="60" width="60" height="80" rx="8" fill="#25c2a0" opacity="0.3" stroke="#25c2a0" stroke-width="4"/>
+    <rect x="30" y="75" width="40" height="8" rx="2" fill="#25c2a0"/>
+    <rect x="30" y="90" width="30" height="8" rx="2" fill="#25c2a0"/>
+    <rect x="30" y="105" width="35" height="8" rx="2" fill="#25c2a0"/>
+    <rect x="30" y="120" width="25" height="8" rx="2" fill="#25c2a0"/>
+
+    <!-- Arrow pointing right -->
+    <path d="M95 100 L125 100 M115 85 L130 100 L115 115" stroke="#25c2a0" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+
+    <!-- Right globe/web icon -->
+    <circle cx="155" cy="100" r="35" fill="#25c2a0" opacity="0.3" stroke="#25c2a0" stroke-width="4"/>
+    <ellipse cx="155" cy="100" rx="15" ry="35" fill="none" stroke="#25c2a0" stroke-width="3"/>
+    <line x1="120" y1="100" x2="190" y2="100" stroke="#25c2a0" stroke-width="3"/>
+    <line x1="155" y1="65" x2="155" y2="135" stroke="#25c2a0" stroke-width="3"/>
+  </g>
+</svg>
diff --git a/static/img/css-layouts.svg b/static/img/css-layouts.svg
@@ -0,0 +1,19 @@
+<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+  <g fill="none" fill-rule="evenodd">
+    <!-- Grid layout representation -->
+    <!-- Top row - header spanning full width -->
+    <rect x="25" y="25" width="150" height="30" rx="6" fill="#25c2a0"/>
+
+    <!-- Middle row - sidebar and main content -->
+    <rect x="25" y="65" width="40" height="80" rx="6" fill="#25c2a0" opacity="0.6"/>
+    <rect x="75" y="65" width="100" height="80" rx="6" fill="#25c2a0" opacity="0.8"/>
+
+    <!-- Bottom row - three equal columns -->
+    <rect x="25" y="155" width="45" height="25" rx="4" fill="#25c2a0" opacity="0.5"/>
+    <rect x="77" y="155" width="45" height="25" rx="4" fill="#25c2a0" opacity="0.5"/>
+    <rect x="130" y="155" width="45" height="25" rx="4" fill="#25c2a0" opacity="0.5"/>
+
+    <!-- Grid lines for visual effect -->
+    <line x1="70" y1="65" x2="70" y2="145" stroke="#25c2a0" stroke-width="2" stroke-dasharray="4,2"/>
+  </g>
+</svg>
diff --git a/static/img/validation.svg b/static/img/validation.svg
@@ -0,0 +1,14 @@
+<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+  <g fill="none" fill-rule="evenodd">
+    <!-- Shield background -->
+    <path d="M100 20 L170 50 L170 110 C170 150 140 175 100 190 C60 175 30 150 30 110 L30 50 Z" fill="#25c2a0" opacity="0.2" stroke="#25c2a0" stroke-width="4"/>
+
+    <!-- Checkmark -->
+    <path d="M65 105 L90 130 L140 70" stroke="#25c2a0" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>
+
+    <!-- Small decorative circles -->
+    <circle cx="45" cy="70" r="5" fill="#25c2a0" opacity="0.5"/>
+    <circle cx="155" cy="70" r="5" fill="#25c2a0" opacity="0.5"/>
+    <circle cx="100" cy="170" r="5" fill="#25c2a0" opacity="0.5"/>
+  </g>
+</svg>
