modif teatr fr

rooose

www/billetterie.html

@@ -10,7 +10,7 @@
 		<title>La Nuit &mdash; Gala de l'ENS</title>
 
 		<link rel="stylesheet" href="css/normalize.css">
-		<link rel="stylesheet" href="css/style.css">
+		<link rel="stylesheet" href="css/style2.css">
 		<link rel="stylesheet" href="css/tipso.css">
 		<link rel="stylesheet" href="css/calendar.css">
     </head>
@@ -18,10 +18,10 @@
         <section>
             <h2>Billetterie en ligne</h2>
             <div>
-                <p>La billetterie n'est pas encore disponible. Elle ouvrira fin octobre 2024.</p>
+                <p>La billetterie n'est pas encore disponible. Elle ouvrira le lundi 28 octobre 2024.</p>
             </div>
 
-            <a href="index.html" target="_blank">
+            <a href="index.html">
 					<div class="button">
 						Retour au site
 					</div>

www/css/calendar.css

@@ -28,7 +28,7 @@
   top: 0;
   left: 0;
   width: 100%;
-  height: calc(100% + 30px);
+  height: calc(100% + 100px);
   padding: 0;
   border-bottom: 0px solid rgba(71, 19, 43, 0.25);
   z-index: 10;
@@ -89,7 +89,7 @@
 
 #cal-container .cal-event {
   position: relative;
-  height: 42px;
+  height: 57px;
   margin: 2px 0;
   padding: 5px;
   /* background-color: #EFEFEF; */
@@ -177,7 +177,7 @@
   /* min-width: 40%; */
   max-width: 80%;
   padding: 20px;
-  background-color: #333;
+  background-color: #322c30;
   color: #FFF;
   border-radius: 4px;
   box-shadow: 0 15px 50px rgba(0, 0, 0, 0.6);
@@ -193,7 +193,7 @@
     width: 0;
     position: absolute;
     pointer-events: none;
-    border-bottom-color: #333;
+    border-bottom-color: #322c30;
     border-width: 20px;
     margin-left: -20px;
 }
@@ -207,7 +207,7 @@
   width: 0;
   position: absolute;
   pointer-events: none;
-  border-top-color: #333;
+  border-top-color: #322c30;
   border-width: 20px;
   margin-left: -20px;
 }

www/css/style.css

@@ -113,51 +113,46 @@ a {
 
 	position: relative;
 
-	background-image: url("../img/ui/header-Nuit-2022.jpg");
+	background-image: url("../img/ui/header-nuit.png");
-	background-image: linear-gradient(rgba(0,0,0,0) 70%, #362b49 100%), url("../img/ui/header-nuit.jpg");
+	background-image: linear-gradient(rgba(0,0,0,0) 70%, #362b49 100%), url("../img/ui/header-nuit.png");
 	background-repeat: no-repeat;
-	background-position: center 18%;
+	background-position: center;
+	background-size: cover;
 }
 
 @media only screen and (max-width: 1200px) {
 	#main-header {
 		height: calc(100vh / 2);
-		background-size: auto calc(100vh / 2);
 	}
 }
 
 @media only screen and (max-width: 900px) {
 	#main-header {
 		height: calc(100vh / 2.5);
-		background-size: auto calc(100vh / 2.5);
 	}
 }
 
 @media only screen and (max-width: 600px) {
 	#main-header {
 		height: calc(100vh / 3);
-		background-size: auto calc(100vh / 3);
 	}
 }
 
 @media only screen and (max-width: 500px) {
 	#main-header {
 		height: calc(100vh / 5);
-		background-size: auto calc(100vh / 5);
 	}
 }
 
 @media only screen and (max-width: 300px) {
 	#main-header {
 		height: calc(100vh / 7);
-		background-size: auto calc(100vh / 7);
 	}
 }
 
 @media only screen and (max-width: 200px) {
 	#main-header {
 		height: calc(100vh / 8);
-		background-size: auto calc(100vh / 8);
 	}
 }
 

www/css/style2.css

