From 16481fad1870ca9ace3427af7de54b3a82754784 Mon Sep 17 00:00:00 2001
From: yannroberge <yroberge@uwaterloo.ca>
Date: Tue, 9 Jun 2020 21:35:55 -0400
Subject: [PATCH] =?UTF-8?q?Ajout=20d'un=20arbre=20de=20tournoi=20g=C3=A9n?=
 =?UTF-8?q?=C3=A9r=C3=A9=20sur=20BracketHQ=20=C3=A0=20la=20gabarit.html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/comic.css |  4 ++++
 gabarit.html  | 13 +++++++++++++
 2 files changed, 17 insertions(+)

diff --git a/css/comic.css b/css/comic.css
index 30ab5ff..8f63dcf 100644
--- a/css/comic.css
+++ b/css/comic.css
@@ -224,4 +224,8 @@ footer p {
 
 #exemple-carrousel {
     max-width: 700px;
+}
+
+#exemple-arbre-tournoi {
+    max-width: 700px;
 }
\ No newline at end of file
diff --git a/gabarit.html b/gabarit.html
index 7c822fe..29fb1a5 100644
--- a/gabarit.html
+++ b/gabarit.html
@@ -303,6 +303,19 @@ implicite. -->
     </div>
   </section>
 
+  <!-- Tournoi -->
+  <section class="section-impaire">
+    <div id="exemple-arbre-tournoi" class="container-fluid text-center">
+      <h3 class="section-heading">Tournoi</h3>
+      <div class="row justify-content-center">
+        <!-- NOTE: Pour l'esthétique, il peut être recommendable de réduire le
+        champ "height" généré par bracketHQ. Pour cet exemple il a généré "550",
+        ce qui est pas mal trop haut pour le petit arbre qu'il contient. -->
+        <iframe src="https://brackethq.com/b/6cpe/embed/" width="100%" height="400" frameborder="0"></iframe>
+      </div>
+    </div>
+  </section>
+
   <!-- Bas-de-page -->
   <footer class="py-5">
     <div class="container text-center">
-- 
GitLab