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