Ajout des liens et textes à la page contact.html

contact.html

@@ -83,28 +83,33 @@
       <h3 class="section-heading"><i class="fa fa-envelope"></i> Courriel</h3>
       <div class="row justify-content-left">
         <div class="col">
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis harum rem excepturi eius. Officia itaque ducimus dolore nisi eum necessitatibus quae, quam repudiandae, temporibus debitis quia quibusdam, enim dolorem optio. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ad, et, ratione corporis doloribus perferendis soluta error alias natus eligendi rerum iure illo, quisquam, earum aperiam sapiente odio recusandae? Quo.</p>
+        <p>Vous pouvez nous écrire à <a class="lien-cliquable" href="mailto:comic@nova.polymtl.ca">comic@nova.polymtl.ca</a>.</p>
         </div>
       </div>
 
-      <h3 class="section-heading"><i class="fab fa-discord"></i> Discord</h3>
+      <h3 class="section-heading"><i class="fab fa-facebook-square"></i> Facebook</h3>
       <div class="row justify-content-left">
         <div class="col">
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis harum rem excepturi eius. Officia itaque ducimus dolore nisi eum necessitatibus quae, quam repudiandae, temporibus debitis quia quibusdam, enim dolorem optio. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ad, et, ratione corporis doloribus perferendis soluta error alias natus eligendi rerum iure illo, quisquam, earum aperiam sapiente odio recusandae? Quo.</p>
+        <p>Nous répondons aux messages envoyés via <a class="lien-cliquable" href="https://www.facebook.com/lecomicpolymtl/">notre page</a>.</p>
         </div>
       </div>
 
-      <h3 class="section-heading"><i class="fab fa-facebook-square"></i> Facebook</h3>
+      <h3 class="section-heading"><i class="fa fa-laugh"></i> En personne</h3>
       <div class="row justify-content-left">
         <div class="col">
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis harum rem excepturi eius. Officia itaque ducimus dolore nisi eum necessitatibus quae, quam repudiandae, temporibus debitis quia quibusdam, enim dolorem optio. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ad, et, ratione corporis doloribus perferendis soluta error alias natus eligendi rerum iure illo, quisquam, earum aperiam sapiente odio recusandae? Quo.</p>
+        <!-- TODO: Écrire Le Polyscope avec leur police spéciale -->
+        <p>Notre local est au C215.02, jumelé avec Le Polyscope.</p>
         </div>
       </div>
 
-      <h3 class="section-heading"><i class="fa fa-laugh"></i> En personne</h3>
+      <h3 class="section-heading"><i class="fab fa-discord"></i> Discord - Polybash</h3>
       <div class="row justify-content-left">
         <div class="col">
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis harum rem excepturi eius. Officia itaque ducimus dolore nisi eum necessitatibus quae, quam repudiandae, temporibus debitis quia quibusdam, enim dolorem optio. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere ad, et, ratione corporis doloribus perferendis soluta error alias natus eligendi rerum iure illo, quisquam, earum aperiam sapiente odio recusandae? Quo.</p>
+          <p>Pour toute question sur le Polybash, ou encore pour trouver des coéquipiers!
+          <!-- TODO: Remplacer le lien d'invitation par le widget discord du serveur:
+                  https://blog.discord.com/add-the-discord-widget-to-your-site-d45ffcd718c6 -->
+          <br>
+          <a class="lien-cliquable" href="https://discord.gg/EqHDKYK">Lien d'invitation</a></p>
         </div>
       </div>
     </div>

css/comic.css

@@ -186,7 +186,7 @@ footer p {
     color: white;
 }
 
-#courriel {
+.lien-cliquable {
     text-decoration: none;
 }