DGNum/lanuit.ens.fr
15
2
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: DGNum:main
Branches Tags
DGNum:main
DGNum:update-planning-concert
lbailly:main
lbailly:update-planning-concert
..
compare: lbailly:main
Branches Tags
lbailly:main
lbailly:update-planning-concert
DGNum:main
DGNum:update-planning-concert

No commits in common. "main" and "main" have entirely different histories.
main ... main

16 changed files with 83 additions and 884 deletions
Show stats Expand all files Collapse all files

6
www/billetterie.html
View file

@ -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/style2.css">
<link rel="stylesheet" href="css/style.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 le lundi 28 octobre 2024.</p>
<p>La billetterie n'est pas encore disponible. Elle ouvrira fin octobre 2024.</p>
</div>
<a href="index.html">
<a href="index.html" target="_blank">
<div class="button">
Retour au site
</div>

10
www/css/calendar.css
View file

@ -28,7 +28,7 @@
top: 0;
left: 0;
width: 100%;
height: calc(100% + 100px);
height: calc(100% + 30px);
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: 57px;
height: 42px;
margin: 2px 0;
padding: 5px;
/* background-color: #EFEFEF; */
@ -177,7 +177,7 @@
/* min-width: 40%; */
max-width: 80%;
padding: 20px;
background-color: #322c30;
background-color: #333;
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: #322c30;
border-bottom-color: #333;
border-width: 20px;
margin-left: -20px;
}
@ -207,7 +207,7 @@
width: 0;
position: absolute;
pointer-events: none;
border-top-color: #322c30;
border-top-color: #333;
border-width: 20px;
margin-left: -20px;
}

13
www/css/style.css
View file

@ -113,46 +113,51 @@ a {
position: relative;
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.png");
background-image: url("../img/ui/header-Nuit-2022.jpg");
background-image: linear-gradient(rgba(0,0,0,0) 70%, #362b49 100%), url("../img/ui/header-nuit.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-position: center 18%;
}
@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);
}
}

768
www/css/style2.css
View file

