Merge pull request 'fix/affichage-vie-etudiante' (#163) from fix/affichage-vie-etudiante into main

Reviewed-on: #163
This commit is contained in:
Victor Lacasse-Beaudoin 2023-10-26 16:03:38 -05:00
commit 648e72f209
2 changed files with 171 additions and 66 deletions

View file

@ -0,0 +1,52 @@
.table {
font-family: "Poppins";
margin-bottom: 20px;
font-size: 0.625rem;
}
td {
padding: 5px 10px;
}
.tableRowHeading {
font-weight: 600;
}
.tableRow:nth-child(odd) {
background-color: #FFF;
}
.tableRow:nth-child(even) {
background-color: #F4F4F4;
}
.organismeActif {
background-color: rgb(200, 255, 200);
}
.organismeInactif {
background-color: rgb(255, 200, 200);
}
.vieEtudianteWrapper {
display: flex;
flex-flow: column;
align-items: center;
}
.separator {
width: 75%;
border: 1px solid #C4C4C4;
}
@media screen and (min-width: 768px) {
.table {
font-size: 0.875rem;
}
}
@media screen and (min-width: 1140px) {
.table {
font-size: 1rem;
}
}

View file

@ -5,148 +5,201 @@
<meta charset="utf-8">
<title>AGECEM | Vie étudiante</title>
{{ template "general-html" }}
<link rel="stylesheet" href="/public/css/vie-etudiante.css">
</head>
<body>
{{ template "header-html" }}
<div class="wrapper vieEtudianteWrapper">
<h1 class="heading1">Vie étudiante</h1>
<h3>Organismes thématiques</h3>
<table>
<tr>
<td>Nom</td>
<h2 class="heading2">Organismes thématiques</h2>
<table class="table">
<tr class="tableRowHeading">
<td>Nom</td>
<td>Local</td>
<td>Poste téléphonique</td>
<td>Poste</td>
<td>Statut</td>
</tr>
<tr>
<td>AME</td>
<tr class="tableRow">
<td>AME</td>
<td>C-060</td>
<td>7919</td>
<td class="organismeActif">Actif</td>
</tr>
<tr>
<tr class="tableRow">
<td>BEAM</td>
<td>F-024a</td>
<td>5930</td>
<td class="organismeActif">Actif</td>
</tr>
<tr>
<td>CIC</td>
<td>F-027c</td>
</tr>
<tr>
<tr class="tableRow">
<td>Club Aventurier</td>
<td>F-011b</td>
<td>2730</td>
<td class="organismeActif">Actif</td>
</tr>
<tr>
<tr class="tableRow">
<td>Équipe Santé</td>
<td>F-011</td>
<td>2361</td>
<td class="organismeActif">Actif</td>
</tr>
<tr>
<tr class="tableRow">
<td>Montpetit Donjon</td>
<td>C-067</td>
<td>2299</td>
<td class="organismeActif">Actif</td>
</tr>
<tr>
<tr class="tableRow">
<td>MAEL</td>
<td>F-027b</td>
<td>N/A</td>
<td class="organismeActif">Actif</td>
</tr>
<tr>
<tr class="tableRow">
<td>OGRE</td>
<td>F-011c</td>
<td>5647</td>
<td class="organismeActif">Actif</td>
</tr>
<tr>
<td>Radio</td>
<tr class="tableRow">
<td>RECEM</td>
<td>A-125s</td>
<td>N/A</td>
<td class="organismeActif">Actif</td>
</tr>
<tr>
<tr class="tableRow">
<td>ORGASME</td>
<td>F-027d</td>
<td>F-049</td>
<td>N/A</td>
<td class="organismeActif">Actif</td>
</tr>
<tr>
<tr class="tableRow inactive">
<td>SOI</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
<tr>
<tr class="tableRow inactive">
<td>MotDit</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
</table>
<hr>
<h3>Associations de programme</h3>
<table>
<tr>
<hr class="separator">
<h2 class="heading2">Associations de programme</h2>
<table class="table">
<tr class="tableRowHeading">
<td>Nom</td>
<td>Local</td>
<td>Poste téléphonique</td>
<td>Poste</td>
<td>Statut</td>
</tr>
<tr>
<tr class="tableRow">
<td>ADEPT</td>
<td>F-045</td>
<td>2286</td>
<td class="organismeActif">Actif</td>
</tr>
<tr>
<td>ASI</td>
</tr>
<tr>
<tr class="tableRow">
<td>ATIM</td>
<td>F-041</td>
<td>2652</td>
<td class="organismeActif">Actif</td>
</tr>
<tr>
<tr class="tableRow">
<td>AEALC</td>
<td>A-125r</td>
<td>2873</td>
<td class="organismeActif">Actif</td>
</tr>
<tr>
<tr class="tableRow">
<td>PAPI</td>
<td>F-023</td>
<td>2795</td>
<td class="organismeActif">Actif</td>
</tr>
<tr>
<td>TEE</td>
</tr>
<tr>
<tr class="tableRow">
<td>TGE</td>
<td>C-063</td>
<td>2638</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow inactive">
<td>ASI</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
<tr class="tableRow" inactive>
<td>TEE</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
</table>
<hr>
<h3>Comités</h3>
<table>
<tr>
<hr class="separator">
<h2 class="heading2">Comités</h2>
<table class="table">
<tr class="tableRowHeading">
<td>Nom</td>
<td>Local</td>
<td>Poste téléphonique</td>
<td>Poste</td>
<td>Statut</td>
</tr>
<tr>
<td>CAP</td>
<tr class="tableRow">
<td>ASEG</td>
<td>B-06</td>
<td>N/A</td>
<td class="organismeActif">Actif</td>
</tr>
<tr>
<tr class="tableRow">
<td>CIC</td>
<td>F-027c</td>
<td>N/A</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>Comité Mob</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>ESPACE</td>
<td>F-011d</td>
<td>2418</td>
<td class="organismeActif">Actif</td>
</tr>
<tr>
<td>CFEM</td>
</tr>
<tr>
<td>ASEG</td>
<td>B-06</td>
</tr>
<tr>
<td>Comité Mob</td>
</tr>
<tr>
<td>EUMC-CEM</td>
<td>C-054</td>
<td>2356</td>
</tr>
<tr>
<td>CÉSI</td>
</tr>
<tr>
<tr class="tableRow">
<td>Friperie</td>
<td>F-027a</td>
<td>2248</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow inactive">
<td>CAP</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
<tr class="tableRow inactive">
<td>CÉSI</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
<tr class="tableRow inactive">
<td>CFEM</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
<tr class="tableRow inactive">
<td>EUMC-CEM</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
</table>
</div>