Added connection diagram

README.md

@@ -63,6 +63,10 @@ Please refer to the [English](https://retgal.github.io/Dayon/index.html) or [Fre
 
 ![Assistant in action](/docs/dayon.screen.png?raw=true "Assistant connected")
 
+## Connection establishment
+
+![Connection establishment](/docs/dayon.connection.diagram.svg)
+
 ## Trivia
 
 Dayon! means "Come in!" in Visayas - a local Philippine dialect. 

docs/de_support.html

@@ -92,9 +92,7 @@
           ernsthaft störendes festgestellt werden. Sollte in der Praxis in
           dieser Hinsicht Mal etwas aus dem Ruder laufen, kann entweder die
           Applikation des Assistierten neu gestartet, oder dessen Puffer zurück
-          gesetzt werden. (
-          <strong>Abfallkübelsymbol</strong>
-          ).
+          gesetzt werden. (<strong>Abfallkübelsymbol</strong>).
         </p>
 
         <h3>Statistiken in Statusleiste</h3>
@@ -129,6 +127,11 @@
           <li>Speicherbelegung</li>
           <li>Dauer der aktuellen oder der letzten Sitzung</li>
         </ol>
+
+        <h3>Schematische Darstellung des Verbindungsaufbaus</h3>
+        <p>
+          <img src="dayon.connection.diagram.svg" alt="Dayon! connection diagram" />
+        </p>
       </div>
       <div id="footer"></div>
     </div>

docs/fr_support.html

@@ -88,10 +88,8 @@
           très peu de pixels. Visuellement, Je n'ai rien remarqué de sérieux.
           Mais au cas où les choses vont fou, vous pouvez ensuite redémarrer
           L'aide ou avant d'essayer l'action
-          <code>reset</code>
-          (
-          <strong>l'icône poubelle</strong>
-          ) Qui devrait effacer toutes les données en cache et renvoyer une
+          <code>reset</code> (<strong>l'icône poubelle</strong>)
+          Qui devrait effacer toutes les données en cache et renvoyer une
           capture plein écran à partir de zéro.
         </p>
 
@@ -128,6 +126,11 @@
           <li>Utilisation de la mémoire</li>
           <li>Durée de la session d'assistance active ou de la dernière</li>
         </ol>
+
+        <h3>Etablissement de la connexion</h3>
+        <p>
+          <img src="dayon.connection.diagram.svg" alt="Dayon! connection diagram" />
+        </p>
       </div>
       <div id="footer"></div>
     </div>

docs/support.html

@@ -82,10 +82,8 @@
           pixels. Visually, I've not noticed anything serious. But in case
           things are going mad you can then restart the assisted or before try
           the
-          <code>reset</code>
-          action (
-          <strong>trash bin icon</strong>
-          ) that should clear every cached data and resend a full screen capture
+          <code>reset</code> action (<strong>trash bin icon</strong>)
+          that should clear every cached data and resend a full screen capture
           from scratch.
         </p>
 
@@ -122,6 +120,11 @@
           <li>Memory usage</li>
           <li>Duration of the active or the last support session</li>
         </ol>
+
+        <h3>Connection establishment</h3>
+        <p>
+          <img src="dayon.connection.diagram.svg" alt="Dayon! connection diagram" />
+        </p>
       </div>
       <div id="footer"></div>
     </div>

docs/zh_support.html

@@ -55,6 +55,11 @@
             <li>内存
             <li>会话时长
         </ol>
+
+        <h3>连接建立</h3>
+        <p>
+            <img src="dayon.connection.diagram.svg" alt="Dayon! connection diagram">
+        </p>
     </div>
     <div id="footer"></div>
 </div>