docs: Update README.md

2026-03-01 21:49:22 +01:00 · 2026-03-01 21:49:22 +01:00 · d8c9489e21
commit d8c9489e21
parent 839a25f701
5 changed files with 205 additions and 102 deletions
--- a/README.md
+++ b/README.md
@ -84,10 +84,10 @@ Das Bild zeigt die physische Anordnung der 8 GYMAX7219-Module im 4×2-Format mit
 GPIO 18 (CLK)  ─────────┤ CLK  ├──────────┤ CLK  ├──────────┤ CLK  ├──────────┤ CLK  ├──
 GPIO  5 (CS)   ─────────┤ CS   ├──────────┤ CS   ├──────────┤ CS   ├──────────┤ CS   ├──
                         └──────┘          └──────┘          └──────┘          └──┬───┘
-                                                                                  │ DOUT
-                         ┌──────┐ DOUT─DIN ┌──────┐ DOUT─DIN ┌──────┐ DOUT─DIN ┌──┴───┐
-                         │ M 8  │          │ M 7  │          │ M 6  │          │ M 5  │
-                         │unten │          │      │          │      │          │unten │
+                      ┌───────────────────────────────────────────────────────────┘ DOUT
+                      │  ┌──────┐ DOUT─DIN ┌──────┐ DOUT─DIN ┌──────┐ DOUT─DIN ┌──────┐
+                      │  │ M 5  │          │ M 6  │          │ M 7  │          │ M 8  │
+                      └─ │unten │          │      │          │      │          │unten │
                         │rechts│          │      │          │      │          │links │
 GPIO 18 (CLK)  ─────────┤ CLK  ├──────────┤ CLK  ├──────────┤ CLK  ├──────────┤ CLK  │
 GPIO  5 (CS)   ─────────┤ CS   ├──────────┤ CS   ├──────────┤ CS   ├──────────┤ CS   │
@ -376,8 +376,8 @@ Firmware-Updates können kabellos über die Weboberfläche unter `/update` einge
 Geplant (FR-002): Neue Route `/log` im bestehenden Webinterface zeigt alle Log-Ausgaben live im Browser über WebSocket.

 - Kein extra Library nötig – nutzt den bestehenden `ESPAsyncWebServer`
- Aufruf: `http://172.30.30.90/log`
- Noch nicht implementiert.
+- Aufruf: `http://ipadresse/log`
+

 ---

