From 7d82429eb60789a3a0538110edb62f85ac863e48 Mon Sep 17 00:00:00 2001
From: Daru13 <daru14@gmail.com>
Date: Sun, 28 Apr 2019 04:23:16 +0200
Subject: [PATCH] Update acknowledgements.

Two former sponsors are moved to the acknowledgements section, and the style is also updated.
---
 css/style.css | 43 +++++++++++++++----------------------------
 index.html    | 39 +++++++++++++++++++++++++++++----------
 2 files changed, 44 insertions(+), 38 deletions(-)

diff --git a/css/style.css b/css/style.css
index 0f7a0e0..f46ad9e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -518,11 +518,11 @@ section.orange .button:hover {
 /* SPONSORS
 /*--------------------------------------------------------*/
 
-#sponsors {
+.sponsor-logo-container {
 	text-align: center;
 }
 
-#sponsors img {
+.sponsor-logo-container img {
 	height: 100px;
 	object-fit: cover;
 
@@ -532,7 +532,7 @@ section.orange .button:hover {
 /*--------------------------------------------------------*/
 
 @media only screen and (max-width: 880px) {
-	#sponsors img {
+	.sponsor-logo-container img {
 		display: block;
 		
 		margin: 10px auto;
@@ -540,7 +540,7 @@ section.orange .button:hover {
 }
 
 @media only screen and (max-width: 480px) {
-	#sponsors img {
+	.sponsor-logo-container img {
 		height: 80px;
 	}
 }
@@ -596,34 +596,21 @@ section.orange .button:hover {
 /* REMERCIEMENTS
 /*--------------------------------------------------------*/
 
-#acknowledgements,
-#acknowledgements tr,
-#acknowledgements td {
-	margin: 0 auto;
-	padding: 0;
-
-	border: none;
+#acknowledgements {
+	text-align: center;
+	line-height: 1.1rem;
 }
 
-#acknowledgements td.name {
-	font-weight: 600;
-	text-align: right;
+#acknowledgements > span {
+	display: block;
 }
 
-#acknowledgements td.role::before {
-	content: ", ";
+#acknowledgements .name {
+	font-weight: 700;
 }
 
-#acknowledgements td.role {
-	color: #666666;
-	text-align: left;
+#acknowledgements .role {
+	margin: 0 0 20px 0;
+
+	color: #6B6666;
 }
-
-
-/*--------------------------------------------------------*/
-
-@media only screen and (max-width: 480px) {
-	#acknowledgements td.role::before {
-		content: none;
-	}
-}
\ No newline at end of file
diff --git a/index.html b/index.html
index c0d768c..677f6c3 100644
--- a/index.html
+++ b/index.html
@@ -114,7 +114,7 @@
 		<section class="purple">
 			<h2>Organisateurs</h2>
 			<div>
-				<div id="sponsors">
+				<div class="sponsor-logo-container">
 					<a href="https://www.cof.ens.fr">
 						<img src="img/sponsors/cof.png" alt="COF">
 					</a>
@@ -124,21 +124,30 @@
 					<a href="https://www.facebook.com/clubPLS/">
 						<img src="img/sponsors/pls.png" alt="PLS">
 					</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>
 		</section>
 
 		<section class="pink">
 			<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">
 				<tr>
 					<td class="name">Camille Gobert</td>
@@ -149,6 +158,16 @@
 					<td class="role">régisseur du théâtre de l'ENS</td>
 				</tr>
 			</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>
 	</body>