fix/affichage-vie-etudiante #163
2 changed files with 171 additions and 66 deletions
52
public/css/vie-etudiante.css
Normal file
52
public/css/vie-etudiante.css
Normal 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;
|
||||
}
|
||||
}
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue