Ajout du lien vers le manuel de l'application

MaBibli.Client/Pages/APropos.razor

@@ -19,9 +19,27 @@
 
 <section class="bloc-apropos">
     <h2 class="titre-section">Manuel</h2>
+    @*
+        Le manuel vit hors de l'application, sur le site de l'auteur : il se corrige et s'illustre
+        sans qu'il faille republier une version. Même règle que les autres liens sortants — un
+        <a> ne se désactivant pas, hors-ligne il devient un bouton inerte qui porte sa raison,
+        plutôt qu'une navigation qui abandonnerait l'utilisateur sur la page d'erreur du navigateur.
+    *@
+    @if (Reseau.EnLigne)
+    {
+        <p>
+            <a href="@Manuel" target="_blank" rel="noopener">Comment utiliser MaBibli</a>
+        </p>
+    }
+    else
+    {
+        <p>
+            <button type="button" class="bouton bouton-discret" disabled
+                    title="@EtatReseau.MotifHorsLigne">Comment utiliser MaBibli</button>
+        </p>
+    }
     <p class="message-discret">
-        Un manuel d'utilisation est <strong>à venir</strong>. En attendant, chaque écran porte ses
-        explications à l'endroit où elles servent.
+        Chaque écran porte par ailleurs ses explications à l'endroit où elles servent.
     </p>
 </section>
 
@@ -120,6 +138,9 @@
     /// <summary>Site de l'auteur, ouvert dans une autre fenêtre.</summary>
     private const string Site = "https://www.limonier.be";
 
+    /// <summary>Manuel d'utilisation, hébergé avec les autres tutoriels du site.</summary>
+    private const string Manuel = "https://limonier.be/tuto/utiliser_mabibli/";
+
     /// <summary>Dépôt du code — ce que l'AGPL attend qu'on rende accessible.</summary>
     private const string Depot = "https://git.akbar.nohost.me/mathieu/mabibli";