From 11003ef4f478feae07c66f15926f8412f7ebb25d Mon Sep 17 00:00:00 2001
From: yannroberge <yroberge@uwaterloo.ca>
Date: Wed, 10 Jun 2020 21:32:14 -0400
Subject: [PATCH] =?UTF-8?q?Ajout=20des=20liens=20et=20textes=20=C3=A0=20la?=
 =?UTF-8?q?=20page=20contact.html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 contact.html  | 19 ++++++++++++-------
 css/comic.css |  2 +-
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/contact.html b/contact.html
index 2ba6742..871393d 100644
--- a/contact.html
+++ b/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>
diff --git a/css/comic.css b/css/comic.css
index f6db9ab..39482fe 100644
--- a/css/comic.css
+++ b/css/comic.css
@@ -186,7 +186,7 @@ footer p {
     color: white;
 }
 
-#courriel {
+.lien-cliquable {
     text-decoration: none;
 }
 
-- 
GitLab