@@ -0,0 +1,768 @@
+/*--------------------------------------------------------*/
+/* FONTS
+/*--------------------------------------------------------*/
+
+/* roboto-300 - latin */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 300;
+	src: local('Roboto Light'), local('Roboto-Light'),
+		url('../fonts/roboto-v18-latin-300.woff2') format('woff2'),
+		url('../fonts/roboto-v18-latin-300.woff') format('woff');
+}
+
+/* roboto-regular - latin */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 400;
+	src: local('Roboto'), local('Roboto-Regular'),
+		url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'),
+		url('../fonts/roboto-v18-latin-regular.woff') format('woff');
+}
+
+/* roboto-italic - latin */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 400;
+	src: local('Roboto Italic'), local('Roboto-Italic'),
+		url('../fonts/roboto-v18-latin-italic.woff2') format('woff2'),
+		url('../fonts/roboto-v18-latin-italic.woff') format('woff');
+}
+
+/* roboto-700 - latin */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 700;
+	src: local('Roboto Bold'), local('Roboto-Bold'),
+		url('../fonts/roboto-v18-latin-700.woff2') format('woff2'),
+		url('../fonts/roboto-v18-latin-700.woff') format('woff');
+}
+
+/* LilyScriptOne - Regular */
+@font-face {
+    font-family: 'Lily Script One';
+    src: url('../fonts/LilyScriptOne-Regular.eot');
+    src: local('Lily Script One'), local('LilyScriptOne-Regular'),
+        url('../fonts/LilyScriptOne-Regular.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/LilyScriptOne-Regular.woff2') format('woff2'),
+        url('../fonts/LilyScriptOne-Regular.woff') format('woff'),
+        url('../fonts/LilyScriptOne-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+/* josefin-regular */
+@font-face {
+	font-family: 'Josefin';
+	font-style: normal;
+	font-weight: 400;
+	src: local('Josefin'), local('Josefin-Regular'),
+		url('../fonts/JosefinSans-Regular.ttf') format('truetype');
+
+}
+
+/* parisienne-regular */
+@font-face {
+	font-family: 'Parisienne';
+	font-style: normal;
+	font-weight: 400;
+	src: local('Parisienne'), local('Parisienne-Regular'),
+		url('../fonts/Parisienne-Regular.ttf') format('truetype');
+
+}
+
+
+/*--------------------------------------------------------*/
+/* GENERAL RULES
+/*--------------------------------------------------------*/
+
+* {
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}
+
+html, body {
+	font-family: "Josefin", serif;
+	font-weight: 500;
+	line-height: 150%;
+	color: #FFFFFF;
+	font-size: 28px;
+}
+
+body {
+	background-color: #471f33;  <!-- ancien : violet : nouveau : pourpre -->
+  color: white;
+}
+
+a {
+	text-decoration: none;
+}
+
+
+/*--------------------------------------------------------*/
+
+
+@media only screen and (max-width: 480px) {
+	html, body {
+		font-size: 16px;
+		line-height: 160%;
+	}
+}
+
+
+
+
+
+/*--------------------------------------------------------*/
+/* HEADER
+/*--------------------------------------------------------*/
+
+#main-header {
+	margin: 0;
+	min-width: 100%;
+  height: 500px;
+	/* min-height: calc(100vh / 1.4); */
+
+	position: relative;
+
+	background-image: url("../img/ui/header-nuit.png");
+	background-image: linear-gradient(rgba(0,0,0,0) 70%, #471f33 100%), url("../img/ui/header-nuit.png");
+	background-repeat: no-repeat;
+	background-position: center;
+	background-size: cover;
+}
+
+@media only screen and (max-width: 1200px) {
+	#main-header {
+		height: calc(100vh / 2);
+	}
+}
+
+@media only screen and (max-width: 900px) {
+	#main-header {
+		height: calc(100vh / 2.5);
+	}
+}
+
+@media only screen and (max-width: 600px) {
+	#main-header {
+		height: calc(100vh / 3);
+	}
+}
+
+@media only screen and (max-width: 500px) {
+	#main-header {
+		height: calc(100vh / 5);
+	}
+}
+
+@media only screen and (max-width: 300px) {
+	#main-header {
+		height: calc(100vh / 7);
+	}
+}
+
+@media only screen and (max-width: 200px) {
+	#main-header {
+		height: calc(100vh / 8);
+	}
+}
+
+/*--------------------------------------------------------*/
+
+
+
+
+
+
+
+/*--------------------------------------------------------*/
+/* CONTENT
+/*--------------------------------------------------------*/
+
+section {
+	text-align: justify;
+}
+
+section > * {
+	max-width: 960px;
+
+	margin-left: calc(50% - 480px);
+	padding-left: 60px;
+	padding-right: 60px;
+}
+
+section h2 {
+	margin-bottom: 25px;
+	padding: 100px 60px 15px 60px;
+
+	color: #ee93af;
+	text-shadow: 3px 2px 1px #e60b5f, 2px 3px 1px #e60b5f;
+	font-family: Josefin;
+	font-size: 3rem;
+	font-weight: 300;
+	line-height: 150%;
+	text-transform: none;
+	text-align: center;
+	word-wrap: break-word;
+	hyphens: auto;
+}
+
+section p {
+	padding-bottom: 20px;
+	font-size: 1rem;
+}
+
+section p.stand-out {
+	font-style: italic;
+	text-align: center;
+}
+
+
+/*--------------------------------------------------------*/
+
+
+@media only screen and (max-width: 880px) {
+	/* section {
+		width: 100%;
+
+		margin: 0 auto 100px auto;
+		padding: 0 60px;
+	} */
+
+	section > * {
+		max-width: 960px;
+		margin-left: auto;
+		margin-right: auto;
+		padding-left: 40px;
+		padding-right: 40px;
+	}
+}
+
+@media only screen and (max-width: 480px) {
+	section > * {
+		padding-left: 30px;
+		padding-right: 30px;
+	}
+
+	section h2 {
+		padding: 80px 0 10px 0;
+		font-size: 1.6rem;
+		hyphens: none;
+		line-height: 2rem;
+	}
+}
+
+@media only screen and (max-width: 320px) {
+	section h2 {
+		font-size: 1.4rem;
+	}
+}
+
+
+
+/*--------------------------------------------------------*/
+/* BUTTONS
+/*--------------------------------------------------------*/
+
+.button {
+	display: block;
+	width: 60%;
+
+	margin: 20px auto 0 auto;
+	padding: 15px 25px;
+
+	background-image: url("../img/ui/button-background-burgundy-lines.svg");
+	background-repeat: no-repeat;
+	background-size: 100%;
+
+	/* color: #A6D0B2; */
+	/* color: #AA473C; */
+	/* color: #47132B; */
+	/* color: #000000; */
+	color: white;
+
+	font-size: 1.4rem;
+	font-weight: 400;
+	text-transform: uppercase;
+	text-align: center;
+
+	line-height: 32px;
+}
+
+.button:hover {
+	background-image: url("../img/ui/button-background-pink-panther.svg");
+	/* color: #00787E; */
+	/* color: #47132B; */
+	/* color: #AA473C; */
+	color: #340424;
+}
+
+.button img {
+	height: 32px;
+	width: 32px;
+
+	margin: 0 5px;
+}
+
+.button img.fix-alignement {
+	margin-top: -3px;
+}
+
+.button > * {
+	vertical-align: middle;
+}
+
+
+/*--------------------------------------------------------*/
+
+@media only screen and (max-width: 800px) {
+	.button {
+		width: 75%;
+		padding: 10px 15px;
+		font-size: 1.2rem;
+		line-height: 24px;
+	}
+
+	.button img {
+		height: 24px;
+		width: 24px;
+	}
+}
+
+@media only screen and (max-width: 480px) {
+	.button {
+		width: 100%;
+		padding: 10px 10px;
+		font-size: 1.1rem;
+		line-height: 24px;
+	}
+}
+
+@media only screen and (max-width: 350px) {
+	.button {
+		padding: 0 5px;
+		font-size: 0.9rem;
+		line-height: 24px;
+	}
+}
+
+/*--------------------------------------------------------*/
+/* POPUP
+/*--------------------------------------------------------*/
+
+/* Popup container */
+.popup-trigger {
+	position: relative;
+	display: inline-block;
+	cursor: pointer;
+	text-decoration: dotted underline;
+  }
+
+
+  /* The actual popup (appears on top) */
+.popup-trigger .popup {
+	visibility: hidden;
+	min-width: 180px;
+	max-width: 350%;
+	background-color: #555;
+	color: #fff;
+	text-align: center;
+	border-radius: 6px;
+	padding: 8px 0;
+	position: absolute;
+	z-index: 1;
+	bottom: 125%;
+	left: 50%;
+	margin-left: -80px;
+  }
+
+  /* Popup arrow */
+.popup-trigger .popup::after {
+	content: "";
+	position: absolute;
+	top: 100%;
+	left: 50%;
+	margin-left: -5px;
+	border-width: 5px;
+	border-style: solid;
+	border-color: #555 transparent transparent transparent;
+  }
+  
+  /* Toggle this class when clicking on the popup container (hide and show the popup) */
+  .popup-trigger .show {
+	visibility: visible;
+	-webkit-animation: fadeIn 1s;
+	animation: fadeIn 1s
+  }
+  
+  /* Add animation (fade in the popup) */
+  @-webkit-keyframes fadeIn {
+	from {opacity: 0;}
+	to {opacity: 1;}
+  }
+  
+  @keyframes fadeIn {
+	from {opacity: 0;}
+	to {opacity:1 ;}
+  }
+
+/*--------------------------------------------------------*/
+/* POULPE
+/*--------------------------------------------------------*/
+
+.poulpe {
+	font-family: 'Lily Script One';
+	text-transform: capitalize;
+}
+
+/*--------------------------------------------------------*/
+/* CALENDAR
+/*--------------------------------------------------------*/
+
+#calendar {
+	max-width: 95%;
+	margin: 0 5% 0 5%;
+
+	/* background-color: rgba(71, 19, 43, 0.05) ; */
+}
+
+
+/*--------------------------------------------------------*/
+
+
+@media only screen and (max-width: 880px) {
+	#calendar {
+		overflow-x: scroll;
+	}
+
+	#cal-container {
+		min-width: 1800px;
+		margin: 0 0 40px 0; /* Fix the weird y-overflow of the calendar root */
+	}
+}
+
+
+
+
+/*--------------------------------------------------------*/
+/* PRICE TABLE
+/*--------------------------------------------------------*/
+
+table.prices {
+	max-width: 600px;
+	width: 100%;
+
+	margin: 20px auto;
+
+	border-collapse: collapse;
+}
+
+table.prices th,
+table.prices td {
+	padding: 8px 0;
+
+	font-size: 1.3rem;
+	text-align: center;
+	vertical-align: middle;
+}
+
+table.prices th {
+	color: #eb6d3d;
+}
+
+table.prices td {
+	/* background-color: rgba(71, 19, 43, 0.03); */
+
+	border-top: 2px solid rgba(154, 117, 152, 0.3);
+	border-bottom: 2px solid rgba(154, 117, 152, 0.3);
+}
+
+table.prices tr:nth-child(odd) td {
+	/* background-color: rgba(71, 19, 43, 0.05); */
+}
+
+
+/*--------------------------------------------------------*/
+
+
+@media only screen and (max-width: 480px) {
+	table.prices th,
+	table.prices td {
+		padding: 5px 0;
+
+		font-size: 1.1rem;
+	}
+}
+
+
+
+
+
+/*--------------------------------------------------------*/
+/* LOCATION
+/*--------------------------------------------------------*/
+
+#mailing-address {
+	font-size: 1.5rem;
+
+	text-align: center;
+	line-height: 32px;
+	vertical-align: middle;
+}
+
+#mailing-address img {
+	width: 32px;
+	height: 32px;
+
+	vertical-align: middle;
+}
+
+
+#interactive-map {
+	width: 100%;
+
+	margin: 20px 0;
+
+	border: none;
+	border-radius: 10px;
+}
+
+
+#public-transport-info {
+	display: grid;
+	grid-template-columns: 1fr 1fr 1fr 1fr;
+	grid-template-rows: 1fr 1fr 1fr;
+
+	margin-left: calc(50% - 480px - 50px);
+	
+	font-size: 1.5rem;
+
+	line-height: 48px;
+	vertical-align: middle;
+	white-space: nowrap;
+}
+
+#public-transport-info > * {
+	margin: 5px;
+
+	justify-self: left;
+}
+
+#public-transport-info img {
+	width: 48px;
+	height: 48px;
+
+	margin: 0 5px 0 0;
+
+	vertical-align: bottom;
+}
+
+#transport-metro-icon,
+#transport-metro-stop,
+#transport-bus-1-icon,
+#transport-bus-1-stop {
+	grid-row: 1;
+}
+
+#transport-rer-icon,
+#transport-rer-stop,
+#transport-bus-2-icon,
+#transport-bus-2-stop {
+	grid-row: 2;
+}
+
+#transport-noctilien-icon,
+#transport-noctilien-stop {
+	grid-row: 3;
+}
+
+#transport-metro-icon,
+#transport-rer-icon {
+	grid-column: 1;
+	justify-self: end;
+
+}
+
+#transport-metro-stop,
+#transport-rer-stop {
+	grid-column: 2;
+}
+
+#transport-bus-1-icon,
+#transport-bus-2-icon,
+#transport-noctilien-icon {
+	grid-column: 3;
+	justify-self: end;
+
+}
+
+#transport-bus-1-stop,
+#transport-bus-2-stop,
+#transport-noctilien-stop {
+	grid-column: 4;
+}
+
+
+/*--------------------------------------------------------*/
+
+
+@media only screen and (max-width: 880px) {
+	#public-transport-info {
+		display: grid;
+		grid-template-columns: 1fr 1fr;
+		grid-template-rows: auto auto auto auto auto;
+		align-items: center;
+
+		margin: 0;
+
+		line-height: 48px;
+	}
+
+	#transport-metro-icon,
+	#transport-metro-stop {
+		grid-row: 1;
+	}
+
+	#transport-rer-icon,
+	#transport-rer-stop {
+		grid-row: 2;
+	}
+
+	#transport-bus-1-icon,
+	#transport-bus-1-stop {
+		grid-row: 3;
+	}
+
+	#transport-bus-2-icon,
+	#transport-bus-2-stop {
+		grid-row: 4;
+	}
+
+	#transport-noctilien-icon,
+	#transport-noctilien-stop {
+		grid-row: 5;
+	}
+
+	#transport-metro-icon,
+	#transport-rer-icon,
+	#transport-bus-1-icon,
+	#transport-bus-2-icon,
+	#transport-noctilien-icon  {
+		grid-column: 1;
+		justify-self: end;
+
+	}
+
+	#transport-metro-stop,
+	#transport-rer-stop,
+	#transport-bus-1-stop,
+	#transport-bus-2-stop,
+	#transport-noctilien-stop  {
+		grid-column: 2;
+	}
+}
+
+@media only screen and (max-width: 580px) {
+	#mailing-address {
+		font-size: 1.1rem;
+	}
+
+	#public-transport-info {
+		grid-template-columns: 4fr 6fr;
+
+		line-height: 32px;
+		font-size: 1.1rem;
+	}
+
+	#public-transport-info img {
+		width: 32px;
+		height: 32px;
+	}
+}
+
+@media only screen and (max-width: 380px) {
+	#public-transport-info img {
+		display: block;
+	}
+}
+
+
+
+
+
+/*--------------------------------------------------------*/
+/* SPONSORS
+/*--------------------------------------------------------*/
+
+#sponsors {
+	text-align: center;
+}
+
+#sponsors img {
+	height: 100px;
+	object-fit: cover;
+
+	margin: 20px;
+}
+
+#sponsors img.sponsor-disc {
+	height: 155px;
+}
+
+
+/*--------------------------------------------------------*/
+
+
+@media only screen and (max-width: 480px) {
+	#sponsors img {
+		height: 40px;
+
+		margin: 5px;
+	}
+
+	#sponsors img.sponsor-disc {
+		height: 60px;
+	}
+}
+
+
+
+
+
+/*--------------------------------------------------------*/
+/* CONTACT
+/*--------------------------------------------------------*/
+
+#contact-email {
+	font-family: monospace;
+	font-size: 1.5rem;
+	text-align: center;
+	word-wrap: break-word;
+}
+
+#contact-email img {
+	width: 32px;
+	height: 32px;
+
+	vertical-align: bottom;
+}
+
+
+/*--------------------------------------------------------*/
+
+
+@media only screen and (max-width: 480px) {
+	#contact-email {
+		font-size: 0.9rem;
+	}
+
+	#contact-email img {
+		display: none;
+	}
+}