@ -1,768 +0,0 @@
/*--------------------------------------------------------*/
/* 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;
}
}

6
www/english_billetterie.html
View file

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

60
www/english_index.html
View file

@ -11,16 +11,13 @@
<title>La Nuit de l'ENS</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style2.css">
<link rel="stylesheet" href="css/style.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>
@ -35,7 +32,7 @@
<!-- Introduction -->
<section>
<h2><span style="font-family:Parisienne">P</span><span style="font-family:Josefin">resentation</span></h2></h2>
<h2>Presentation</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
@ -61,14 +58,14 @@
</div>
</a>
<a href="https://docs.google.com/spreadsheets/d/1Kb-7VS2zK0Ae3q6RAwSg55aevd2MwCU5kGyXGt4jbJ4/edit?usp=sharing" target="_blank">
<a href="https://www.facebook.com/LaNuitGalaENS/" target="_blank">
<div class="button">
<alt="Permanences">
<span>Helping us</span>
<img src="img/icons/facebook.svg" alt="Facebook">
<span>Facebook</span>
</div>
</a>
<a href="https://www.helloasso.com/associations/aeens/evenements/la-nuit-edition-2024" class="button" target="_blank">
<a href="english_billetterie.html" class="button" target="_blank">
<img src="img/icons/ticket.svg" alt="BilletterieEN">
<span>Ticketing</span>
</a>
@ -88,7 +85,7 @@
<!-- Program -->
<section>
<h2><span style="font-family:Parisienne">P</span><span style="font-family:Josefin">rogram of the Gala</span></h2>
<h2>Program of the Gala (non-definitive version)</h2>
<div id="calendar">
<div id="cal-container">
@ -127,13 +124,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">
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.
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.
</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>
@ -146,12 +143,12 @@
<div class="cal-event">
<span class="cal-event-id">Ciné</span>
<span class="cal-event-name">🎬 Screening by the Ciné-club</span>
<span class="cal-event-name">🎬 Screening of the Pink Panther</span>
<span class="cal-event-start-date">24/11/2024 1:00</span>
<span class="cal-event-end-date">24/11/2024 3:00</span>
<span class="cal-event-end-date">24/11/2024 1:45</span>
<span class="cal-event-location">Salle Dussane</span>
<span class="cal-event-description">
Screening of Les Demoiselles de Rochefort.
Screening of some episodes of the famous cartoon!
</span>
</div>
@ -198,7 +195,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 1:00</span>
<span class="cal-event-end-date">24/11/2024 00:30</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!
@ -210,11 +207,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:30</span>
<span class="cal-event-start-date">24/11/2024 1:00</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">
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.
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!
</span>
</div>
@ -226,7 +223,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>
@ -266,22 +263,22 @@
<div class="cal-event">
<span class="cal-event-id">rock</span>
<span class="cal-event-name">🕺Initiations followed by Free dancing - Rock(s)</span>
<span class="cal-event-name">🕺 Free dance - 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">Bibliothèque</span>
<span class="cal-event-location">Gymnase</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! Initiations by both clubs will hold at 23h and 23h45.
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!
</span>
</div>
<div class="cal-event">
<span class="cal-event-id">valse</span>
<span class="cal-event-name">💃Initiation followed by a Waltz Ball</span>
<span class="cal-event-name">💃 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">Gymnase</span>
<span class="cal-event-location">Bibliothèque</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>
@ -292,10 +289,10 @@
<div class="cal-event">
<span class="cal-event-id">ulmity</span>
<span class="cal-event-name">⬆️ Video games try outs</span>
<span class="cal-event-name">⬆️ Video game 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>
@ -358,7 +355,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 des Résistants</span>
<span class="cal-event-location">Salle Beckett</span>
<span class="cal-event-description"></span>
</div>
@ -380,22 +377,19 @@
<!-- Contact -->
<section>
<h2><span style="font-family:Parisienne">C</span><span style="font-family:Josefin">ontact us</span></h2>
<h2>Contact us</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><span style="font-family:Parisienne">S</span><span style="font-family:Josefin">pecial thanks to</span></h2>
<h2>Special thanks to</h2>
<div>
<div id="sponsors">
<a href="https://www.cof.ens.fr">

BIN
www/fonts/JosefinSans-Regular.ttf
View file

Binary file not shown.

BIN
www/fonts/Parisienne-Regular.ttf
View file

Binary file not shown.

2
www/img/icons/email.svg Normal file → Executable file
View file

@ -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="#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
<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
L4,8V6l8,5l8-5V8z"/>
<path fill="none" d="M0,0h24v24H0V0z"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 658 B

After

Width:  |  Height:  |  Size: 658 B

6
www/img/icons/instagram.svg Normal file → Executable file
View file

@ -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="#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
<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
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="#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
<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
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="#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
<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
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>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

2
www/img/icons/ticket.svg Normal file → Executable file
View file

@ -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="#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
<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
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>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 819 B

After

Width:  |  Height:  |  Size: 819 B

11
www/img/ui/button-background-burgundy-lines.svg
View file

@ -1,11 +0,0 @@
<?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>
Side by side

Before

Width:  |  Height:  |  Size: 5.2 KiB

11
www/img/ui/button-background-pink-panther.svg
View file

@ -1,11 +0,0 @@
<?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>
Side by side

Before

Width:  |  Height:  |  Size: 5.2 KiB

BIN
www/img/ui/header-nuit.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 50 KiB

BIN
www/img/ui/header-nuit.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.8 MiB

72
www/index.html
View file

@ -11,16 +11,13 @@
<title>La Nuit de l'ENS</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style2.css">
<link rel="stylesheet" href="css/style.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>
@ -33,10 +30,9 @@
<!-- Présentation -->
<section>
<!-- <h2> Présentation</h2> -->
<h2><span style="font-family:Parisienne">P</span><span style="font-family:Josefin">résentation</span></h2>
<h2>Présentation</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>
@ -44,9 +40,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.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.
<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.
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>
@ -61,12 +57,12 @@
<span>Page Instagram</span>
</a>
<a href="https://docs.google.com/spreadsheets/d/1Kb-7VS2zK0Ae3q6RAwSg55aevd2MwCU5kGyXGt4jbJ4/edit?usp=sharing" class="button" target="_blank">
<alt="Permanences">
<span>Les Permanences</span>
<a href="https://www.facebook.com/LaNuitGalaENS/" class="button" target="_blank">
<img src="img/icons/facebook.svg" alt="Page Facebook">
<span>Page Facebook</span>
</a>
<a href="https://www.helloasso.com/associations/aeens/evenements/la-nuit-edition-2024" class="button" target="_blank">
<a href="billetterie.html" class="button" target="_blank">
<img src="img/icons/ticket.svg" alt="Billetterie">
<span>Billetterie</span>
</a>
@ -83,9 +79,7 @@
<!-- Programme -->
<section>
<!-- <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>
<h2>Programme de la soirée (version non définitive)</h2>
<div id="calendar">
<div id="cal-container">
@ -123,7 +117,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">
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.
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é.
</span>
</div>
@ -142,12 +136,12 @@
<div class="cal-event">
<span class="cal-event-id">Ciné</span>
<span class="cal-event-name">🎬 Projection du Ciné-Club</span>
<span class="cal-event-name">🎬 Projection de la Panthère Rose</span>
<span class="cal-event-start-date">24/11/2024 1:00</span>
<span class="cal-event-end-date">24/11/2024 3:00</span>
<span class="cal-event-end-date">24/11/2024 1:45</span>
<span class="cal-event-location">Salle Dussane</span>
<span class="cal-event-description">
Projection des Demoiselles de Rochefort !
Projection de quelques épisodes du célèbre dessin animé!
</span>
</div>
@ -191,9 +185,9 @@
<div class="cal-event">
<span class="cal-event-id">concert-sea</span>
<span class="cal-event-name">🎼 Concerts du Club Mu</span>
<span class="cal-event-name">🎼 Concert 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 1:00</span>
<span class="cal-event-end-date">24/11/2024 00:30</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 !
@ -205,11 +199,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:30</span>
<span class="cal-event-start-date">24/11/2024 1:00</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">
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.
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 !
</span>
</div>
@ -260,22 +254,22 @@
<div class="cal-event">
<span class="cal-event-id">rock</span>
<span class="cal-event-name">🕺 Initiations puis Danse libre - Rock(s)</span>
<span class="cal-event-start-date">23/11/2024 23:00</span>
<span class="cal-event-name">🕺 Danse libre - 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">Bibliothèque</span>
<span class="cal-event-location">Gymnase</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! Des initiations au Swing et au Rock 4 Temps sont mêmes prévues, respectivement à 23h et 23h45!
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!
</span>
</div>
<div class="cal-event">
<span class="cal-event-id">valse</span>
<span class="cal-event-name">💃 Initiation puis Bal de Valse</span>
<span class="cal-event-name">💃 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">Gymnase</span>
<span class="cal-event-location">Bibliothèque</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>
@ -287,12 +281,12 @@
<div class="cal-event">
<span class="cal-event-id">ulmity</span>
<span class="cal-event-name">⬆️ Découverte de jeux vidéo</span>
<span class="cal-event-name">⬆️ Test de jeux vidéos</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>
@ -352,7 +346,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 des Résistants</span>
<span class="cal-event-location">Salle Beckett</span>
<span class="cal-event-description"></span>
</div>
@ -374,9 +368,7 @@
<!-- Contact -->
<section>
<!-- <h2>Nous contacter</h2> -->
<h2><span style="font-family:Parisienne">N</span><span style="font-family:Josefin">ous conctacter</span></h2>
<h2>Nous contacter</h2>
<div>
<p id="contact-email">
@ -388,9 +380,7 @@
<!-- Remerciements -->
<section>
<!-- <h2>Remerciements</h2> -->
<h2><span style="font-family:Parisienne">R</span><span style="font-family:Josefin">emerciements</span></h2>
<h2>Remerciements</h2>
<div>
<div id="sponsors">
<a href="https://www.cof.ens.fr">