frontend: fix orthograph, typography, ...

frontend/static/views/home.html

@@ -1,10 +1,10 @@
 <div class="row">
   <div class="col text-justify">
 <div class="jumbotron" style="text-indent: 1em">
-  <h2 style="text-indent: 0">Bienvenue <span ng-repeat="member in my.members"><span ng-if="$last && !$first"> et </span><span ng-if="$middle">, </span>{{ member.firstname | capitalize }} {{ member.lastname | capitalize }}</span> !</h2>
+  <h2 style="text-indent: 0">Bienvenue <span ng-repeat="member in my.members"><span ng-if="$last && !$first"> et </span><span ng-if="$middle">, </span>{{ member.firstname | capitalize }} {{ member.lastname | capitalize }}</span>&nbsp;!</h2>
   <hr>
   <p ng-if="(my.team_id)">
-    Félicitations ! vous êtes maintenant connecté à l'espace de votre
+    Félicitations&nbsp;! vous êtes maintenant connecté à l'espace de votre
     équipe <em>{{ teams[my.team_id].name }}</em>. Vous pouvez changer ce nom
     dès maintenant en vous rendant sur la page de <a href="/edit">votre
     équipe</a>.
@@ -15,19 +15,19 @@
   </p>
   <p>
     Compromissions, défauts de configuration, utilisations malveillantes,
-    contournements des règles de sécurité, &hellip; tous les jours nous mettons
+    contournements des règles de sécurité,&nbsp;&hellip; tous les jours nous mettons
     en danger nos données.
   </p>
   <p>
     Saurez-vous identifier les différents vecteurs de fuites de données avec
-    lesquels nos systèmes d'informations et nos utilisateurs font faces ?
+    lesquels nos systèmes d'informations et nos utilisateurs font face&nbsp;?
   </p>
   <p>
-    Bon courage !
+    Bon courage&nbsp;!
   </p>
 </div>
 <div class="alert alert-danger">
-  <strong>Attention :</strong> puisqu'il s'agit de captures effectuées dans le
+  <strong>Attention&nbsp;:</strong> puisqu'il s'agit de captures effectuées dans le
   but de découvrir si des actes malveillants ont été commis sur différents
   systèmes d'information, les contenus qui sont
   téléchargeables <em>peuvent</em> contenir du contenu malveillant&nbsp;!

frontend/static/views/rules.html

@@ -1,4 +1,4 @@
-<div class="card-group">
+<div class="card-group text-justify" style="margin-bottom: 25px;">
 <div class="card">
 <div class="card-body text-indent">
   <h2>Débloquage des challenges</h2>
@@ -11,8 +11,8 @@
 
   <h2>Le classement</h2>
   <p>
-    Pour figurer dans le classement, il faut avoir réalisé au moins une action :
+    Pour figurer dans le classement, il faut avoir réalisé au moins une
-    qu'elle ajoute ou retire des points.
+    action&nbsp;: qu'elle ajoute ou retire des points.
   </p>
   <p>
     En cas d'égalité au score, les équipes sont départagées selon leur
@@ -25,55 +25,14 @@
     Pour gagner des points, vous devez résoudre les challenges qui vous sont
     proposés. Plus l'exercice est compliqué, plus il rapporte de points.
   </p>
-  <table class="table table-condensed table-striped">
-    <thead>
-      <tr>
-	<th>Niveau de l'exercice</th>
-	<th>Points rapportés</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-	<td>0</td>
-	<td>5 points</td>
-      </tr>
-      <tr>
-	<td>1</td>
-	<td>11 points</td>
-      </tr>
-      <tr>
-	<td>2</td>
-	<td>23 points</td>
-      </tr>
-      <tr>
-	<td>3</td>
-	<td>47 points</td>
-      </tr>
-      <tr>
-	<td>4</td>
-	<td>95 points</td>
-      </tr>
-    </tbody>
-  </table>
 
-  <h3>Coût des indices</h3>
-  <p>
-    Pour vous aider, certains exercices vous proposent un ou
-    plusieurs <strong>indices</strong>. Ces indices vous font perdre des
-    points, la valeur de points perdue est indiquée pour chaque indice.
-  </p>
-
-</div>
-</div>
-<div class="card">
-<div class="card-body text-indent">
   <h3>Coût de soumission</h3>
   <p>