www/english_billetterie.html

@@ -10,7 +10,7 @@
 		<title>La Nuit &mdash; The ENS Gala</title>
 
 		<link rel="stylesheet" href="css/normalize.css">
-		<link rel="stylesheet" href="css/style.css">
+		<link rel="stylesheet" href="css/style2.css">
 		<link rel="stylesheet" href="css/tipso.css">
 		<link rel="stylesheet" href="css/calendar.css">
     </head>
@@ -18,10 +18,10 @@
         <section>
             <h2>Online ticketing service</h2>
             <div>
-                <p>The online ticketing has not open yet. Pre-sales will start by the end of October 2024.</p>
+                <p>The online ticketing has not open yet. Pre-sales will start on 28. October 2024.</p>
             </div>
 
-            <a href="english_index.html" target="_blank">
+            <a href="english_index.html">
 					<div class="button">
 						Back to main page
 					</div>

www/english_index.html

@@ -11,13 +11,16 @@
   <title>La Nuit de l'ENS</title>
 
   <link rel="stylesheet" href="css/normalize.css">
-  <link rel="stylesheet" href="css/style.css">
+  <link rel="stylesheet" href="css/style2.css">
   <link rel="stylesheet" href="css/tipso.css">
   <link rel="stylesheet" href="css/calendar.css">
 </head>
 
 <body>
-  <header id="main-header"></header>
+
+<header id="main-header">
+</header>
+
 
   <!-- Version française -->
   <section>
@@ -32,7 +35,7 @@
 
   <!-- Introduction -->
   <section>
-    <h2>Presentation</h2>
+    <h2><span style="font-family:Parisienne">P</span><span style="font-family:Josefin">resentation</span></h2></h2>
     <div>
       <p>On Saturday 23 November, the ENS will be decked out in pink : for one night only, come and discover the wonders
       of the École Normale Supérieure at its traditional nocturnal Gala! It's sure to be a thrilling evening, as you
@@ -58,14 +61,14 @@
         </div>
       </a>
 
-      <a href="https://www.facebook.com/LaNuitGalaENS/" target="_blank">
+      <a href="https://docs.google.com/spreadsheets/d/1Kb-7VS2zK0Ae3q6RAwSg55aevd2MwCU5kGyXGt4jbJ4/edit?usp=sharing" target="_blank">
         <div class="button">
-          <img src="img/icons/facebook.svg" alt="Facebook">
+          <alt="Permanences">
-          <span>Facebook</span>
+          <span>Helping us</span>
         </div>
       </a>
 
-      <a href="english_billetterie.html" class="button" target="_blank">
+      <a href="https://www.helloasso.com/associations/aeens/evenements/la-nuit-edition-2024" class="button" target="_blank">
         <img src="img/icons/ticket.svg" alt="BilletterieEN">
         <span>Ticketing</span>
       </a>
@@ -85,7 +88,7 @@
 
   <!-- Program -->
   <section>
