Compare commits

..

81 commits
main ... main

Author SHA1 Message Date
761a6dc84e modif teatr fr 2024-11-14 10:55:43 +01:00
0e983ab368 modif prog en 2024-11-13 11:26:17 +01:00
a6044cfd6b modif prog fr 2024-11-13 11:23:07 +01:00
b1d1d64c30 modif perms en 2024-11-12 08:50:41 +01:00
365dc6a880 modif perms fr 2024-11-12 08:48:56 +01:00
8b2a2b61f2 modif perms fr 2024-11-12 08:47:58 +01:00
af3e48aae7 update salle calme en 2024-11-11 18:30:05 +01:00
ac8a39f3bf modif salle calme 2024-11-11 18:28:59 +01:00
d160b4ce38 modif orthographe fr 2024-11-05 13:51:20 +01:00
5019e66fda modif prog fr 2024-11-02 10:31:49 +01:00
15133c1cc1 modif prog en 2024-11-02 10:30:24 +01:00
5153e6ed42 modif prog fr 2024-11-02 10:29:43 +01:00
34736df08f modif cine en 2024-10-31 10:22:16 +01:00
cf1111c808 modif cine fr 2024-10-31 10:21:33 +01:00
eef51279f3 update billetterie en 2024-10-27 19:54:23 +01:00
b7c1dec1b0 update billetterie fr 2024-10-27 19:53:34 +01:00
6da6ace4c9 orthographe fr 2024-10-16 16:30:08 +02:00
9d2d069256 modif SEA en 2024-10-15 14:08:52 +02:00
ab11516f4e modif SEA fr 2024-10-15 14:07:13 +02:00
ec08faa29e modif initiations en 2024-10-11 18:13:53 +02:00
62b4047623 modif initiations fr 2024-10-11 18:11:50 +02:00
ca8bb49bbc modif date billetterie en 2024-10-11 17:58:23 +02:00
2710e348cd modif date billetterie fr 2024-10-11 17:56:22 +02:00
af52b9bd2b modif ciné fr 2024-10-09 17:12:38 +02:00
67a644bb9c modif ciné en encore 2024-10-09 17:10:36 +02:00
aedd0bf3ad modif ciné en 2024-10-09 17:07:50 +02:00
7abd95cf1f modif ulmity fr 2024-10-09 17:06:44 +02:00
22c29305f9 modif cine et infi en 2024-10-09 17:06:05 +02:00
74d0a26190 modif infi et ciné fr 2024-10-09 17:04:09 +02:00
160ac979b0 modif danse libre en 2024-10-07 11:47:29 +02:00
8e9a5194da Modif danse libre fr 2024-10-07 11:44:40 +02:00
02484da091 Modif taille lignes calendrier 2024-10-07 11:27:36 +02:00
be61bb55f2 Actualiser www/css/calendar.css 2024-10-07 11:09:25 +02:00
554040160b Actualiser www/css/calendar.css 2024-10-07 11:08:51 +02:00
e188889160 Actualiser www/english_index.html 2024-10-07 10:58:19 +02:00
01d5d2b117 Actualiser www/english_billetterie.html
rooose
2024-10-07 10:52:47 +02:00
ad50980a47 Actualiser www/billetterie.html
couleur rose
2024-10-07 10:51:54 +02:00
2e0804f646 Actualiser www/css/style2.css 2024-10-07 10:47:04 +02:00
dc115891bf Actualiser www/english_index.html
passage nouveau theme rose
2024-10-07 10:44:08 +02:00
a0ae638216 Téléverser les fichiers vers "www/img/icons" 2024-09-27 16:35:02 +02:00
51261ebda8 Supprimer www/img/icons/style2.css 2024-09-27 16:33:44 +02:00
910cefd0b8 Supprimer www/img/icons/style.css 2024-09-27 16:33:39 +02:00
2a63a86051 Téléverser les fichiers vers "www/img/icons" 2024-09-27 16:33:19 +02:00
54018cca4f Actualiser www/index.html 2024-09-27 16:28:16 +02:00
b4ab0bc71e Actualiser www/index.html 2024-09-27 16:23:50 +02:00
f12b89445b Actualiser www/css/style2.css 2024-09-27 16:18:38 +02:00
200a204a33 Actualiser www/css/style2.css 2024-09-27 16:15:33 +02:00
85a05d4e86 Actualiser www/css/style2.css 2024-09-27 16:09:29 +02:00
64ecf052e9 Téléverser les fichiers vers "www/img/ui" 2024-09-27 16:07:31 +02:00
3e030b86be Actualiser www/css/style2.css 2024-09-27 15:58:26 +02:00
089d331df7 Actualiser www/css/style2.css 2024-09-27 15:52:36 +02:00
47dac9afe9 Actualiser www/css/style2.css 2024-09-27 15:44:48 +02:00
b82aca7118 Actualiser www/css/style2.css 2024-09-27 15:40:44 +02:00
be94ec5f84 Actualiser www/index.html 2024-09-27 15:29:24 +02:00
97786e11a3 test de JM 2024-09-27 15:28:49 +02:00
67ea9220fa Actualiser www/index.html 2024-09-27 15:16:41 +02:00
ad2d343470 Téléverser les fichiers vers "www/fonts"
nouvelle police titres et majuscules
2024-09-27 15:14:05 +02:00
c23a909f34 Téléverser les fichiers vers "www/fonts"
police corps texte 2024
2024-09-27 15:11:08 +02:00
ac3bf4819a update header en 2024-09-24 16:29:28 +02:00
e9fede696a update header normalement ça marche merci Alice 2024-09-24 16:27:38 +02:00
b3a3ff06c0 header update 2024-09-24 16:19:31 +02:00
f32a1e2378 header update 2024-09-24 16:16:08 +02:00
11238924a6 header update 2024-09-24 16:09:51 +02:00
e59feb2974 header update 2024-09-24 16:06:42 +02:00
fb8d1853f2 Actualiser www/index.html 2024-09-24 16:04:50 +02:00
0479b87a4c update header 2024-09-24 16:04:09 +02:00
67b6cc63e2 Actualiser www/english_index.html 2024-09-24 14:09:11 +02:00
9682d87e14 modif header en 2024-09-24 14:07:01 +02:00
00a304a5aa Actualiser www/index.html 2024-09-24 14:05:39 +02:00
8c349f2e21 modif taille header 2 2024-09-24 14:03:36 +02:00
72d821d5f2 modif taille header 2024-09-24 14:00:42 +02:00
b1fd768f07 header update 2024-09-24 13:46:27 +02:00
c0992fc978 test modif header encore 2024-09-24 13:40:23 +02:00
da724f86f8 test modif header 2024-09-24 13:37:28 +02:00
a831c69e5e Téléverser les fichiers vers "www/img/ui" 2024-09-24 13:13:36 +02:00
4170e406bf Supprimer www/img/ui/header-nuit.jpg 2024-09-24 13:13:05 +02:00
77e96ff8c6 lien masqué facebook en 2024-09-23 17:48:22 +02:00
5325cd3a03 lien facebook masqué 2024-09-23 17:47:19 +02:00
d1548cf129 retour au site sans pourriture en 2024-09-23 16:45:47 +02:00
7564b67402 retour au site sans pourriture 2024-09-23 16:45:10 +02:00
fd36ff8d7c Merge pull request 'change header' (#1) from lbailly/lanuit.ens.fr:main into main
Reviewed-on: DGNum/lanuit.ens.fr#1
2024-09-23 11:33:10 +02:00
16 changed files with 884 additions and 83 deletions

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/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>

View file

@ -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;
}