-    Vous disposez de 9 tentatives pour trouver la/les solutions d'un
+    Vous disposez de 9&nbsp;tentatives pour trouver la/les solutions d'un
     challenge. Au delà, chaque tentative vous fait perdre une petite quantité
-    de points comme suit :
+    de points comme suit&nbsp;:
   </p>
-  <table class="table table-condensed table-striped">
+  <table class="table table-sm table-striped">
     <thead>
       <tr>
 	<th>Nombre de soumissions</th>
@@ -83,23 +42,23 @@
     <tbody>
       <tr>
 	<td>0 à 9</td>
-	<td>0 point</td>
+	<td>0&nbsp;point</td>
       </tr>
       <tr>
 	<td>10 à 19</td>
-	<td><ng-pluralize count="settings.submissionCostBase" when="{'one': '{} point', 'other': '{} points'}"></ng-pluralize></td>
+	<td><ng-pluralize count="settings.submissionCostBase" when="{'one': '{}&nbsp;point', 'other': '{}&nbsp;points'}"></ng-pluralize></td>
       </tr>
       <tr>
 	<td>20 à 29</td>
-	<td><ng-pluralize count="settings.submissionCostBase * 2" when="{'one': '{} point', 'other': '{} points'}"></ng-pluralize></td>
+	<td><ng-pluralize count="settings.submissionCostBase * 2" when="{'one': '{}&nbsp;point', 'other': '{}&nbsp;points'}"></ng-pluralize></td>
       </tr>
       <tr>
 	<td>30 à 39</td>
-	<td><ng-pluralize count="settings.submissionCostBase * 3" when="{'one': '{} point', 'other': '{} points'}"></ng-pluralize></td>
+	<td><ng-pluralize count="settings.submissionCostBase * 3" when="{'one': '{}&nbsp;point', 'other': '{}&nbsp;points'}"></ng-pluralize></td>
       </tr>
       <tr>
 	<td>40 à 49</td>
-	<td><ng-pluralize count="settings.submissionCostBase * 4" when="{'one': '{} point', 'other': '{} points'}"></ng-pluralize></td>
+	<td><ng-pluralize count="settings.submissionCostBase * 4" when="{'one': '{}&nbsp;point', 'other': '{}&nbsp;points'}"></ng-pluralize></td>
       </tr>
       <tr>
 	<td>...</td>
@@ -107,14 +66,18 @@
       </tr>
     </tbody>
   </table>
+</div>
+</div>
+<div class="card">
+<div class="card-body text-indent">
   <p>
-    Par exemple :
+    Par exemple&nbsp;:
   </p>
   <ul>
-    <li>À 10 soumissions, vous aurez perdu <ng-pluralize count="settings.submissionCostBase" when="{'one': '{} point', 'other': '{} points'}"></ng-pluralize>.</li>
+    <li>À&nbsp;10 soumissions, vous aurez perdu <ng-pluralize count="settings.submissionCostBase" when="{'one': '{}&nbsp;point', 'other': '{}&nbsp;points'}"></ng-pluralize>.</li>
-    <li>À 15 soumissions, vous aurez perdu en tout <ng-pluralize count="settings.submissionCostBase * 5" when="{'one': '{} point', 'other': '{} points'}"></ng-pluralize> : <samp>{{ settings.submissionCostBase }} * 5</samp>.</li>
+    <li>À&nbsp;15 soumissions, vous aurez perdu en tout <ng-pluralize count="settings.submissionCostBase * 5" when="{'one': '{}&nbsp;point', 'other': '{}&nbsp;points'}"></ng-pluralize>&nbsp;: <samp>{{ settings.submissionCostBase }} * 5</samp>.</li>
-    <li>25 soumissions vous coûteront en tout <ng-pluralize count="settings.submissionCostBase * 20" when="{'one': '{} point', 'other': '{} points'}"></ng-pluralize> : <samp>{{ settings.submissionCostBase }} * 10 + {{ settings.submissionCostBase * 2}} * 5</samp>.</li>
+    <li>25 soumissions vous coûteront en tout <ng-pluralize count="settings.submissionCostBase * 20" when="{'one': '{}&nbsp;point', 'other': '{}&nbsp;points'}"></ng-pluralize>&nbsp;: <samp>{{ settings.submissionCostBase }} * 10 + {{ settings.submissionCostBase * 2}} * 5</samp>.</li>
-    <li>50 soumissions vous coûteront en tout <ng-pluralize count="settings.submissionCostBase * 105" when="{'one': '{} point', 'other': '{} points'}"></ng-pluralize> : <samp>{{ settings.submissionCostBase }} * 10 + {{ settings.submissionCostBase * 2 }} * 10 + {{ settings.submissionCostBase * 3 }} * 10 + {{ settings.submissionCostBase * 4 }} * 10 + {{ settings.submissionCostBase * 5 }}</samp>.</li>
+    <li>50 soumissions vous coûteront en tout <ng-pluralize count="settings.submissionCostBase * 105" when="{'one': '{}&nbsp;point', 'other': '{}&nbsp;points'}"></ng-pluralize>&nbsp;: <samp>{{ settings.submissionCostBase }} * 10 + {{ settings.submissionCostBase * 2 }} * 10 + {{ settings.submissionCostBase * 3 }} * 10 + {{ settings.submissionCostBase * 4 }} * 10 + {{ settings.submissionCostBase * 5 }}</samp>.</li>
   </ul>
   <p>
     La dernière soumission (lorsque tous les flags sont bons) est comptabilisée
