Add webinterface

assets/connect.svg

@@ -0,0 +1,32 @@
+<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+    <!-- Drop shadow -->
+    <defs>
+        <filter id="drop-shadow" x="-20%" y="-20%" width="140%" height="140%">
+            <feDropShadow dx="0" dy="4" stdDeviation="8" flood-color="rgba(0,0,0,0.2)"/>
+        </filter>
+    </defs>
+
+    <!-- Main circle -->
+    <circle cx="100" cy="100" r="90" fill="#D2572A" filter="url(#drop-shadow)"/>
+
+    <!-- White outline circle -->
+    <circle cx="100" cy="100" r="85" fill="none" stroke="#F5F5F5" stroke-width="2"/>
+
+    <!-- Monitor screen (centered) -->
+    <rect x="70" y="75" width="60" height="40" rx="2" ry="2" fill="none" stroke="white" stroke-width="4"/>
+
+    <!-- Monitor base -->
+    <rect x="95" y="115" width="30" height="6" rx="1" ry="1" fill="none" stroke="white" stroke-width="4"/>
+
+    <!-- Monitor stand -->
+    <rect x="105" y="121" width="10" height="10" fill="none" stroke="white" stroke-width="4"/>
+
+    <!-- Connection symbol circle background -->
+    <circle cx="125" cy="85" r="16" fill="white"/>
+
+    <!-- Connection symbol -->
+    <g stroke="#D2572A" stroke-width="2.5" fill="none" stroke-linecap="round">
+        <!-- Signal waves -->
+        <path d="M 115 85 Q 120 80, 125 85 Q 130 90, 135 85"/>
+    </g>
+</svg>

assets/icon.svg

@@ -0,0 +1,10 @@
+<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+    <!-- White background circle -->
+    <circle cx="50" cy="50" r="45" fill="white"/>
+
+    <!-- Black circular outline -->
+    <circle cx="50" cy="50" r="45" fill="none" stroke="black" stroke-width="4"/>
+
+    <!-- Bold black R -->
+    <text x="50" y="68" text-anchor="middle" font-family="Georgia, serif" font-size="58" font-weight="bold" fill="black" style="font-style: italic;">R</text>
+</svg>