-    <h2>Program of the Gala (non-definitive version)</h2>
+    <h2><span style="font-family:Parisienne">P</span><span style="font-family:Josefin">rogram of the Gala</span></h2>
 
     <div id="calendar">
       <div id="cal-container">
@@ -124,13 +127,13 @@
           <span class="cal-event-end-date">23/11/2024 21:00</span>
           <span class="cal-event-location">Amphithéâtre Évariste Galois</span>
           <span class="cal-event-description">
-            Scenes from the lives of two sisters, from their childhood to adulthood, when obstacles bring her back to life, and then to the resolution of issues inherited from the past.
+            Two sisters begin their lives under a family guardianship of tyrannical love. Rats appear to dance in their subjugated interiority. Then everything collapses, and very slowly a new consciousness is reborn, leading the ostracised rats to form a group by discovering their voice. From this strength emerge the sisters once again, whose story tells us of their revenge for the postponement of their awakening, without however managing to break the family cycle that repeats itself between them. Somewhere between dance and theatre, with an appearance of Indonesian song, dreamlike scenes draw on symbolic language to tell a story about internalized domination, division and the power of individualities coming together to form a whole.
           </span>
         </div>
 
         <div class="cal-event">
           <span class="cal-event-id">nimpro</span>
-          <span class="cal-event-name">🥸 N’improtequoi </span>
+          <span class="cal-event-name">🥸 N'improtequoi </span>
           <span class="cal-event-start-date">23/11/2024 23:30</span>
           <span class="cal-event-end-date">23/11/2024 24:30</span>
           <span class="cal-event-location">Salle Dussane</span>
@@ -143,12 +146,12 @@
 
         <div class="cal-event">
           <span class="cal-event-id">Ciné</span>
-          <span class="cal-event-name">🎬 Screening of the Pink Panther</span>
+          <span class="cal-event-name">🎬 Screening by the Ciné-club</span>
           <span class="cal-event-start-date">24/11/2024 1:00</span>
-          <span class="cal-event-end-date">24/11/2024 1:45</span>
+          <span class="cal-event-end-date">24/11/2024 3:00</span>
           <span class="cal-event-location">Salle Dussane</span>
           <span class="cal-event-description">
-            Screening of some episodes of the famous cartoon!
+            Screening of Les Demoiselles de Rochefort.
           </span>
         </div>
 
@@ -195,7 +198,7 @@
           <span class="cal-event-id">concert-sea</span>
           <span class="cal-event-name">🎼 Concert by Club Mu</span>
           <span class="cal-event-start-date">23/11/2024 21:00</span>
-          <span class="cal-event-end-date">24/11/2024 00:30</span>
+          <span class="cal-event-end-date">24/11/2024 1:00</span>
           <span class="cal-event-location">SEA</span>
           <span class="cal-event-description">
             The concert by Club Mu's affiliated groups, a succession of performances to fill your ears! 
@@ -207,11 +210,11 @@
         <div class="cal-event">
           <span class="cal-event-id">boum</span>
           <span class="cal-event-name">🔊 DJ set : Cassiopée</span>
-          <span class="cal-event-start-date">24/11/2024 1:00</span>
+          <span class="cal-event-start-date">24/11/2024 1:30</span>
           <span class="cal-event-end-date">24/11/2024 4:00</span>
           <span class="cal-event-location">SEA</span>
           <span class="cal-event-description">
-            Come and finish off the Night in style, by swaying to Cassiopée's set. Her eurodance, pop and techno sounds will have your ears tapping!
+            Cassiopée is an emerging DJ on the Paris scene, with an eclectic musical repertoire that she handles with the fingers of a fairy - from eurodance to trance, via ever more surprising stages. A vampire and a seamstress, she adorns herself in her finest gowns and charms wherever she goes. Put away your crucifixes and let her powers carry you through the night.
           </span>
         </div>
 
@@ -223,7 +226,7 @@
           <span class="cal-event-end-date">23/11/2024 22:00</span>
           <span class="cal-event-location">Salle Dussane</span>
           <span class="cal-event-description">
-            The ENS ‘tala’ chaplaincy choir is delighted to present its now traditional ‘ENS Night Concert’: half an hour of Gregorian chant and a capella sacred polyphony, focusing on the Advent liturgy.
+            The ENS "tala" chaplaincy choir is delighted to present its now traditional ‘ENS Night Concert’: half an hour of Gregorian chant and a capella sacred polyphony, focusing on the Advent liturgy.
           </span>
         </div>
 
@@ -263,22 +266,22 @@
 
         <div class="cal-event">
           <span class="cal-event-id">rock</span>
-          <span class="cal-event-name">🕺 Free dance - Rock(s)</span>
+          <span class="cal-event-name">🕺Initiations followed by Free dancing - Rock(s)</span>
           <span class="cal-event-start-date">23/11/2024 23:30</span>
           <span class="cal-event-end-date">24/11/2024 4:00</span>
-          <span class="cal-event-location">Gymnase</span>
+          <span class="cal-event-location">Bibliothèque</span>
           <span class="cal-event-description">
-            Come and have fun and dance to jazz, rock and pop music in the gym. The ENS's two rock clubs are coming together to offer you their best playlist. Everyone is welcome, from beginners to experienced dancers: the respos will be happy to teach you the basics so you can enjoy the music!
+            Come and have fun and dance to jazz, rock and pop music in the gym. The ENS's two rock clubs are coming together to offer you their best playlist. Everyone is welcome, from beginners to experienced dancers: the respos will be happy to teach you the basics so you can enjoy the music! Initiations by both clubs will hold at 23h and 23h45.
           </span>
         </div>
         
 
         <div class="cal-event">
           <span class="cal-event-id">valse</span>
-          <span class="cal-event-name">💃 Waltz Ball</span>
+          <span class="cal-event-name">💃Initiation followed by a Waltz Ball</span>
           <span class="cal-event-start-date">23/11/2024 23:30</span>
           <span class="cal-event-end-date">24/11/2024 4:00</span>
-          <span class="cal-event-location">Bibliothèque</span>
+          <span class="cal-event-location">Gymnase</span>
           <span class="cal-event-description">
             Just back from the dance show in the gymnasium, the Waltz club will be offering an initiation, three quarters of an hour to make your first turns to the right before launching into a playlist ranging from the great Strauss and Waldteufel classics to pop and rap, with a hint of musette and some film music. Whatever your level of mastery of the waltz, lead or follow, let yourself be carried away and come and twirl, be invited, watch and dream.
           </span>
@@ -289,10 +292,10 @@
       
         <div class="cal-event">
           <span class="cal-event-id">ulmity</span>
-          <span class="cal-event-name">⬆️ Video game try outs</span>
+          <span class="cal-event-name">⬆️ Video games try outs</span>
           <span class="cal-event-start-date">23/11/2024 21:00</span>
           <span class="cal-event-end-date">23/11/2024 23:00</span>
-          <span class="cal-event-location">Salle InfI</span>
+          <span class="cal-event-location">Salle Infi</span>
           <span class="cal-event-description">
             Come and try out the games coded by members of the Ulmity club.
           </span>
@@ -355,7 +358,7 @@
           <span class="cal-event-name">🛋 Chill Room</span>
           <span class="cal-event-start-date">23/11/2024 20:00</span>
           <span class="cal-event-end-date">24/11/2024 4:00</span>
-          <span class="cal-event-location">Salle Beckett</span>
+          <span class="cal-event-location">Salle des Résistants</span>
           <span class="cal-event-description"></span>
         </div>
 
@@ -377,19 +380,22 @@
 
   <!-- Contact -->
   <section>
-    <h2>Contact us</h2>
+    <h2><span style="font-family:Parisienne">C</span><span style="font-family:Josefin">ontact us</span></h2>
+
     <div>
 
       <p id="contact-email">
         <img src="img/icons/email.svg" alt="Email">
         <span>responuit[arobase]ens[point]fr</span>
+        
       </p>
     </div>
   </section>
 
   <!-- Thanks -->
   <section>