View file

@ -113,51 +113,46 @@ a {
position: relative;
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-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-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);
}
}

768
www/css/style2.css Normal file
View file

@ -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;
}
}

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/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>

View file

@ -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">
<span>Facebook</span>
<alt="Permanences">
<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">🥸 Nimprotequoi </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">

Binary file not shown.

Binary file not shown.

2
www/img/icons/email.svg Executable file → Normal 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="#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>

Before

Width:  |  Height:  |  Size: 658 B

After

Width:  |  Height:  |  Size: 658 B

6
www/img/icons/instagram.svg Executable file → Normal 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="#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>

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

2
www/img/icons/ticket.svg Executable file → Normal 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="#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>

Before

Width:  |  Height:  |  Size: 819 B

After

Width:  |  Height:  |  Size: 819 B

View file

@ -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>

After

Width:  |  Height:  |  Size: 5.2 KiB

View file

@ -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>

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 50 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

View file

@ -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">
<img src="img/icons/facebook.svg" alt="Page Facebook">
<span>Page Facebook</span>
<a href="https://docs.google.com/spreadsheets/d/1Kb-7VS2zK0Ae3q6RAwSg55aevd2MwCU5kGyXGt4jbJ4/edit?usp=sharing" class="button" target="_blank">
<alt="Permanences">
<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-start-date">23/11/2024 23:30</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-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">