@@ -122,10 +85,26 @@
   </p>
   <hr>
 
+  <h3>Coût des indices</h3>
+  <p>
+    Pour vous aider, certains exercices vous proposent un ou
+    plusieurs <strong>indices</strong>. Ces indices vous font perdre des
+    points, la valeur de points perdue est indiquée pour chaque indice.
+  </p>
+  <p>
+    Ces points sont perdus, que vous réussissiez ou non l'exercice.
+  </p>
+  <p>
+    Vous pouvez débloquer des indices même si vous ne disposez pas de
+    suffisamment de points (ou même si vous n'en avez pas encore) ; dans ce
+    cas, votre score sera négatif.
+  </p>
+  <hr>
+
   <h3>Bonus</h3>
   <p>
     Plusieurs bonus peuvent s'appliquer en même temps, dans ce cas, le calcul
-    du bonus est toujours effectué à partir du nombre de points initials du
+    du bonus est toujours effectué à partir du nombre de points initiaux du
     challenge.
   </p>
 
@@ -140,7 +119,7 @@
     Au cours du challenge, afin de booster les équipes ou certains challenges,
     un bonus peut-être attribué si une soumission valide est envoyée durant la
     période d'activité du bonus. Restez à l'écoute et observez les challenges
-    portant cette icône : <span class="glyphicon glyphicon-gift"
+    portant cette icône&nbsp;: <span class="glyphicon glyphicon-gift"
     aria-hidden="true" alt="Des bonus existent pour au moins un challenge de ce
     thème"></span>
   </p>

frontend/static/welcome.html

@@ -58,7 +58,7 @@
 	<p>
 	  Le certificat <em>client</em> est envoyé à notre serveur pour vous
 	  identifier et vous authentifier. Votre certificat et votre clef
-	  privée sont contenu sur la clef USB que nous vous avons donné, dans
+	  privée sont contenus sur la clef USB que nous vous avons donnée, dans
 	  un fichier <samp>.p12</samp>, protégé avec le mot de passe qui vous a
 	  été fourni sur papier.
 	</p>
@@ -99,7 +99,7 @@
 	<div class="card-body">
 	  <ol>
 	    <li>Ouvrez la fenêtre des préférences du navigateur.</li>
-	    <li>Choisissez la catégorie <strong>Avancé</strong>.</li>
+	    <li>Choisissez la catégorie <strong>Vie privée et sécurité</strong> (<strong>Avancé</strong> dans les versions plus anciennes).</li>
 	    <li>Sélectionnez l'onglet <strong>Certificats</strong>.</li>
 	    <li>Cliquez sur <strong>Afficher les certificats</strong>.</li>
 	    <li>Sélectionnez l'onglet <strong>Vos certificats</strong>.</li>