-    <h2>Special thanks to</h2>
+    <h2><span style="font-family:Parisienne">S</span><span style="font-family:Josefin">pecial thanks to</span></h2>
+
     <div>
       <div id="sponsors">
         <a href="https://www.cof.ens.fr">

www/img/icons/email.svg

@@ -4,7 +4,7 @@
 <svg version="1.1" baseProfile="tiny" id="Calque_1"
 	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px"
 	 viewBox="0 0 24 24" xml:space="preserve">
-<path fill="#FFFBEA" d="M20,4H4C2.9,4,2.01,4.9,2.01,6L2,18c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V6C22,4.9,21.1,4,20,4z M20,8l-8,5
+<path fill="#e60b5f" d="M20,4H4C2.9,4,2.01,4.9,2.01,6L2,18c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V6C22,4.9,21.1,4,20,4z M20,8l-8,5
 	L4,8V6l8,5l8-5V8z"/>
 <path fill="none" d="M0,0h24v24H0V0z"/>
 </svg>

www/img/icons/instagram.svg

@@ -5,14 +5,14 @@
 	 width="169.063px" height="169.063px" viewBox="0 0 169.063 169.063" style="enable-background:new 0 0 169.063 169.063;"
 	 xml:space="preserve">
 <g>
-	<path fill="#FFDFA6" d="M122.406,0H46.654C20.929,0,0,20.93,0,46.655v75.752c0,25.726,20.929,46.655,46.654,46.655h75.752
+	<path fill="#e60b5f" d="M122.406,0H46.654C20.929,0,0,20.93,0,46.655v75.752c0,25.726,20.929,46.655,46.654,46.655h75.752
 		c25.727,0,46.656-20.93,46.656-46.655V46.655C169.063,20.93,148.133,0,122.406,0z M154.063,122.407
 		c0,17.455-14.201,31.655-31.656,31.655H46.654C29.2,154.063,15,139.862,15,122.407V46.655C15,29.201,29.2,15,46.654,15h75.752
 		c17.455,0,31.656,14.201,31.656,31.655V122.407z"/>
-	<path fill="#FFDFA6" d="M84.531,40.97c-24.021,0-43.563,19.542-43.563,43.563c0,24.02,19.542,43.561,43.563,43.561s43.563-19.541,43.563-43.561
+	<path fill="#e60b5f" d="M84.531,40.97c-24.021,0-43.563,19.542-43.563,43.563c0,24.02,19.542,43.561,43.563,43.561s43.563-19.541,43.563-43.561
 		C128.094,60.512,108.552,40.97,84.531,40.97z M84.531,113.093c-15.749,0-28.563-12.812-28.563-28.561
 		c0-15.75,12.813-28.563,28.563-28.563s28.563,12.813,28.563,28.563C113.094,100.281,100.28,113.093,84.531,113.093z"/>
-	<path fill="#FFDFA6" d="M129.921,28.251c-2.89,0-5.729,1.17-7.77,3.22c-2.051,2.04-3.23,4.88-3.23,7.78c0,2.891,1.18,5.73,3.23,7.78
+	<path fill="#e60b5f" d="M129.921,28.251c-2.89,0-5.729,1.17-7.77,3.22c-2.051,2.04-3.23,4.88-3.23,7.78c0,2.891,1.18,5.73,3.23,7.78
 		c2.04,2.04,4.88,3.22,7.77,3.22c2.9,0,5.73-1.18,7.78-3.22c2.05-2.05,3.22-4.89,3.22-7.78c0-2.9-1.17-5.74-3.22-7.78
 		C135.661,29.421,132.821,28.251,129.921,28.251z"/>
 </g>

www/img/icons/ticket.svg

@@ -5,7 +5,7 @@
 	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px"
 	 viewBox="0 0 24 24" xml:space="preserve">
 <path fill="none" d="M0,0h24v24H0V0z"/>
-<path fill="#FFDFA6" d="M20,12c0-1.1,0.9-2,2-2V6c0-1.1-0.9-2-2-2H4C2.9,4,2.01,4.9,2.01,6v4C3.11,10,4,10.9,4,12c0,1.1-0.89,2-2,2
+<path fill="#e60b5f" d="M20,12c0-1.1,0.9-2,2-2V6c0-1.1-0.9-2-2-2H4C2.9,4,2.01,4.9,2.01,6v4C3.11,10,4,10.9,4,12c0,1.1-0.89,2-2,2
 	v4c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2v-4C20.9,14,20,13.1,20,12z M15.58,16.8L12,14.5l-3.58,2.3l1.08-4.12L6.21,9.99l4.24-0.25
 	L12,5.8l1.54,3.95L17.779,10l-3.289,2.689L15.58,16.8z"/>
 </svg>

