affichage vie-etudiante.gohtml

Ajout de classes aux éléments HTML des tableaux
Modification du contenu des tableaux
Ajout du fichier vie-etudiante.css
Formattage basique du contenu des tableaux
This commit is contained in:
Alexel 2023-10-16 17:36:53 -04:00
parent 1d6e0ba0f0
commit 04de3d3d30
2 changed files with 157 additions and 57 deletions

View file

@ -0,0 +1,17 @@
.table {
font-family: "Poppins";
}
td {
padding: 5px 10px;
}
.tableRowHeading {
font-weight: 600;
}
.tableRow:nth-child(odd) {}
.tableRow:nth-child(even) {
background-color: #F4F4F4;
}

View file

@ -5,148 +5,231 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>AGECEM | Vie étudiante</title> <title>AGECEM | Vie étudiante</title>
{{ template "general-html" }} {{ template "general-html" }}
<link rel="stylesheet" href="/public/css/vie-etudiante.css">
</head> </head>
<body> <body>
{{ template "header-html" }} {{ template "header-html" }}
<div class="wrapper vieEtudianteWrapper"> <div class="wrapper vieEtudianteWrapper">
<h1 class="heading1">Vie étudiante</h1> <h1 class="heading1">Vie étudiante</h1>
<h3>Organismes thématiques</h3> <h2>Organismes thématiques</h2>
<table> <table class="table">
<tr> <tr class="tableRowHeading">
<td>Nom</td> <td>Nom</td>
<td>Description</td>
<td>Local</td> <td>Local</td>
<td>Poste téléphonique</td> <td>Poste</td>
<td>Statut</td>
</tr> </tr>
<tr> <tr class="tableRow">
<td>AME</td> <td>AME</td>
<td>Musique</td>
<td>C-060</td> <td>C-060</td>
<td>7919</td> <td>7919</td>
<td>Actif</td>
</tr> </tr>
<tr> <tr class="tableRow">
<td>BEAM</td> <td>BEAM</td>
<td>Bandes-dessinées et animation</td>
<td>F-024a</td> <td>F-024a</td>
<td>5930</td> <td>5930</td>
<td>Actif</td>
</tr> </tr>
<tr> <tr class="tableRow">
<td>CIC</td>
<td>F-027c</td>
</tr>
<tr>
<td>Club Aventurier</td> <td>Club Aventurier</td>
<td>Activités en plein air</td>
<td>F-011b</td> <td>F-011b</td>
<td>2730</td> <td>2730</td>
<td>Actif</td>
</tr> </tr>
<tr> <tr class="tableRow">
<td>Équipe Santé</td> <td>Équipe Santé</td>
<td>Secourisme et premiers soins</td>
<td>F-011</td> <td>F-011</td>
<td>2361</td> <td>2361</td>
<td>Actif</td>
</tr> </tr>
<tr> <tr class="tableRow">
<td>Montpetit Donjon</td> <td>Montpetit Donjon</td>
<td>Jeux de table et de rôle</td>
<td>C-067</td> <td>C-067</td>
<td>2299</td> <td>2299</td>
<td>Actif</td>
</tr> </tr>
<tr> <tr class="tableRow">
<td>MAEL</td> <td>MAEL</td>
<td>Écriture et lecture</td>
<td>F-027b</td> <td>F-027b</td>
<td>N/A</td>
<td>Actif</td>
</tr> </tr>
<tr> <tr class="tableRow">
<td>OGRE</td> <td>OGRE</td>
<td>Jeux vidéo</td>
<td>F-011c</td> <td>F-011c</td>
<td>5647</td> <td>5647</td>
<td>Actif</td>
</tr> </tr>
<tr> <tr class="tableRow">
<td>Radio</td> <td>RECEM</td>
<td>Radio étudiante</td>
<td>Actif</td>
<td>Actif</td>
<td>Actif</td>
</tr> </tr>
<tr> <tr class="tableRow">
<td>ORGASME</td> <td>ORGASME</td>
<td>Actif</td>
<td>F-027d</td> <td>F-027d</td>
<td>Actif</td>
<td>Actif</td>
</tr> </tr>
<tr> <tr class="tableRow inactive">
<td>SOI</td> <td>SOI</td>
<td>Spiritualité et développement personnel</td>
<td>N/A</td>
<td>N/A</td>
<td>Inactif</td>
</tr> </tr>
<tr> <tr class="tableRow inactive">
<td>MotDit</td> <td>MotDit</td>
<td>Journal étudiant</td>
<td>N/A</td>
<td>N/A</td>
<td>Inactif</td>
</tr> </tr>
</table> </table>
<hr> <hr>
<h3>Associations de programme</h3> <h2>Associations de programme</h2>
<table> <table class="table">
<tr> <tr class="tableRowHeading">
<td>Nom</td> <td>Nom</td>
<td>Description</td>
<td>Local</td> <td>Local</td>
<td>Poste téléphonique</td> <td>Poste téléphonique</td>
<td>Statut</td>
</tr> </tr>
<tr> <tr class="tableRow">
<td>ADEPT</td> <td>ADEPT</td>
<td>Infomatique</td>
<td>F-045</td> <td>F-045</td>
<td>2286</td> <td>2286</td>
<td>Actif</td>
</tr> </tr>
<tr> <tr class="tableRow">
<td>ASI</td>
</tr>
<tr>
<td>ATIM</td> <td>ATIM</td>
<td>Intégration Multimédia</td>
<td>F-041</td> <td>F-041</td>
<td>2652</td> <td>2652</td>
<td>Actif</td>
</tr> </tr>
<tr> <tr class="tableRow">
<td>AEALC</td> <td>AEALC</td>
<td>Arts, Lettres et Communications</td>
<td>A-125r</td> <td>A-125r</td>
<td>2873</td> <td>2873</td>
<td>Actif</td>
</tr> </tr>
<tr> <tr class="tableRow">
<td>PAPI</td> <td>PAPI</td>
<td>Arts visuels</td>
<td>F-023</td> <td>F-023</td>
<td>2795</td> <td>2795</td>
<td>Actif</td>
</tr> </tr>
<tr> <tr class="tableRow">
<td>TEE</td>
</tr>
<tr>
<td>TGE</td> <td>TGE</td>
<td>Génie Électrique</td>
<td>C-063</td> <td>C-063</td>
<td>2638</td> <td>2638</td>
<td>Actif</td>
</tr>
<tr class="tableRow inactive">
<td>ASI</td>
<td>Soins Infirmiers</td>
<td>N/A</td>
<td>N/A</td>
<td>Inactif</td>
</tr>
<tr class="tableRow" inactive>
<td>TEE</td>
<td>Éducation à l'enfance</td>
<td>N/A</td>
<td>N/A</td>
<td>Inactif</td>
</tr> </tr>
</table> </table>
<hr> <hr>
<h3>Comités</h3> <h2>Comités</h2>
<table> <table class="table">
<tr> <tr class="tableRowHeading">
<td>Nom</td> <td>Nom</td>
<td>Description</td>
<td>Local</td> <td>Local</td>
<td>Poste téléphonique</td> <td>Poste téléphonique</td>
<td>Statut</td>
</tr> </tr>
<tr> <tr class="tableRow">
<td>CAP</td>
</tr>
<tr>
<td>ESPACE</td>
<td>F-011d</td>
<td>2418</td>
</tr>
<tr>
<td>CFEM</td>
</tr>
<tr>
<td>ASEG</td> <td>ASEG</td>
<td>Diversité de sexualité et de genre</td>
<td>B-06</td> <td>B-06</td>
<td>N/A</td>
<td>Actif</td>
</tr>
<tr class="tableRow">
<td>CIC</td>
<td>Diversité ethnoculturelle</td>
<td>F-027c</td>
<td>N/A</td>
<td>Actif</td>
</tr> </tr>
<tr> <tr>
<td>Comité Mob</td> <td>Comité Mob</td>
<td>Mobilisation</td>
<td>N/A</td>
<td>N/A</td>
<td>Actif</td>
</tr> </tr>
<tr> <tr class="tableRow">
<td>EUMC-CEM</td> <td>ESPACE</td>
<td>C-054</td> <td>Environnement</td>
<td>2356</td> <td>F-011d</td>
<td>2418</td>
<td>Actif</td>
</tr> </tr>
<tr> <tr class="tableRow">
<td>CÉSI</td> <td>Friperie</td>
</tr>
<tr>
<td>Friperie</td> <td>Friperie</td>
<td>F-027a</td> <td>F-027a</td>
<td>2248</td> <td>2248</td>
<td>Actif</td>
</tr>
<tr class="tableRow inactive">
<td>CAP</td>
<td>Action Politique</td>
<td>N/A</td>
<td>N/A</td>
<td>Inactif</td>
</tr>
<tr class="tableRow inactive">
<td>CÉSI</td>
<td>Solidarité Internationale</td>
<td>N/A</td>
<td>N/A</td>
<td>Inactif</td>
</tr>
<tr class="tableRow inactive">
<td>CFEM</td>
<td>Féminisme</td>
<td>N/A</td>
<td>N/A</td>
<td>Inactif</td>
</tr>
<tr class="tableRow inactive">
<td>EUMC-CEM</td>
<td>Hébergement d'un·e étudiant·e réfugié·e</td>
<td>C-054</td>
<td>2356</td>
<td>Inactif</td>
</tr> </tr>
</table> </table>
</div> </div>