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/hdmi_viewer_icon.md
+++ b/hdmi_viewer_icon.md
@@ -0,0 +1,74 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" height="100%">
+  <defs>
+    <!-- Screen Gradient Glow -->
+    <radialGradient id="screenGlow" cx="50%" cy="40%" r="60%">
+      <stop offset="0%" stop-color="#a6e3a1" stop-opacity="0.1" />
+      <stop offset="0%" stop-color="#89dceb" />
+      <stop offset="100%" stop-color="#74c7ec" />
+    </radialGradient>
+    
+    <!-- Red Dot Glow -->
+    <radialGradient id="redGlow" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" stop-color="#f38ba8" />
+      <stop offset="100%" stop-color="#f38ba8" stop-opacity="0" />
+    </radialGradient>
+
+    <!-- Clip path for the screen interior (rounded CRT shape) -->
+    <clipPath id="screenClip">
+      <rect x="140" y="145" width="232" height="162" rx="20" ry="20" />
+    </clipPath>
+  </defs>
+
+  <!-- 1. Rounded Square Background (Squircle) -->
+  <rect x="32" y="32" width="448" height="448" rx="96" ry="96" fill="#1e1e2e" stroke="#cdd6f4" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
+
+  <!-- 2. HDMI Plug (Positioned below the monitor frame) -->
+  <g id="hdmi-plug">
+    <!-- Outer thick lavender outline border for the plug -->
+    <path d="M 200 328 L 312 328 L 312 375 L 292 405 L 220 405 L 200 375 Z" fill="#cdd6f4" stroke="#cdd6f4" stroke-width="12" stroke-linejoin="round" />
+    <!-- Plug Body -->
+    <path d="M 206 334 L 306 334 L 306 372 L 288 399 L 224 399 L 206 372 Z" fill="#313244" />
+    <!-- HDMI Metal Connector Tip -->
+    <path d="M 226 399 L 286 399 L 286 422 L 278 428 L 234 428 L 226 422 Z" fill="#cdd6f4" stroke="#cdd6f4" stroke-width="4" stroke-linejoin="round" />
+    <path d="M 230 403 L 282 403 L 282 420 L 276 424 L 236 424 L 230 420 Z" fill="#585b70" />
+    <!-- Connector Details / Pins region -->
+    <rect x="242" y="410" width="28" height="8" rx="2" fill="#181825" />
+    <!-- Plug Grip Lines -->
+    <line x1="240" y1="352" x2="272" y2="352" stroke="#45475a" stroke-width="5" stroke-linecap="round" />
+    <line x1="240" y1="364" x2="272" y2="364" stroke="#45475a" stroke-width="5" stroke-linecap="round" />
+    <line x1="240" y1="376" x2="272" y2="376" stroke="#45475a" stroke-width="5" stroke-linecap="round" />
+  </g>
+
+  <!-- 3. CRT Monitor Outer Shell -->
+  <rect x="112" y="112" width="288" height="228" rx="32" ry="32" fill="#181825" stroke="#cdd6f4" stroke-width="14" stroke-linecap="round" stroke-linejoin="round" />
+
+  <!-- 4. Inner Bezel -->
+  <rect x="128" y="132" width="256" height="188" rx="24" ry="24" fill="#313244" stroke="#11111b" stroke-width="6" />
+
+  <!-- 5. CRT Display Screen -->
+  <rect x="140" y="145" width="232" height="162" rx="20" ry="20" fill="url(#screenGlow)" />
+
+  <!-- 6. Screen Content (Clipped to CRT screen bounds) -->
+  <g clip-path="url(#screenClip)">
+    <!-- 4 Thick Scanlines -->
+    <line x1="120" y1="172" x2="392" y2="172" stroke="#11111b" stroke-width="8" opacity="0.25" />
+    <line x1="120" y1="208" x2="392" y2="208" stroke="#11111b" stroke-width="8" opacity="0.25" />
+    <line x1="120" y1="244" x2="392" y2="244" stroke="#11111b" stroke-width="8" opacity="0.25" />
+    <line x1="120" y1="280" x2="392" y2="280" stroke="#11111b" stroke-width="8" opacity="0.25" />
+
+    <!-- Subtle Screen Reflection / Highlight Accent -->
+    <path d="M 145 150 L 260 150 L 145 230 Z" fill="#ffffff" opacity="0.08" />
+
+    <!-- Red Live Indicator Dot with Dark Outer Ring -->
+    <!-- Outer Dark Ring -->
+    <circle cx="182" cy="186" r="22" fill="#11111b" opacity="0.9" />
+    <circle cx="182" cy="186" r="22" stroke="#181825" stroke-width="3" fill="none" />
+    <!-- Red Inner Dot -->
+    <circle cx="182" cy="186" r="14" fill="#f38ba8" />
+    <!-- Inner Highlight on Red Dot -->
+    <circle cx="178" cy="182" r="4" fill="#ffffff" opacity="0.6" />
+  </g>
+
+  <!-- Screen Frame Inner Edge Shadow/Stroke for depth -->
+  <rect x="140" y="145" width="232" height="162" rx="20" ry="20" fill="none" stroke="#11111b" stroke-width="5" opacity="0.4" />
+</svg>