www/img/ui/button-background-burgundy-lines.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 1544 199" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
+<rect id="Artboard2" x="0" y="-0" width="1543.01" height="198.68" style="fill:none;"/>
+<g><path d="M62.391,46.658c145.016,0 290.376,0.829 435.19,-0.686c88.667,-0.928 174.802,-9.186 262.938,-11.408c73.162,-1.845 148.62,-0 221.905,-0c102.257,-0 208.796,-3.122 310.751,-0c44.137,1.351 88.895,0.662 132.995,2.121c1.949,0.064 38.706,1.374 38.706,0.21" style="fill:none;stroke:#340424;stroke-width:54.17px;"/>
+<path d="M78.764,75.012l271.384,-0c33.288,-0 82.32,3.471 115.505,-0c213.023,-22.285 420.936,-28.269 638.284,-36.35c84.135,-3.128 170.013,-3.013 255.012,-3.013c14.145,0 79.286,-3.588 90.687,0c2.388,0.752 -15.8,1.075 -16.939,1.075c-9.158,-0 -36.198,-1.635 -41.349,1.938c-5.434,3.769 32.467,7.939 17.993,13.036c-9.676,3.407 -56.958,-1.097 -68.825,-1.097c-60.124,0 -118.473,10.478 -179.329,12.925c-44.148,1.776 -87.275,7.455 -130.715,9.675c-92.855,4.746 -187.392,4.544 -281.135,7.061c-87.918,2.36 -173.074,8.41 -261.303,10.145c-71.223,1.401 -142.82,2.863 -214.166,2.863l-105.503,-0c152.013,-0 317.902,-1.667 466.41,-13.867c76.513,-6.285 148.801,-20.949 226.953,-24.388c66.852,-2.943 144.289,1.39 211.949,1.39c47.005,-0 95.323,-4.854 142.856,-2.553c64.36,3.115 131.025,10.34 195.214,15.024c30.192,2.203 61.493,-2.608 90.121,-2.608c6.778,-0 -13.558,-0 -20.336,-0l-33.454,-0c-35.766,-0 -71.375,1.794 -106.902,1.794c-54.788,-0 -90.788,10.917 -141.944,17.627c-45.617,5.983 -98.442,6.484 -146.206,8.561c-113.059,4.917 -221.421,16.974 -330.898,27.296c-137.175,12.933 -290.063,11.967 -430.472,11.967c-64.929,-0 -129.374,-0.449 -194.082,-0.449c-12.571,0 -55.144,1.535 -62.44,-3.45c-7.908,-5.402 22.955,-6.404 29.742,-7.498c41.375,-6.667 81.789,-12.273 125.886,-16.381c93.696,-8.728 184.565,-3.017 279.531,-5.056c56.063,-1.203 113.582,-7.373 168.508,-11.452c34.319,-2.548 68.278,-4.675 102.892,-6.551c4.578,-0.248 26.844,0.127 30.433,-1.041c0.602,-0.196 -12.912,-0.338 -15.224,-0.338l-32.085,0c-25.345,0 -52.181,-0.953 -77.381,0c-101.532,3.839 -188.761,14.695 -280.837,27.44c-24.89,3.445 -52.121,8.117 -78.954,9.508c-9.5,0.493 -19.451,0.67 -28.75,1.291c-0.788,0.052 -19.181,0.373 -17.144,1.091c3.713,1.307 32.862,-0 37.102,-0c47.2,-0 92.11,-1.258 138.956,-3.052c18.903,-0.724 37.473,-2.093 56.259,-2.647c7.817,-0.23 31.011,-1.456 23.167,-1.456c-16.326,-0 -31.643,-1.335 -48.112,-1.335c-7.895,0 -31.581,0 -23.686,0c94.284,0 187.668,-0.317 281.67,-3.206c37.631,-1.157 92.093,-2.121 106.399,-7.842c4.757,-1.902 79.041,-1.277 101.131,-1.528c95.476,-1.084 192.331,1.224 287.631,-0.881c81.83,-1.807 178.715,-42.25 260.422,-15.694c1.711,0.557 -0.788,2.462 -2.108,2.764c-24.03,5.495 -60.268,4.833 -87.447,7.049c-57.297,4.672 -118.82,5.359 -174.862,11.785c-116.732,13.384 -237.647,31.787 -361.599,34.76c-9.538,0.229 -111.022,0.988 -113.335,-0.653c-7.864,-5.58 22.634,-6.428 29.93,-7.028c35.654,-2.932 70.873,-5.909 106.194,-9.408c140.876,-13.959 272.172,-18.091 401.108,-40.963c14.304,-2.538 102.781,-0.663 102.781,5.969" style="fill:none;stroke:#340424;stroke-width:54.17px;"/>
+<path d="M82.334,159.497c71.187,-0 164.188,5.865 233.433,-0.453c147.306,-13.44 287.926,-29.686 439.074,-38.822c67.189,-4.062 135.931,-7.571 201.915,-13.54c14.876,-1.345 49.82,-0.592 60.725,-4.518c4.021,-1.448 -8.876,-2.851 -10.019,-3.058c-5.229,-0.948 -49.228,-0.677 -49.228,-1.223" style="fill:none;stroke:#340424;stroke-width:54.17px;"/>
+<path d="M1314.03,152.358c-138.647,0 -282.432,-4.263 -420.909,0c-73.041,2.249 -159.173,3.143 -232.096,-0.377c-59.078,-2.85 -120.544,-0.492 -180.021,-0.492c-28.654,-0 -66.299,-2.424 -94.305,-0c-10.586,0.916 -24.125,4.59 -34.412,4.59c-4.438,0 29.489,-6.955 29.82,-6.988" style="fill:none;stroke:#340424;stroke-width:54.17px;"/>
+<path d="M1456.73,144.051l-252.401,0c-30.748,0 -63.175,-2.171 -92.621,-5.028c-18.585,-1.803 -27.117,-4.812 -8.635,-7.792c10.203,-1.644 19.926,-3.243 31.094,-4.02c14.665,-1.02 31.494,-1.695 46.382,-1.966c73.964,-1.346 138.131,3.782 210.784,3.782c22.499,0 45.142,-0.487 67.394,-0.487c9.488,0 18.416,-0.482 27.949,-0.482c4.152,0 16.608,0 12.456,0c-28.152,0 -12.651,-14.767 -23.592,-18.812c-9.232,-3.413 -25.421,3.1 -38.627,3.871c-41.318,2.415 -89.25,0 -131.029,0c-97.479,0 -216.097,6.223 -307.15,0.637c-23.941,-1.469 -44.921,-7.12 -69.092,-8.55c-47.349,-2.802 -100.829,-0.488 -148.77,-0.488c-33.16,0 -55.48,-4.367 -86.503,-7.415c-48.998,-4.813 -99.492,-9.442 -147.213,-15.755c-25.874,-3.423 -52.136,-11.38 -80.511,-11.38c-12.731,0 -59.218,-8.767 -63.493,-2.796" style="fill:none;stroke:#340424;stroke-width:54.17px;"/>
+<path d="M138.671,34.697c210.573,-0 422.534,-4.048 633.691,-4.048c99.136,-0 251.754,0.432 341.263,13.933" style="fill:none;stroke:#340424;stroke-width:54.17px;"/>
+<path d="M1049.94,155.055c-67.326,-0 -123.167,-3.66 -187.885,-5.948c-103.185,-3.649 -213.682,-0.725 -316.916,-0.725c-70.93,-0 -160.329,-5.511 -222.376,9.043" style="fill:none;stroke:#340424;stroke-width:54.17px;"/></g>
+</svg>

