Newer
Older
yannroberge
committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!-- Polybash -->
<!-- Date de création: 11 juin 2020 -->
<!-- Auteur: Rétro -->
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Comité de Micro-informatique de Polytechnique Montréal">
<meta name="author" content="Comic">
<title>Polybash | Comic</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Style CSS du gabarit -->
<link href="css/business-frontpage.css" rel="stylesheet">
<!-- Style CSS du gabarit -->
<link href="css/comic.css" rel="stylesheet">
<!-- Icône -->
<link rel="icon" type="image/png" sizes="96x96" href="ressources/icone-96x96.png">
<link rel="manifest" href="ressources/manifest.json">
<meta name="theme-color" content="#ffffff">
<!-- Icônes des événements -->
<link href="fontawesome-5.13.0/css/all.css" rel="stylesheet">
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-sm navbar-dark fixed-top">
<div class="container nav-container">
<a class="navbar-brand" href="index.html">
<img src="ressources/logo_comic_blanc.png" alt="Logo" id="logoNavbar">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link text-nowrap" href="index.html">Accueil<span class="sr-only">(current)</span></a></li>
<li class="nav-item"><a class="nav-link text-nowrap" href="le-comité.html">Le Comité</a></li>
<li class="nav-item"><a class="nav-link text-nowrap" href="chronologie.html">Chronologie</a></li>
<li class="nav-item"><a class="nav-link text-nowrap" href="s-impliquer.html">S'impliquer</a></li>
<li class="nav-item"><a class="nav-link text-nowrap" href="contact.html">Contact</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Services
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="polybash.html"><i class="fa fa-trophy icone-evenement"></i> Polybash</a>
<a class="dropdown-item" href="saltcup.html"><img id="icone-saltcup" class="icone-evenement" src="ressources/saliere-noire.svg" alt=""> Saltcup</a>
yannroberge
committed
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<a class="dropdown-item" href="buildquest.html"><i class="fa fa-hammer icone-evenement"></i> BuildQuest</a>
<a class="dropdown-item" href="réparons-poly.html"><i class="fa fa-wrench icone-evenement"></i> Réparons-Poly</a>
</div>
</li>
</ul>
</div>
</div>
</nav>
<!-- En-tête de page -->
<header id="en-tête-page">
<h1 class="section-heading text-center">
<img src="ressources/logo_comic.png" alt="Logo Comic">
Polybash
</h1>
</header>
<!-- Contenu -->
<section id="section-texte-gauche" class="section-impaire">
<div class="container-fluid text-left">
<h3 class="section-heading">Texte aligné à gauche</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>
</div>
</div>
</div>
</section>
<!-- Carrousel -->
<section class="section-paire">
<div id="exemple-carrousel" class="container-fluid text-center">
<div class="row justify-content-center">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="ressources/espadon.jpeg" class="d-block w-100" alt="Brochet">
</div>
<div class="carousel-item">
<img src="ressources/daurade.jpeg" class="d-block w-100" alt="Daurade">
</div>
<div class="carousel-item">
<img src="ressources/brochet-2.jpeg" class="d-block w-100" alt="Espadon">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</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>
<!-- Tournoi -->
<section class="section-paire">
<div id="exemple-arbre-tournoi" class="container-fluid text-center">
<h3 class="section-heading">Tournoi</h3>
<div class="row justify-content-center">
<iframe src="https://challonge.com/fr/jkbqlixa/module" width="100%" height="300" frameborder="0" scrolling="auto" allowtransparency="true"></iframe>
</div>
</div>
</section>
<!-- Bas-de-page -->
<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 class="lien-cliquable" 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>© Comic 2020</p>
</div>
<!-- /.container -->
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>