Update acknowledgements.

Two former sponsors are moved to the acknowledgements section, and the style is also updated.
This commit is contained in:
Daru13 2019-04-28 04:23:16 +02:00
parent 6d67759738
commit 7d82429eb6
2 changed files with 44 additions and 38 deletions

View file

@ -518,11 +518,11 @@ section.orange .button:hover {
/* SPONSORS /* SPONSORS
/*--------------------------------------------------------*/ /*--------------------------------------------------------*/
#sponsors { .sponsor-logo-container {
text-align: center; text-align: center;
} }
#sponsors img { .sponsor-logo-container img {
height: 100px; height: 100px;
object-fit: cover; object-fit: cover;
@ -532,7 +532,7 @@ section.orange .button:hover {
/*--------------------------------------------------------*/ /*--------------------------------------------------------*/
@media only screen and (max-width: 880px) { @media only screen and (max-width: 880px) {
#sponsors img { .sponsor-logo-container img {
display: block; display: block;
margin: 10px auto; margin: 10px auto;
@ -540,7 +540,7 @@ section.orange .button:hover {
} }
@media only screen and (max-width: 480px) { @media only screen and (max-width: 480px) {
#sponsors img { .sponsor-logo-container img {
height: 80px; height: 80px;
} }
} }
@ -596,34 +596,21 @@ section.orange .button:hover {
/* REMERCIEMENTS /* REMERCIEMENTS
/*--------------------------------------------------------*/ /*--------------------------------------------------------*/
#acknowledgements, #acknowledgements {
#acknowledgements tr, text-align: center;
#acknowledgements td { line-height: 1.1rem;
margin: 0 auto;
padding: 0;
border: none;
} }
#acknowledgements td.name { #acknowledgements > span {
font-weight: 600; display: block;
text-align: right;
} }
#acknowledgements td.role::before { #acknowledgements .name {
content: ", "; font-weight: 700;
} }
#acknowledgements td.role { #acknowledgements .role {
color: #666666; margin: 0 0 20px 0;
text-align: left;
color: #6B6666;
} }
/*--------------------------------------------------------*/
@media only screen and (max-width: 480px) {
#acknowledgements td.role::before {
content: none;
}
}

View file

@ -114,7 +114,7 @@
<section class="purple"> <section class="purple">
<h2>Organisateurs</h2> <h2>Organisateurs</h2>
<div> <div>
<div id="sponsors"> <div class="sponsor-logo-container">
<a href="https://www.cof.ens.fr"> <a href="https://www.cof.ens.fr">
<img src="img/sponsors/cof.png" alt="COF"> <img src="img/sponsors/cof.png" alt="COF">
</a> </a>
@ -124,21 +124,30 @@
<a href="https://www.facebook.com/clubPLS/"> <a href="https://www.facebook.com/clubPLS/">
<img src="img/sponsors/pls.png" alt="PLS"> <img src="img/sponsors/pls.png" alt="PLS">
</a> </a>
<br>
<a href="https://www.archicubes.ens.fr/">
<img src="img/sponsors/a-ulm.png" alt="a-Ulm">
</a>
<a href="https://www.ens.fr/">
<img src="img/sponsors/ens-psl.png" alt="ENS-PSL">
</a>
</div> </div>
</div> </div>
</section> </section>
<section class="pink"> <section class="pink">
<h2>Remerciements</h2> <h2>Remerciements</h2>
<div id="acknowledgements">
<span class="name">Camille Gobert</span>
<span class="role">pour la communication graphique et le site web.</span>
<span class="name">Christian Huet</span>
<span class="role">pour son aide de régisseur du théâtre de l'ENS.</span>
<span class="name">Le Club Bouffe</span>
<span class="role">pour le buffet du samedi et le barbecue du dimanche.</span>
<span class="name">Le BDS</span>
<span class="role">pour libérer la SEA et pour le matériel du barbecue.</span>
<span class="name">M<sup>me</sup> Butigieg et M. Lorenzi</span>
<span class="role">pour le soutien de la Direction des Études et de la Vie Étudiante.</span>
</div>
<!--
<table id="acknowledgements"> <table id="acknowledgements">
<tr> <tr>
<td class="name">Camille Gobert</td> <td class="name">Camille Gobert</td>
@ -149,6 +158,16 @@
<td class="role">régisseur du théâtre de l'ENS</td> <td class="role">régisseur du théâtre de l'ENS</td>
</tr> </tr>
</table> </table>
-->
<div class="sponsor-logo-container">
<a href="https://www.archicubes.ens.fr/">
<img src="img/sponsors/a-ulm.png" alt="a-Ulm">
</a>
<a href="https://www.ens.fr/">
<img src="img/sponsors/ens-psl.png" alt="ENS-PSL">
</a>
</div>
</section> </section>
</body> </body>