www/img/ui/button-background-pink-panther.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 1544 199" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
+<rect id="Artboard2" x="0" y="-0" width="1543.01" height="198.68" style="fill:none;"/>
+<g><path d="M62.391,46.658c145.016,0 290.376,0.829 435.19,-0.686c88.667,-0.928 174.802,-9.186 262.938,-11.408c73.162,-1.845 148.62,-0 221.905,-0c102.257,-0 208.796,-3.122 310.751,-0c44.137,1.351 88.895,0.662 132.995,2.121c1.949,0.064 38.706,1.374 38.706,0.21" style="fill:none;stroke:#eb4e89;stroke-width:54.17px;"/>
+<path d="M78.764,75.012l271.384,-0c33.288,-0 82.32,3.471 115.505,-0c213.023,-22.285 420.936,-28.269 638.284,-36.35c84.135,-3.128 170.013,-3.013 255.012,-3.013c14.145,0 79.286,-3.588 90.687,0c2.388,0.752 -15.8,1.075 -16.939,1.075c-9.158,-0 -36.198,-1.635 -41.349,1.938c-5.434,3.769 32.467,7.939 17.993,13.036c-9.676,3.407 -56.958,-1.097 -68.825,-1.097c-60.124,0 -118.473,10.478 -179.329,12.925c-44.148,1.776 -87.275,7.455 -130.715,9.675c-92.855,4.746 -187.392,4.544 -281.135,7.061c-87.918,2.36 -173.074,8.41 -261.303,10.145c-71.223,1.401 -142.82,2.863 -214.166,2.863l-105.503,-0c152.013,-0 317.902,-1.667 466.41,-13.867c76.513,-6.285 148.801,-20.949 226.953,-24.388c66.852,-2.943 144.289,1.39 211.949,1.39c47.005,-0 95.323,-4.854 142.856,-2.553c64.36,3.115 131.025,10.34 195.214,15.024c30.192,2.203 61.493,-2.608 90.121,-2.608c6.778,-0 -13.558,-0 -20.336,-0l-33.454,-0c-35.766,-0 -71.375,1.794 -106.902,1.794c-54.788,-0 -90.788,10.917 -141.944,17.627c-45.617,5.983 -98.442,6.484 -146.206,8.561c-113.059,4.917 -221.421,16.974 -330.898,27.296c-137.175,12.933 -290.063,11.967 -430.472,11.967c-64.929,-0 -129.374,-0.449 -194.082,-0.449c-12.571,0 -55.144,1.535 -62.44,-3.45c-7.908,-5.402 22.955,-6.404 29.742,-7.498c41.375,-6.667 81.789,-12.273 125.886,-16.381c93.696,-8.728 184.565,-3.017 279.531,-5.056c56.063,-1.203 113.582,-7.373 168.508,-11.452c34.319,-2.548 68.278,-4.675 102.892,-6.551c4.578,-0.248 26.844,0.127 30.433,-1.041c0.602,-0.196 -12.912,-0.338 -15.224,-0.338l-32.085,0c-25.345,0 -52.181,-0.953 -77.381,0c-101.532,3.839 -188.761,14.695 -280.837,27.44c-24.89,3.445 -52.121,8.117 -78.954,9.508c-9.5,0.493 -19.451,0.67 -28.75,1.291c-0.788,0.052 -19.181,0.373 -17.144,1.091c3.713,1.307 32.862,-0 37.102,-0c47.2,-0 92.11,-1.258 138.956,-3.052c18.903,-0.724 37.473,-2.093 56.259,-2.647c7.817,-0.23 31.011,-1.456 23.167,-1.456c-16.326,-0 -31.643,-1.335 -48.112,-1.335c-7.895,0 -31.581,0 -23.686,0c94.284,0 187.668,-0.317 281.67,-3.206c37.631,-1.157 92.093,-2.121 106.399,-7.842c4.757,-1.902 79.041,-1.277 101.131,-1.528c95.476,-1.084 192.331,1.224 287.631,-0.881c81.83,-1.807 178.715,-42.25 260.422,-15.694c1.711,0.557 -0.788,2.462 -2.108,2.764c-24.03,5.495 -60.268,4.833 -87.447,7.049c-57.297,4.672 -118.82,5.359 -174.862,11.785c-116.732,13.384 -237.647,31.787 -361.599,34.76c-9.538,0.229 -111.022,0.988 -113.335,-0.653c-7.864,-5.58 22.634,-6.428 29.93,-7.028c35.654,-2.932 70.873,-5.909 106.194,-9.408c140.876,-13.959 272.172,-18.091 401.108,-40.963c14.304,-2.538 102.781,-0.663 102.781,5.969" style="fill:none;stroke:#eb4e89;stroke-width:54.17px;"/>
+<path d="M82.334,159.497c71.187,-0 164.188,5.865 233.433,-0.453c147.306,-13.44 287.926,-29.686 439.074,-38.822c67.189,-4.062 135.931,-7.571 201.915,-13.54c14.876,-1.345 49.82,-0.592 60.725,-4.518c4.021,-1.448 -8.876,-2.851 -10.019,-3.058c-5.229,-0.948 -49.228,-0.677 -49.228,-1.223" style="fill:none;stroke:#eb4e89;stroke-width:54.17px;"/>
+<path d="M1314.03,152.358c-138.647,0 -282.432,-4.263 -420.909,0c-73.041,2.249 -159.173,3.143 -232.096,-0.377c-59.078,-2.85 -120.544,-0.492 -180.021,-0.492c-28.654,-0 -66.299,-2.424 -94.305,-0c-10.586,0.916 -24.125,4.59 -34.412,4.59c-4.438,0 29.489,-6.955 29.82,-6.988" style="fill:none;stroke:#eb4e89;stroke-width:54.17px;"/>
+<path d="M1456.73,144.051l-252.401,0c-30.748,0 -63.175,-2.171 -92.621,-5.028c-18.585,-1.803 -27.117,-4.812 -8.635,-7.792c10.203,-1.644 19.926,-3.243 31.094,-4.02c14.665,-1.02 31.494,-1.695 46.382,-1.966c73.964,-1.346 138.131,3.782 210.784,3.782c22.499,0 45.142,-0.487 67.394,-0.487c9.488,0 18.416,-0.482 27.949,-0.482c4.152,0 16.608,0 12.456,0c-28.152,0 -12.651,-14.767 -23.592,-18.812c-9.232,-3.413 -25.421,3.1 -38.627,3.871c-41.318,2.415 -89.25,0 -131.029,0c-97.479,0 -216.097,6.223 -307.15,0.637c-23.941,-1.469 -44.921,-7.12 -69.092,-8.55c-47.349,-2.802 -100.829,-0.488 -148.77,-0.488c-33.16,0 -55.48,-4.367 -86.503,-7.415c-48.998,-4.813 -99.492,-9.442 -147.213,-15.755c-25.874,-3.423 -52.136,-11.38 -80.511,-11.38c-12.731,0 -59.218,-8.767 -63.493,-2.796" style="fill:none;stroke:#eb4e89;stroke-width:54.17px;"/>
+<path d="M138.671,34.697c210.573,-0 422.534,-4.048 633.691,-4.048c99.136,-0 251.754,0.432 341.263,13.933" style="fill:none;stroke:#eb4e89;stroke-width:54.17px;"/>
+<path d="M1049.94,155.055c-67.326,-0 -123.167,-3.66 -187.885,-5.948c-103.185,-3.649 -213.682,-0.725 -316.916,-0.725c-70.93,-0 -160.329,-5.511 -222.376,9.043" style="fill:none;stroke:#eb4e89;stroke-width:54.17px;"/></g>
+</svg>

www/index.html

@@ -11,13 +11,16 @@
   <title>La Nuit de l'ENS</title>
 
   <link rel="stylesheet" href="css/normalize.css">
-  <link rel="stylesheet" href="css/style.css">
+  <link rel="stylesheet" href="css/style2.css">
   <!-- <link rel="stylesheet" href="css/tipso.css"> -->
   <link rel="stylesheet" href="css/calendar.css">
 </head>
 
 <body>
-  <header id="main-header"></header>
+
+<header id="main-header">
+</header>
+  
 
   <!-- English version -->
   <section>
@@ -30,9 +33,10 @@
 
   <!-- Présentation -->
   <section>
-    <h2>Présentation</h2>
+    <!-- <h2> Présentation</h2> -->
+    <h2><span style="font-family:Parisienne">P</span><span style="font-family:Josefin">résentation</span></h2>
     <div>
-      <p>Le <strong>samedi 23 novembre</strong>, l'ENS se pare de rose : le temps d'une Nuit, venez découvrir les merveilles que renferme l’École Normale Supérieure à
+      <p>Le <strong>samedi 23 novembre</strong>, l'ENS se pare de rose : le temps d'une Nuit, venez découvrir les merveilles que renferme l’École normale supérieure à
       l'occasion de son traditionnel <strong>Gala nocturne</strong> ! La soirée s'annonce palpitante, vous faisant naviguer au sein du bâtiment
       historique du <strong>45 rue d'Ulm</strong>, paré de ses plus somptueux atours.</p>
 
@@ -40,9 +44,9 @@
       d'<strong>activités</strong>, de <strong>manifestations artistiques</strong> et de <strong>rencontres</strong>
       auxquelles vous aurez accès !</p>
 
-      <p> A tous les curieux, les clubs de danse de l'ENS proposeront un <strong>spectacle</strong> haut en couleurs, et des <strong>initiations</strong> à la valse et au rock.
+      <p> A tous.tes les curieux.ses, les clubs de danse de l'ENS proposeront un <strong>spectacle</strong> haut en couleurs, et des <strong>initiations</strong> à la valse et au rock.
       De nombreux concerts, spectacles et expositions vous attendent pour cette soirée
-      extraordinaire, de l'étourdissant <strong>concert des fanfares</strong> à <strong>celui des groupes de l'École </strong>, 
+      extraordinaire, de l'étourdissant <strong>concert des fanfares</strong> à <strong>celui des groupes de l'École</strong>, 
       en passant par le <strong>set de mixage DJ</strong> et l'imprédictible <strong>cabaret
       d'improvisation</strong>.</p>
 
@@ -57,12 +61,12 @@
         <span>Page Instagram</span>
       </a>
 
-      <a href="https://www.facebook.com/LaNuitGalaENS/" class="button" target="_blank">
+      <a href="https://docs.google.com/spreadsheets/d/1Kb-7VS2zK0Ae3q6RAwSg55aevd2MwCU5kGyXGt4jbJ4/edit?usp=sharing" class="button" target="_blank">
-        <img src="img/icons/facebook.svg" alt="Page Facebook">
+        <alt="Permanences">
-        <span>Page Facebook</span>
+        <span>Les Permanences</span>
       </a>
 
-      <a href="billetterie.html" class="button" target="_blank">
+      <a href="https://www.helloasso.com/associations/aeens/evenements/la-nuit-edition-2024" class="button" target="_blank">
         <img src="img/icons/ticket.svg" alt="Billetterie">
         <span>Billetterie</span>
       </a>
@@ -79,7 +83,9 @@
 
 <!-- Programme -->
   <section>
-    <h2>Programme de la soirée (version non définitive)</h2>
+    <!-- <h2>Programme de la soirée</h2>  -->
+    <h2><span style="font-family:Parisienne">P</span><span style="font-family:Josefin">rogramme de la soirée <br></span></h2>
+
 
     <div id="calendar">
       <div id="cal-container">
@@ -117,7 +123,7 @@
           <span class="cal-event-end-date">23/11/2024 21:00</span>
           <span class="cal-event-location">Amphithéâtre Évariste Galois</span>
           <span class="cal-event-description">
