Bild weiter verbessert, Icon und .desktop hinzugefügt

2026-10-17 23:39:50 +02:00
parent d1de850b60
commit 29a86d895a
20 changed files with 1086 additions and 14 deletions
--- a/assets/hdmi-viewer.svg
+++ b/assets/hdmi-viewer.svg
@@ -0,0 +1,54 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
+  <title>HDMI Viewer</title>
+  <defs>
+    <radialGradient id="screenGlow" cx="50%" cy="40%" r="65%">
+      <stop offset="0%" stop-color="#9cecf7" />
+      <stop offset="100%" stop-color="#62b8ea" />
+    </radialGradient>
+    <clipPath id="screenClip">
+      <rect x="140" y="137" width="232" height="162" rx="20" ry="20" />
+    </clipPath>
+  </defs>
+
+  <!-- Hintergrund: abgerundetes Quadrat, ausserhalb transparent -->
+  <rect x="32" y="32" width="448" height="448" rx="96" ry="96" fill="#1e1e2e" stroke="#cdd6f4" stroke-width="12" />
+
+  <g transform="translate(0,-8)">
+    <!-- HDMI-Stecker (hinter dem Monitor, sitzt direkt am Gehaeuse) -->
+    <g id="hdmi-plug">
+      <!-- Gehaeuse -->
+      <path d="M 198 330 L 314 330 L 314 380 L 298 398 L 214 398 L 198 380 Z"
+            fill="#45475a" stroke="#cdd6f4" stroke-width="10" stroke-linejoin="round" />
+      <!-- Magenta-Akzent -->
+      <rect x="203" y="362" width="106" height="14" fill="#d35fd0" />
+      <!-- Metall-Steckfahne: flaches Trapez mit abgeschraegten unteren Ecken -->
+      <path d="M 220 398 L 292 398 L 292 420 L 280 434 L 232 434 L 220 420 Z"
+            fill="#cdd6f4" stroke="#cdd6f4" stroke-width="6" stroke-linejoin="round" />
+      <rect x="238" y="408" width="36" height="9" rx="2" fill="#1e1e2e" />
+    </g>
+
+    <!-- Roehrenmonitor: Gehaeuse -->
+    <rect x="112" y="112" width="288" height="228" rx="32" ry="32" fill="#181825" stroke="#cdd6f4" stroke-width="16" />
+    <!-- Blende -->
+    <rect x="128" y="124" width="256" height="188" rx="24" ry="24" fill="#313244" stroke="#11111b" stroke-width="6" />
+    <!-- Bildschirm -->
+    <rect x="140" y="137" width="232" height="162" rx="20" ry="20" fill="url(#screenGlow)" />
+
+    <g clip-path="url(#screenClip)">
+      <!-- 4 dicke Scanlines -->
+      <line x1="120" y1="164" x2="392" y2="164" stroke="#11111b" stroke-width="9" opacity="0.28" />
+      <line x1="120" y1="200" x2="392" y2="200" stroke="#11111b" stroke-width="9" opacity="0.28" />
+      <line x1="120" y1="236" x2="392" y2="236" stroke="#11111b" stroke-width="9" opacity="0.28" />
+      <line x1="120" y1="272" x2="392" y2="272" stroke="#11111b" stroke-width="9" opacity="0.28" />
+      <!-- dezenter Glanzreflex -->
+      <path d="M 145 142 L 262 142 L 145 222 Z" fill="#ffffff" opacity="0.10" />
+      <!-- Live-Punkt mit dunklem Ring -->
+      <circle cx="186" cy="182" r="27" fill="#11111b" />
+      <circle cx="186" cy="182" r="19" fill="#ff4d5e" />
+      <circle cx="180" cy="176" r="5" fill="#ffffff" opacity="0.6" />
+    </g>
+
+    <!-- Innenkante des Bildschirms -->
+    <rect x="140" y="137" width="232" height="162" rx="20" ry="20" fill="none" stroke="#11111b" stroke-width="5" opacity="0.4" />
+  </g>
+</svg>