Update README.md Screenshots

README.md

@@ -23,6 +23,18 @@ Dieses Projekt implementiert einen ESP32-basierten MQTT-Client mit Dot-Matrix-Di
 15. [Beitragen / Commits](#beitragen--commits)
 
 ---
+## Skizze und Screenshots
+
+![Front-Ansicht des Laser Cutter Displays](./doc/Front.svg)
+
+Das Bild zeigt die physische Anordnung der 8 GYMAX7219-Module im 4×2-Format mit LED-Positionen und Beschriftung der Anzeigebereiche.
+
+![LaserCutter Display](./doc/Screenshot1.svg)
+
+![Konfiguration](./doc/Screenshot2.svg)
+
+![OTA Firmware-Update](./doc/Screenshot3.svg)
+
 
 ## Hardware
 

doc/Front.svg

@@ -24,14 +24,31 @@
      inkscape:deskcolor="#d1d1d1"
      inkscape:document-units="mm"
      inkscape:zoom="0.71891835"
-     inkscape:cx="755.99684"
-     inkscape:cy="710.09455"
+     inkscape:cx="584.90648"
+     inkscape:cy="639.15464"
      inkscape:window-width="1920"
      inkscape:window-height="1009"
      inkscape:window-x="1912"
      inkscape:window-y="-8"
      inkscape:window-maximized="1"
-     inkscape:current-layer="layer3" />
+     inkscape:current-layer="layer3"
+     showgrid="true">
+    <inkscape:grid
+       id="grid8"
+       units="mm"
+       originx="0"
+       originy="0"
+       spacingx="1"
+       spacingy="1"
+       empcolor="#0099e5"
+       empopacity="0.30196078"
+       color="#0099e5"
+       opacity="0.14901961"
+       empspacing="5"
+       enabled="true"
+       visible="false"
+       dotted="true" />
+  </sodipodi:namedview>
   <defs
      id="defs1">
     <rect
@@ -44,7 +61,8 @@
   <g
      inkscape:label="Rahmen"
      inkscape:groupmode="layer"
-     id="layer1">
+     id="layer1"
+     sodipodi:insensitive="true">
     <rect
        style="fill:#000000;stroke:#ff0000;stroke-width:0.2;stroke-linejoin:bevel"
        id="rect1"
@@ -154,6 +172,33 @@
          style="fill:#000000;stroke-width:0.2"
          x="203.7793"
          y="265.51187">in Sekunden</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:5.29167px;line-height:0;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;text-align:end;writing-mode:lr-tb;direction:ltr;text-anchor:end;fill:#000000;stroke:#241212;stroke-width:0.2;stroke-linejoin:bevel;stroke-opacity:1"
+       x="144.94814"
+       y="256.01343"
+       id="text4-0"><tspan
+         id="tspan4-6"
+         style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:5.29167px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#000000;stroke-width:0.2"
+         x="144.94814"
+         y="256.01343"
+         sodipodi:role="line">€ Laserzeit</tspan><tspan
+         style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:5.29167px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#000000;stroke-width:0.2"
+         x="144.94814"
+         y="256.01343"
+         id="tspan5-1"
+         sodipodi:role="line" /></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:5.29167px;line-height:0;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;text-align:end;writing-mode:lr-tb;direction:ltr;text-anchor:end;fill:#000000;stroke:#241212;stroke-width:0.2;stroke-linejoin:bevel;stroke-opacity:1"
+       x="144.02959"
+       y="265.11499"
+       id="text6-3"><tspan
+         sodipodi:role="line"
+         id="tspan6-8"
+         style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:5.29167px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Semi-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#000000;stroke-width:0.2"
+         x="144.02959"
+         y="265.11499">Sekunden</tspan></text>
     <text
        xml:space="preserve"
        style="font-weight:600;font-size:7.40833px;line-height:0;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Semi-Bold';text-align:end;writing-mode:lr-tb;direction:ltr;text-anchor:end;fill:#000000;stroke:#241212;stroke-width:0.2;stroke-linejoin:bevel;stroke-opacity:1"
@@ -203,11 +248,11 @@
        id="text4-6-4"><tspan
          sodipodi:role="line"
          id="tspan4-1-1"
-         style="fill:#ff0000;stroke-width:0.2;stroke:#ff0000"
+         style="fill:#ff0000;stroke:#ff0000;stroke-width:0.2"
          x="103.04314"
          y="163.84862">Wifi</tspan><tspan
          sodipodi:role="line"
-         style="fill:#ff0000;stroke-width:0.2;stroke:#ff0000"
+         style="fill:#ff0000;stroke:#ff0000;stroke-width:0.2"
          x="103.04314"
          y="163.84862"
          id="tspan5-8-1" /></text>
@@ -219,7 +264,7 @@
        id="text6-9-3"><tspan
          sodipodi:role="line"
          id="tspan6-2-8"
-         style="fill:#ff0000;stroke-width:0.2;stroke:#ff0000"
+         style="fill:#ff0000;stroke:#ff0000;stroke-width:0.2"
          x="104.63658"
          y="171.17715">Error</tspan></text>
     <text
@@ -230,11 +275,11 @@
        id="text4-6-4-7"><tspan
          sodipodi:role="line"
          id="tspan4-1-1-9"
-         style="fill:#ff0000;stroke-width:0.2;stroke:#ff0000"
+         style="fill:#ff0000;stroke:#ff0000;stroke-width:0.2"
          x="106.06905"
          y="255.2171">MQTT</tspan><tspan
          sodipodi:role="line"
-         style="fill:#ff0000;stroke-width:0.2;stroke:#ff0000"
+         style="fill:#ff0000;stroke:#ff0000;stroke-width:0.2"
          x="106.06905"
          y="255.2171"
          id="tspan5-8-1-3" /></text>
@@ -246,14 +291,19 @@
        id="text6-9-3-1"><tspan
          sodipodi:role="line"
          id="tspan6-2-8-9"
-         style="fill:#ff0000;stroke-width:0.2;stroke:#ff0000"
+         style="fill:#ff0000;stroke:#ff0000;stroke-width:0.2"
          x="104.63658"
          y="265.51187">Error</tspan></text>
     <path
        style="fill:none;stroke:#241212;stroke-width:0.6;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
-       d="m 115.50744,249.24178 -0.27313,21.36127 101.41239,-0.15245 -0.0612,-23.82776"
+       d="m 148,250.00001 v 20 h 66.99999 l 0,-20"
        id="path6"
        sodipodi:nodetypes="cccc" />
+    <path
+       style="fill:none;stroke:#241212;stroke-width:0.6;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
+       d="m 114.50001,250.00001 v 20 H 148 v -20"
+       id="path6-6"
+       sodipodi:nodetypes="cccc" />
     <path
        style="fill:none;stroke:#241212;stroke-width:0.6;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
        d="m 216,172.81966 -0.13385,-22.4101 -101.04619,-0.15132 0.11406,22.56145"