-            Des scènes de la vie de deux sœurs, au moment de leur enfance, à l'âge adulte où des obstacles la font resurgir, puis dans une résolution des problématiques héritées du passé.
+            Deux sœurs vivent leur rentrée dans la vie sous une tutelle familiale à l'amour tyrannique. Des rates surgissent pour danser leur intériorité subjuguée. Puis tout s'effondre, et très doucement, une nouvelle conscience renaît, qui amènera les rongeuses ostracisées à faire groupe en découvrant leur voix. De cette force surgissent à nouveau les sœurs, dont le récit nous parle de leur revanche sur l'ajournement de leur éveil, sans pourtant parvenir à briser le cycle familial qui se reproduit entre elles. Entre danse et théâtre, avec une apparition de chants aux rythmes d'inspiration javanaise, des scènes oniriques puiseront dans un langage symbolique un récit sur la domination intériorisée, la division, et la puissance de l'assemblage des individualités en un tout.
           </span>
         </div>
 
@@ -136,12 +142,12 @@
 
         <div class="cal-event">
           <span class="cal-event-id">Ciné</span>
-          <span class="cal-event-name">🎬 Projection de la Panthère Rose</span>
+          <span class="cal-event-name">🎬 Projection du Ciné-Club</span>
           <span class="cal-event-start-date">24/11/2024 1:00</span>
-          <span class="cal-event-end-date">24/11/2024 1:45</span>
+          <span class="cal-event-end-date">24/11/2024 3:00</span>
           <span class="cal-event-location">Salle Dussane</span>
           <span class="cal-event-description">
-            Projection de quelques épisodes du célèbre dessin animé!
+            Projection des Demoiselles de Rochefort !
           </span>
         </div>
 
@@ -185,9 +191,9 @@
 
         <div class="cal-event">
           <span class="cal-event-id">concert-sea</span>
-          <span class="cal-event-name">🎼 Concert du Club Mu</span>
+          <span class="cal-event-name">🎼 Concerts du Club Mu</span>
           <span class="cal-event-start-date">23/11/2024 21:00</span>
-          <span class="cal-event-end-date">24/11/2024 00:30</span>
+          <span class="cal-event-end-date">24/11/2024 1:00</span>
           <span class="cal-event-location">SEA</span>
           <span class="cal-event-description">
             Le concert des groupes affiliés au Club Mu, une succession de performances pour vous en mettre plein les oreilles ! 
@@ -199,11 +205,11 @@
         <div class="cal-event">
           <span class="cal-event-id">boum</span>
           <span class="cal-event-name">🔊 DJ set : Cassiopée</span>
-          <span class="cal-event-start-date">24/11/2024 1:00</span>
+          <span class="cal-event-start-date">24/11/2024 1:30</span>
           <span class="cal-event-end-date">24/11/2024 4:00</span>
           <span class="cal-event-location">SEA</span>
           <span class="cal-event-description">
-            Venez finir la Nuit en beauté, en vous déhanchant sur le set de Cassiopée. Elle vous en mettra plein les oreilles avec des sonorités eurodance, pop et techno !
+            Née dans une cavité d'où elle tire toutes ses malices, Cassiopée est une DJ émergente de la scène parisienne qui dispose d'un répertoire musical éclectique qu'elle manie avec des doigts de fée - de l'eurodance à la trance, passant par des points d'étapes toujours plus surprenants. Vampire et couturière, elle se pare de ses plus belles robes et charme par tous les endroits où elle passe. Rangez vos crucifix et laissez ses pouvoirs vous entrainer jusqu'au bout de la nuit.
           </span>
         </div>
 
@@ -254,22 +260,22 @@
 
         <div class="cal-event">
           <span class="cal-event-id">rock</span>
-          <span class="cal-event-name">🕺 Danse libre - Rock(s)</span>
+          <span class="cal-event-name">🕺 Initiations puis Danse libre - Rock(s)</span>
-          <span class="cal-event-start-date">23/11/2024 23:30</span>
+          <span class="cal-event-start-date">23/11/2024 23:00</span>
           <span class="cal-event-end-date">24/11/2024 4:00</span>
-          <span class="cal-event-location">Gymnase</span>
+          <span class="cal-event-location">Bibliothèque</span>
           <span class="cal-event-description">
-            Venez vous amusez et danser au gymnase, sur du jazz, du rock et de la pop. Les deux clubs de rock de l'ENS sont réunis pour vous proposer leur meilleure playlist. Tous sont conviés, débutants comme danseurs expérimentés : les respos se feront un plaisir de vous apprendre les bases pour vous permettre d'apprécier la musique!
+            Venez vous amusez et danser au gymnase, sur du jazz, du rock et de la pop. Les deux clubs de rock de l'ENS sont réunis pour vous proposer leur meilleure playlist. Tous sont conviés, débutants comme danseurs expérimentés : les respos se feront un plaisir de vous apprendre les bases pour vous permettre d'apprécier la musique! Des initiations au Swing et au Rock 4 Temps sont mêmes prévues, respectivement à 23h et 23h45!
           </span>
         </div>
         
 
         <div class="cal-event">
           <span class="cal-event-id">valse</span>
-          <span class="cal-event-name">💃 Bal de Valse</span>
+          <span class="cal-event-name">💃 Initiation puis Bal de Valse</span>
           <span class="cal-event-start-date">23/11/2024 23:30</span>
           <span class="cal-event-end-date">24/11/2024 4:00</span>
-          <span class="cal-event-location">Bibliothèque</span>
+          <span class="cal-event-location">Gymnase</span>
           <span class="cal-event-description">
             A peine revenus du spectacle de danse au gymnase, le club Valse proposera une initiation, trois quarts d'heure pour faire ses premiers tours à droite avant de s'élancer sur une playlist qui ira des grands classiques Strauss et Waldteufel au pop et au rap, avec un soupçon de musette et quelques musiques de film. Quelque soit votre maîtrise de la valse, lead ou follow laissez vous emporter et venez tournoyer, inviter, vous faire inviter, regarder et rêver.
           </span>
@@ -281,12 +287,12 @@
 
         <div class="cal-event">
           <span class="cal-event-id">ulmity</span>
-          <span class="cal-event-name">⬆️ Test de jeux vidéos</span>
+          <span class="cal-event-name">⬆️ Découverte de jeux vidéo</span>
           <span class="cal-event-start-date">23/11/2024 21:00</span>
           <span class="cal-event-end-date">23/11/2024 23:00</span>
-          <span class="cal-event-location">Salle InfI</span>
+          <span class="cal-event-location">Salle Infi</span>
           <span class="cal-event-description">
-            Venez tester les jeux codés par les membres du club Ulmity.
+            Venez tester les jeux codés par les membres du club Ulmity!
           </span>
         </div>
 
@@ -346,7 +352,7 @@
           <span class="cal-event-name">🛋 Temps de détente</span>
           <span class="cal-event-start-date">23/11/2024 20:00</span>
           <span class="cal-event-end-date">24/11/2024 4:00</span>
-          <span class="cal-event-location">Salle Beckett</span>
+          <span class="cal-event-location">Salle des Résistants</span>
           <span class="cal-event-description"></span>
         </div>
 
@@ -368,7 +374,9 @@
 
   <!-- Contact -->
   <section>
-    <h2>Nous contacter</h2>
+    <!--  <h2>Nous contacter</h2> -->
+    <h2><span style="font-family:Parisienne">N</span><span style="font-family:Josefin">ous conctacter</span></h2>
+
     <div>
 
       <p id="contact-email">
@@ -380,7 +388,9 @@
 
   <!-- Remerciements -->
   <section>
-    <h2>Remerciements</h2>
+    <!--  <h2>Remerciements</h2> -->
+    <h2><span style="font-family:Parisienne">R</span><span style="font-family:Josefin">emerciements</span></h2>
+
     <div>
       <div id="sponsors">
         <a href="https://www.cof.ens.fr">