Peuplement du bas-de-page: numéro du local, courriel et lien vers les réseaux sociaux.

NB: Le lien d'invitation discord est lié au compte personnel de Rétro
parce qu'à priori il y a pas d'autre moyen. Faudra éventuellement le
changer à un moment donné. Le lien est configuré pour ne jamais expirer.

css/comic.css

@@ -132,6 +132,19 @@
 }
 
 /* Bas-de-page */
+footer {
+    background-color: #202020;
+}
 footer p {
     color: white;
 }
+
+#courriel {
+    text-decoration: none;
+}
+
+.réseau-social {
+    font-size: 30px;
+    padding-left: 3px;
+    padding-right: 3px;
+}

index.html

@@ -145,9 +145,18 @@ implicite. -->
   </section>
 
   <!-- Footer -->
-  <footer class="py-5 bg-dark">
-    <div class="container">
-      <p class="m-0 text-center text-white">&copy; Comic 2020</p>
+  <footer class="py-5">
+    <div class="container text-center">
+      <h5><b><p>COMIC</p></b></h5>
+      <p>Local C215.02 (Pavillon Principal)
+        <br>École Polytechnique de Montréal
+        <br><a id="courriel" href="mailto:comic@nova.polymtl.ca">comic@nova.polymtl.ca</a>
+        <br><a class="réseau-social" href="https://www.facebook.com/lecomicpolymtl/"><i class="fab fa-facebook-square"></i></a>
+        <a class="réseau-social" href="https://m.me/lecomicpolymtl"><i class="fab fa-facebook-messenger"></i></a>
+        <!-- NOTE: Le lien d'invitation vers le Discord du Polybash est lié
+        au compte personnel de Rétro. Créer un nouveau lien d'invitation --à date d'expiration illimitée-- quand ce sera approprié. -->
+        <a class="réseau-social" href="https://discord.gg/EqHDKYK"><i class="fab fa-discord"></i></a></p>
+      <p>&copy; Comic 2020</p>
     </div>
     <!-- /.container -->
   </footer>