Clarifications et corrections mineures dans l'aide

Meilleure mise en évidence de la prochaine file à parler

kikikoz.css

@@ -12,12 +12,21 @@ details.aide > summary {
     font-weight: 1000;
 }
 
+details.configuration {
+    padding: 1ex;
+}
+
 details.configuration[open] {
     background-color: rgba(0, 0, 0, 0.2);
-    padding: 1ex;
+
     border-radius: .5rem;
 }
 
+details.configuration > summary {
+    width: 100%;
+    text-align: right;
+}
+
 body > div {
     background-color: aliceblue;
     display: flex;
@@ -59,6 +68,17 @@ li.dernier_arrive {
     background-color: lightgreen;
 }
 
+
+.active section.queue h3::before {
+    content: ">>> " ;
+    font-style: italic;
+}
+
+
+.active section.queue h3 {
+    font-style: italic;
+}
+
 .attente section.queue {
     background-color: pink;
 }

src/main.rs

@@ -209,11 +209,11 @@ fn Explications<'a, G: Html>(cx: Scope<'a>) -> View<G> {
     details()
         .class("aide")
         .c(summary().t("Comment utiliser Kikikoz"))
-        .c(p().t("Kikikoz est un outil qui vous aide à répartir la parole dans une réunion."))
-        .c(p().t("Quand vous lancez Kikikoz, l'interface que vous voyez correspond à une réunion avec un tour de parole divisé en deux file. C'est une pratique que l'on observe souvent, notamment pour répartir équitablement la parole entre femmes et hommes."))
-        .c(p().t("Quand une personne lève la main, vous allez inscrire son nom dans le champ de texte correspondant à la file d'attente idoine."))
+        .c(p().t("Kikikoz est un outil qui vous aide à répartir la parole dans une réunion. Il s'exécute en toute discrétion dans votre navigateur: ").c(strong().t("il n'envoie aucune donnée où que ce soit.")))
+        .c(p().t("Quand vous lancez Kikikoz, l'interface que vous voyez correspond à une réunion avec un tour de parole divisé en deux files. C'est une pratique que l'on observe souvent, notamment pour répartir équitablement la parole entre femmes et hommes."))
+        .c(p().t("Quand une personne lève la main, inscrivez son nom dans le champ de texte correspondant à la file d'attente idoine, puis pressez ENTRÉE."))
 	.c(p().t("Pour donner la parole à la personne suivante, il suffit de cliquer sur le bouton \"suivantə\", ou de taper CTRL+ENTRÉE. Son nom et son temps de parole apparaissent alors en gros caractères"))
-	.c(p().t("La parole alterne entre les deux files. Vous l'avez peut-être remarqué, quand une personne lève la main, elle ne va pas à la fin de la file, mais à une position aléatoire. C'est inhabituel, mais pas moins juste. Il y a des chances que ce qu'elle à a dire soit plus pertinent, puisqu'elle lève la main après avoir entendu plus de choses. Vous pouvez changer ce comportement pour chaque file."))
+	.c(p().t("La parole alterne entre les deux files. La prochaine personne à parler est donc celle qui est en tête de la file avec un fond vert et un titre en italique. Vous l'avez peut-être remarqué, quand une personne lève la main, elle ne va pas à la fin de la file, mais à une position aléatoire. C'est inhabituel, mais pas moins juste. Il y a des chances que ce qu'elle à a dire soit plus pertinent, puisqu'elle lève la main après avoir entendu plus de choses. Vous pouvez changer ce comportement pour chaque file."))
 	.c(p().t("Pour faire une pause dans la réunion (quand personne n'a la parole), cliquez sur \"pause\"."))
         .c(p().t("Vous pouvez configurer toutes sortes de détails via le panneau configaration. Vous pouvez y ajouter ou supprimer des files, décider si l'ajout de personnes dans chaque file doit se faire à une position aléatoire ou à la fin. Vous pouvez également attribuer une priorité différente aux files, si vous décidez que la parole doit revenir à l'une d'entre elles plus souvent qu'aux autres."))
         .view(cx)