--- a/doc/Front.svg
+++ b/doc/Front.svg
@ -2,9 +2,9 @@
 <!-- Created with Inkscape (http://www.inkscape.org/) -->

 <svg
-   width="297mm"
-   height="420mm"
-   viewBox="0 0 297 420"
+   width="260mm"
+   height="260mm"
+   viewBox="0 0 260 260"
   version="1.1"
   id="svg1"
   inkscape:version="1.4.2 (f4327f4, 2025-05-13)"
@ -24,15 +24,16 @@
     inkscape:deskcolor="#d1d1d1"
     inkscape:document-units="mm"
     inkscape:zoom="0.71891835"
-     inkscape:cx="634.98171"
-     inkscape:cy="835.28262"
+     inkscape:cx="481.97407"
+     inkscape:cy="436.07177"
     inkscape:window-width="1920"
     inkscape:window-height="1009"
     inkscape:window-x="1912"
     inkscape:window-y="-8"
     inkscape:window-maximized="1"
-     inkscape:current-layer="layer3"
-     showgrid="true">
+     inkscape:current-layer="layer2"
+     showgrid="true"
+     showguides="true">
    <inkscape:grid
       id="grid8"
       units="mm"
@ -48,98 +49,200 @@
       enabled="true"
       visible="false"
       dotted="true" />
+    <sodipodi:guide
+       position="131.05834,146.87917"
+       orientation="0,-1"
+       id="guide10"
+       inkscape:locked="false" />
  </sodipodi:namedview>
  <defs
     id="defs1">
    <rect
-       x="570.3012"
+       x="264.56693"
+       y="377.95276"
+       width="75.590553"
+       height="113.38583"
+       id="rect5" />
+    <rect
+       x="570.30121"
       y="984.81281"
       width="239.24831"
-       height="91.804584"
+       height="91.804581"
       id="rect4" />
  </defs>
  <g
     inkscape:label="Rahmen"
     inkscape:groupmode="layer"
-     id="layer1"
-     sodipodi:insensitive="true">
+     id="layer1">
    <rect
       style="fill:#000000;stroke:#ff0000;stroke-width:0.2;stroke-linejoin:bevel"
       id="rect1"
       width="253"
       height="253"
-       x="22"
-       y="83.5" />
+       x="4.5583358"
+       y="3.3708529" />
    <rect
       style="fill:#ffffff;stroke:#ff0000;stroke-width:0.2;stroke-linejoin:bevel"
       id="rect2"
       width="217"
       height="217"
-       x="40"
-       y="101.5" />
+       x="22.558336"
+       y="21.370846" />
  </g>
  <g
     inkscape:groupmode="layer"
     id="layer2"
     inkscape:label="DotMatrixDisplay"
-     transform="translate(5.921936,55.427505)"
-     sodipodi:insensitive="true">
+     transform="translate(5.921936,55.427505)">
    <rect
       style="fill:#cccccc;stroke:#241212;stroke-width:0.2;stroke-linejoin:bevel;stroke-opacity:1"
       id="rect3"
       width="33.75"
       height="33.5"
-       x="75.078072"
-       y="154.57249" />
+       x="57.63641"
+       y="74.443336" />
    <rect
       style="fill:#cccccc;stroke:#241212;stroke-width:0.2;stroke-linejoin:bevel;stroke-opacity:1"
       id="rect3-8"
       width="33.75"
       height="33.5"
-       x="75.078072"
-       y="121.07249" />
+       x="57.63641"
+       y="40.943333" />
    <rect
       style="fill:#cccccc;stroke:#241212;stroke-width:0.2;stroke-linejoin:bevel;stroke-opacity:1"
       id="rect3-1"
       width="33.75"
       height="33.5"
-       x="108.82807"
-       y="121.07248" />
+       x="91.386406"
+       y="40.943325" />
    <rect
       style="fill:#cccccc;stroke:#241212;stroke-width:0.2;stroke-linejoin:bevel;stroke-opacity:1"
       id="rect3-1-2"
       width="33.75"
       height="33.5"
-       x="108.82807"
-       y="154.57249" />
+       x="91.386406"
+       y="74.443336" />
    <rect
       style="fill:#cccccc;stroke:#241212;stroke-width:0.2;stroke-linejoin:bevel;stroke-opacity:1"
       id="rect3-2"
       width="33.75"
       height="33.5"
-       x="142.57806"
-       y="154.57249" />
+       x="125.13639"
+       y="74.443336" />
    <rect
       style="fill:#cccccc;stroke:#241212;stroke-width:0.2;stroke-linejoin:bevel;stroke-opacity:1"
       id="rect3-8-3"
       width="33.75"
       height="33.5"
-       x="142.57806"
-       y="121.07248" />
+       x="125.13639"
+       y="40.943325" />
    <rect
       style="fill:#cccccc;stroke:#241212;stroke-width:0.2;stroke-linejoin:bevel;stroke-opacity:1"
       id="rect3-1-22"
       width="33.75"
       height="33.5"
-       x="176.32806"
-       y="121.07246" />
+       x="158.88638"
+       y="40.943302" />
    <rect
       style="fill:#cccccc;stroke:#241212;stroke-width:0.2;stroke-linejoin:bevel;stroke-opacity:1"
       id="rect3-1-2-1"
       width="33.75"
       height="33.5"
-       x="176.32806"
-       y="154.57249" />
+       x="158.88638"
+       y="74.443336" />
+    <text
+       xml:space="preserve"
+       transform="matrix(0.26458333,0,0,0.26458333,-5.921936,-55.427505)"
+       id="text1"
+       style="font-size:20px;-inkscape-font-specification:'Open Sans, Semi-Bold';font-family:'Open Sans';fill:#333333;stroke-linejoin:bevel;stroke-width:2.26771654;font-weight:600;text-align:end;line-height:0;text-orientation:auto;stroke:#422020;writing-mode:lr-tb;direction:ltr;stroke-opacity:1;white-space:pre;shape-inside:url(#rect5)" />
+    <text
+       xml:space="preserve"
+       style="font-weight:600;font-size:19.05px;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:#333333;stroke:#422020;stroke-width:0.600001;stroke-linejoin:bevel;stroke-opacity:1"
+       x="79.948288"
+       y="64.506866"
+       id="text10"><tspan
+         sodipodi:role="line"
+         id="tspan10"
+         style="font-size:19.05px;stroke-width:0.6"
+         x="79.948288"
+         y="64.506866">0</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-weight:600;font-size:19.05px;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:#333333;stroke:#422020;stroke-width:0.600001;stroke-linejoin:bevel;stroke-opacity:1"
+       x="114.13326"
+       y="64.386459"
+       id="text10-2"><tspan
+         sodipodi:role="line"
+         id="tspan10-1"
+         style="font-size:19.05px;stroke-width:0.6"
+         x="114.13326"
+         y="64.386459">1</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-weight:600;font-size:19.05px;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:#333333;stroke:#422020;stroke-width:0.600001;stroke-linejoin:bevel;stroke-opacity:1"
+       x="147.44827"
+       y="64.506866"
+       id="text10-6-5"><tspan
+         sodipodi:role="line"
+         id="tspan10-18-4"
+         style="font-size:19.05px;stroke-width:0.6"
+         x="147.44827"
+         y="64.506866">2</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-weight:600;font-size:19.05px;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:#333333;stroke:#422020;stroke-width:0.600001;stroke-linejoin:bevel;stroke-opacity:1"
+       x="181.19826"
+       y="64.506866"
+       id="text10-6-3"><tspan
+         sodipodi:role="line"
+         id="tspan10-18-41"
+         style="font-size:19.05px;stroke-width:0.6"
+         x="181.19826"
+         y="64.506866">3</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-weight:600;font-size:19.05px;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:#333333;stroke:#422020;stroke-width:0.600001;stroke-linejoin:bevel;stroke-opacity:1"
+       x="79.948288"
+       y="94.386459"
+       id="text10-4"><tspan
+         sodipodi:role="line"
+         id="tspan10-2"
+         style="font-size:19.05px;stroke-width:0.6"
+         x="79.948288"
+         y="94.386459">4</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-weight:600;font-size:19.05px;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:#333333;stroke:#422020;stroke-width:0.600001;stroke-linejoin:bevel;stroke-opacity:1"
+       x="113.69828"
+       y="94.386459"
+       id="text10-6-7"><tspan
+         sodipodi:role="line"
+         id="tspan10-18-7"
+         style="font-size:19.05px;stroke-width:0.6"
+         x="113.69828"
+         y="94.386459">5</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-weight:600;font-size:19.05px;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:#333333;stroke:#422020;stroke-width:0.600001;stroke-linejoin:bevel;stroke-opacity:1"
+       x="147.44827"
+       y="94.386459"
+       id="text10-6-5-9"><tspan
+         sodipodi:role="line"
+         id="tspan10-18-4-3"
+         style="font-size:19.05px;stroke-width:0.6"
+         x="147.44827"
+         y="94.386459">6</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-weight:600;font-size:19.05px;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:#333333;stroke:#422020;stroke-width:0.600001;stroke-linejoin:bevel;stroke-opacity:1"
+       x="181.19826"
+       y="94.386459"
+       id="text10-6-3-1"><tspan
+         sodipodi:role="line"
+         id="tspan10-18-41-9"
+         style="font-size:19.05px;stroke-width:0.6"
+         x="181.19826"
+         y="94.386459">7</tspan></text>
  </g>
  <g
     inkscape:groupmode="layer"
@ -148,171 +251,171 @@
    <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"
-       x="204.76865"
-       y="262.22452"
+       x="187.32697"
+       y="182.09546"
       id="text4"><tspan
         sodipodi:role="line"
         id="tspan4"
         style="fill:#000000;stroke-width:0.2"
-         x="204.76865"
-         y="262.22452">Freie Testzeit</tspan><tspan
+         x="187.32697"
+         y="182.09546">Freie Testzeit</tspan><tspan
         sodipodi:role="line"
         style="fill:#000000;stroke-width:0.2"
-         x="204.76865"
-         y="262.22452"
+         x="187.32697"
+         y="182.09546"
         id="tspan5" /></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"
-       x="203.7793"
-       y="271.33279"
+       x="186.33762"
+       y="191.20374"
       id="text6"><tspan
         sodipodi:role="line"
         id="tspan6"
         style="fill:#000000;stroke-width:0.2"
-         x="203.7793"
-         y="271.33279">in Sekunden</tspan></text>
+         x="186.33762"
+         y="191.20374">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:#422020;stroke-width:0.2;stroke-linejoin:bevel;stroke-opacity:1"
-       x="226.37459"
-       y="252.96211"
+       x="208.93291"
+       y="172.83305"
       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;stroke:#422020;stroke-opacity:1"
-         x="226.37459"
-         y="252.96211"
+         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:#422020;stroke-width:0.2;stroke-opacity:1"
+         x="208.93291"
+         y="172.83305"
         sodipodi:role="line">€ Laserzeit in Sekunden </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;stroke:#422020;stroke-opacity:1"
-         x="226.37459"
-         y="252.96211"
+         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:#422020;stroke-width:0.2;stroke-opacity:1"
+         x="208.93291"
+         y="172.83305"
         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="-218.73421"
-       y="225.72589"
+       x="-138.65222"
+       y="208.06926"
       id="text4-0-7"
       transform="rotate(-89.846243)"><tspan
         id="tspan4-6-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="-218.73421"
-         y="225.72589"
+         x="-138.65222"
+         y="208.06926"
         sodipodi:role="line">umlaufend</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="-218.73421"
-         y="225.72589"
+         x="-138.65222"
+         y="208.06926"
         id="tspan5-1-1"
         sodipodi:role="line" /></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"
-       x="191.73494"
-       y="162.06888"
+       x="174.29326"
+       y="81.93972"
       id="text4-6"><tspan
         sodipodi:role="line"
         id="tspan4-1"
         style="fill:#000000;stroke-width:0.2"
-         x="191.73494"
-         y="162.06888">kostenpflichtige</tspan><tspan
+         x="174.29326"
+         y="81.93972">kostenpflichtige</tspan><tspan
         sodipodi:role="line"
         style="fill:#000000;stroke-width:0.2"
-         x="191.73494"
-         y="162.06888"
+         x="174.29326"
+         y="81.93972"
         id="tspan5-8" /></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:14.8167px;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="241.88585"
-       y="126.91018"
+       x="224.44417"
+       y="46.781025"
       id="text4-6-2"><tspan
         sodipodi:role="line"
         id="tspan7"
-         x="241.88585"
-         y="126.91018">Laser Cutter Zeiterfassung</tspan><tspan
+         x="224.44417"
+         y="46.781025">Laser Cutter Zeiterfassung</tspan><tspan
         sodipodi:role="line"
         id="tspan8"
-         x="241.88585"
-         y="126.91018" /></text>
+         x="224.44417"
+         y="46.781025" /></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"
-       x="199.64789"
-       y="171.17715"
+       x="182.20621"
+       y="91.047997"
       id="text6-9"><tspan
         sodipodi:role="line"
         id="tspan6-2"
         style="fill:#000000;stroke-width:0.2"
-         x="199.64789"
-         y="171.17715">Laserzeit in Minuten</tspan></text>
+         x="182.20621"
+         y="91.047997">Laserzeit in Minuten</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:#ff0000;stroke:#ff0000;stroke-width:0.2;stroke-linejoin:bevel;stroke-opacity:1"
-       x="103.04314"
-       y="163.84862"
+       x="85.601471"
+       y="83.71946"
       id="text4-6-4"><tspan
         sodipodi:role="line"
         id="tspan4-1-1"
         style="fill:#ff0000;stroke:#ff0000;stroke-width:0.2"
-         x="103.04314"
-         y="163.84862">Wifi</tspan><tspan
+         x="85.601471"
+         y="83.71946">Wifi</tspan><tspan
         sodipodi:role="line"
         style="fill:#ff0000;stroke:#ff0000;stroke-width:0.2"
-         x="103.04314"
-         y="163.84862"
+         x="85.601471"
+         y="83.71946"
         id="tspan5-8-1" /></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:#ff0000;stroke:#ff0000;stroke-width:0.2;stroke-linejoin:bevel;stroke-opacity:1"
-       x="104.63658"
-       y="171.17715"
+       x="87.194916"
+       y="91.047997"
       id="text6-9-3"><tspan
         sodipodi:role="line"
         id="tspan6-2-8"
         style="fill:#ff0000;stroke:#ff0000;stroke-width:0.2"
-         x="104.63658"
-         y="171.17715">Error</tspan></text>
+         x="87.194916"
+         y="91.047997">Error</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:#ff0000;stroke:#ff0000;stroke-width:0.2;stroke-linejoin:bevel;stroke-opacity:1"
-       x="106.06905"
-       y="255.2171"
+       x="88.627388"
+       y="175.08804"
       id="text4-6-4-7"><tspan
         sodipodi:role="line"
         id="tspan4-1-1-9"
         style="fill:#ff0000;stroke:#ff0000;stroke-width:0.2"
-         x="106.06905"
-         y="255.2171">MQTT</tspan><tspan
+         x="88.627388"
+         y="175.08804">MQTT</tspan><tspan
         sodipodi:role="line"
         style="fill:#ff0000;stroke:#ff0000;stroke-width:0.2"
-         x="106.06905"
-         y="255.2171"
+         x="88.627388"
+         y="175.08804"
         id="tspan5-8-1-3" /></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:#ff0000;stroke:#ff0000;stroke-width:0.2;stroke-linejoin:bevel;stroke-opacity:1"
-       x="104.63658"
-       y="265.51187"
+       x="87.194916"
+       y="185.38281"
       id="text6-9-3-1"><tspan
         sodipodi:role="line"
         id="tspan6-2-8-9"
         style="fill:#ff0000;stroke:#ff0000;stroke-width:0.2"
-         x="104.63658"
-         y="265.51187">Error</tspan></text>
+         x="87.194916"
+         y="185.38281">Error</tspan></text>
    <path
       style="fill:none;stroke:#241212;stroke-width:0.6;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
-       d="m 148,255.82088 v 20 h 66.99999 v -20"
+       d="m 130.55834,175.69169 v 20 h 66.99999 v -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 216,172.81966 -0.13385,-22.4101 -101.04619,-0.15132 0.11406,22.56145"
+       d="m 198.55834,92.690507 -0.13385,-22.4101 -101.046193,-0.15132 0.11406,22.56145"
       id="path6-3"
       sodipodi:nodetypes="cccc" />
    <path
       style="fill:none;stroke:#422020;stroke-width:0.6;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
-       d="m 115,244.00001 v 3 h 104.99999 c -0.0471,0.12248 0,-37.00001 0,-37.00001 h -3"
+       d="m 97.558337,163.87082 v 3 H 202.55833 c -0.0471,0.12248 0,-37.00001 0,-37.00001 h -3"
       id="path6-3-7"
       sodipodi:nodetypes="ccccc" />
  </g>
--- a/doc/screenshot1.png
+++ b/doc/screenshot1.png
--- a/doc/screenshot2.png
+++ b/doc/screenshot2.png
--- a/doc/screenshot4.png
+++ b/doc/screenshot4.png