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

Site de la Nuit21

Browse source
This commit is contained in:
Tom Hubrecht 2022-04-03 19:30:41 +02:00
parent 14a0ded503
commit 37be87211a
53 changed files with 5638 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

815
www/OLD_english_index.html Normal file
View file

@ -0,0 +1,815 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,">
<meta name="description" content="La Nuit &mdash; Gala de l'ENS">
<meta name="keywords" content="ENS Gala Nuit 2021 Ulm Ecole Normale Supérieure">
<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/tipso.css">
<link rel="stylesheet" href="css/calendar.css">
</head>
<body>
<header id="main-header">
<!img id="main-header-leaves" src="../newheader.jpg" alt="Par une Nuit d'hiver brille une étoile">
<!img id="main-header-title" src="img/header/title.jpg" alt="À la faveur de la Nuit">
<!img id="main-header-subtitle" src="img/header/subtitle.png" alt="Gala de l'ENS">
<!img id="main-header-hands" src="img/header/hands.png" alt="Deux mains serrées">
<!canvas id="main-header-stars"><!/canvas>
</header>
<section>
<div>
<a href="OLD_index.html" target="_blank">
<div class="button">
<img src="img/icons/french_flag.svg" class="fix-alignement" alt="Version française">
Version française
</div>
</a>
</div>
</section>
<section>
<h2>Presentation</h2>
<div>
<p>On Saturday, December 4th, 2021, a sparkling light will illuminate the long Parisian winter night: for a dreamy moment, come and discover the wonders of the École Normale Supérieure during its traditional nocturnal Gala! The evening will take place in the historic building at 45 rue d'Ulm, adorned of its most sumptuous attire.</p>
<p>The red carpet will be rolled out for everyone, and it won't be easy to choose among the plethora of activities, artistic events, and gatherings to take part in!</p>
<p>To people of all ages, the ENS dance clubs will offer initiations to waltz, rock or other ballroom dances. Numerous concerts, shows and exhibitions will be spread throughout this extraordinary evening, from the dazzling dance show to the professional jazz concert, without forgetting the DJ mixing set and the unpredictable improvisation cabaret.</p>
<p>La Nuit probably has more facets than there are stars to light it, and will amaze you with countless surprises for the five senses that will transcend this endless winter: a great buffet, a choir, a fanfare, exhibitions, tastings, a show of laser lights,... merry festivities!</p>
<a href="https://www.instagram.com/la_nuit_ulm/" target="_blank">
<div class="button">
<img src="img/icons/instagram.svg" alt="Instagram">
<span>Instagram</span>
</div>
</a>
<a href="https://www.facebook.com/LaNuitGalaENS/" target="_blank">
<div class="button">
<img src="img/icons/facebook.svg" alt="Facebook">
<span>Facebook</span>
</div>
</a>
<a href="https://www.linkedin.com/feed/update/urn:li:activity:6852313253603745792/?updateEntityUrn=urn%3Ali%3Afs_feedUpdate%3A%28V2%2Curn%3Ali%3Aactivity%3A6852313253603745792%29" target="_blank">
<div class="button">
<img src="img/icons/linkedin.svg" alt="LinkedIn">
<span>LinkedIn</span>
</div>
</a>
<br>
<p class="stand-out">Feel free to have a look at the full planning below!</p>
</div>
</section>
<section>
<h2>Prices and ticketing</h2>
<div>
<p>Pre-sales are open from Monday, November 8th at 45 rue d'Ulm, in the main hall from 12:00 to 14:00 and at the COF office. An online ticketing service will also open on this date, accessible by clicking below: </p>
<table class="prices">
<thead>
<tr>
<th></th>
<th>COF member</th>
<th>Student</th>
<th>Other</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Entry</strong> (pre-sales)</td>
<td>18€</td>
<td>22€</td>
<td>29€</td>
</tr>
<tr>
<td><strong>Entry</strong> (on site)</td>
<td>24€</td>
<td>28€</td>
<td>35€</td>
</tr>
<tr>
<td><strong>With buffet</strong></td>
<td>+10€</td>
<td>+14€</td>
<td>+19€</td>
</tr>
</tbody>
</table>
<!-- COMMENTAIRE AVANT QUE LES PLACES BUFFET SOIENT ECOULEES
<p class="stand-out">The buffet, which will be partly vegetarian, is prepared by the ENS foodie club, and by a pastry school. Be careful though, buffet entries are limited, so book your ticket quickly !</strong></p>
-->
<!-- COMMENTAIRE APRES QUE LES PLACES BUFFET SOIENT ECOULEES -->
<p class="stand-out">Student price also concerns students outside the ENS!</p>
<!-- COMMENTAIRE AU MOMENT D'UN PROBLEME DE BILLETTERIE
<p class="stand-out">ATTENTION : la billetterie rencontre actuellement un problème, ce qui peut expliquer pourquoi votre paiement final est refusé. Nous travaillons à la rétablir au plus vite ! -->
<!--a href=" https://www.helloasso.com/associations/aeens/evenements/la-nuit-edition-2019" target="_blank" -->
<!-- LIEN VERS LA BILLETTERIE HELLOASSO QUAND TOUTES LES PLACES N'AVAIENT PAS ENCORE ETE VENDUES-->
<!--a href="https://www.helloasso.com/associations/aeens/evenements/la-nuit-de-la-rue-d-ulm-2021" target="_blank">
<div class="button">
<img src="img/icons/ticket.svg" class="fix-alignement" alt="Ticket">
Online ticketing service
</div>
</a-->
<!-- LIEN VERS LE FICHIER INDIQUANT QUE TOUTES LES PLACES ONT ETE VENDUES-->
<a href="english_billetterie_complete.html" target="_blank">
<div class="button">
<img src="img/icons/ticket.svg" class="fix-alignement" alt="Ticket">
Online ticketing service
</div>
</a>
</div>
</section>
<section>
<h2>Program of the Gala</h2>
<p>The buffet will start at 8:00 pm and the party at 9:30 pm. Click on an event to see its description!</p>
<div id="calendar">
<div id="cal-container">
<! PÔT>
<div class="cal-event">
<span class="cal-event-id">20</span>
<span class="cal-event-name">Buffet</span>
<span class="cal-event-start-date">04/12/2021 20:00</span>
<span class="cal-event-end-date">04/12/2021 21:45</span>
<span class="cal-event-location">Pôt</span>
<span class="cal-event-description">
A buffet including two drinks, one of which being a glass of Champagne, will be served before the evening : petits fours<br>
and puffs prepared by normalien&middot;ne&middot;s for the savoury part, followed by mignardises and sweet delights prepared by a pastry<br>
school! It's also an opportunity to get together with friends in a festive (and tasty...!) setting.<br><br>
RESERVATION RECOMMENDED - LIMITED ENTRIES</span>
</div>
<! COUR DU NIR>
<div class="cal-event">
<span class="cal-event-id">35</span>
<span class="cal-event-name">Foodtruck</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">05/12/2021 02:00</span>
<span class="cal-event-location">Libraries' courtyard</span>
<span class="cal-event-description">
Hungry in the middle of the night? The generous buffet wasn't enough for you? Attention to all appetites,<br>
the foodtruck set in the libraries' courtyard's will offer classic, veggie and non-veggie options.</span>
</div>
<! SALLE RÉSISTANTS>
<div class="cal-event">
<span class="cal-event-id">30</span>
<span class="cal-event-name">Tasting & Encouters</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Résistants Room</span>
<span class="cal-event-description">
If you are coming to La Nuit to meet people of all ages and from all backgrounds, while enjoying some local products, you are<br>
in the right place! The ENS Cheese and Oenology clubs offer a joint wine and cheese tasting. We hope that students from the ENS<br>
and elsewhere, the administration staff, the alumni and everyone else will go beyond the age gap and discuss freely.</span>
</div>
<! COURÔ>
<div class="cal-event">
<span class="cal-event-id">1</span>
<span class="cal-event-name">Mulled wine & wassail</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Courô</span>
<span class="cal-event-description">
If, as the cold sting of the winter night starts getting to you, you need a pick-me-up<br>
(with or without alcohol) to warm you up, go and visit this booth. You will be offered<br>
mulled wine and wassail, an ancient English drink made with apple juice and cinnamon.</span>
</div>
<div class="cal-event">
<span class="cal-event-id">55</span>
<span class="cal-event-name">Lasershow : Shows at 10PM, 11PM, midnight, 1.30AM, 2.30AM & 3.30AM!</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">05/12/2021 4:00</span>
<span class="cal-event-location">Courô</span>
<span class="cal-event-description">
The association LaserWave will offer to everyone a breathtaking sound-and-light lasershow, all night in Courô.<br>
The show lasts a few minutes at the above scheduled times. If you want to see other videos, click below :<br>
<a href="https://www.youtube.com/user/LaserWaveSupOp"><font color="#8888ff">LaserWave Institut d'optique &mdash; Youtube</font></a><br>
<a href="https://www.laserwave.fr/"><font color="#8888ff">LaserWave website</font></a><br>
</span>
</div>
<div class="cal-event">
<span class="cal-event-id">0</span>
<span class="cal-event-name">Opening speech</span>
<span class="cal-event-start-date">04/12/2021 21:45</span>
<span class="cal-event-end-date">04/12/2021 22:00</span>
<span class="cal-event-location">Courô</span>
<span class="cal-event-description">
Speeches by Rachel Piednoir and Martin Teuscher, from the gala organisation team, by Emma Oswald,<br>
president of the student's association (COF), by Marc Mézard, the ENS director, and by a spokesperson<br>
from the alumni association (a-Ulm) will launch the evening.</span>
</div>
<div class="cal-event">
<span class="cal-event-id">3</span>
<span class="cal-event-name">ENS Choirs</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">04/12/2021 22:30</span>
<span class="cal-event-location">Courô</span>
<span class="cal-event-description">
From traditional songs to the Beatles, the ENS choirs will present a broad repertoire of<br>
tunes, sung a capella by crystalline voices to harmoniously open the evening.</span>
</div>
<div class="cal-event">
<span class="cal-event-id">2</span>
<span class="cal-event-name">Brass band</span>
<span class="cal-event-start-date">04/12/2021 23:00</span>
<span class="cal-event-end-date">04/12/2021 23:45</span>
<span class="cal-event-location">Courô</span>
<span class="cal-event-description">
"It's the fanfare!" The Ernestophone, the incomparable brass band from the ENS, will bring the first part of<br>
the evening to life with its wild tunes : perfect to heat the courtyard up and get people dancing to the sound<br>
of the brass. You want to know more about them ? Click on these links!<br>
<a href="https://www.facebook.com/ernestophone/"><font color="#8888ff">L'Ernestophone &mdash; Facebook</font></a><br>
<a href="https://ernestophone.ens.fr"><font color="#8888ff">L'Ernestophone website</font></a></span>
</div>
<div class="cal-event">
<span class="cal-event-id">1</span>
<span class="cal-event-name">BandarrêtdurgENS</span>
<span class="cal-event-start-date">05/12/2021 00:45</span>
<span class="cal-event-end-date">05/12/2021 01:30</span>
<span class="cal-event-location">Courô</span>
<span class="cal-event-description">
The BandarrêtdurgENS or banda is a piece of southwestern France in Paris, an opportunity to enjoy the delicacies<br>
of its local tunes, full of joyous hospitality. From the Spanish pasa doble, to the "moto", come and discover a<br>
broad repertoire which brings life to the villages' fairs.<br>
<a href="https://www.facebook.com/bandarretdurgence/"><font color="#8888ff">Bandarrêtdurgence &mdash; Facebook</font></a></span>
</div>
<! SALLE DUSSANE>
<div class="cal-event">
<span class="cal-event-id">19</span>
<span class="cal-event-name">N'improte Quoi</span>
<span class="cal-event-start-date">05/12/2021 00:00</span>
<span class="cal-event-end-date">05/12/2021 00:45</span>
<span class="cal-event-location">Dussane Room</span>
<span class="cal-event-description">
The exceptional ENS improv team is coming for its traditional cabaret night. Be ready for<br>
improv, silliness, high spirits, and above all, tears of laughter. Some useful links:<br>
<a href="https://www.facebook.com/nimprotequoi/"><font color="#8888ff">N’improte Quoi &mdash; Facebook</font></a><br>
<a href="http://www.nimprotequoi.com"><font color="#8888ff">N'improte Quoi website</font></a></span>
</div>
<! SEA>
<div class="cal-event">
<span class="cal-event-id">35</span>
<span class="cal-event-name">Jazz concert Oléojazz</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">05/12/2021 00:00</span>
<span class="cal-event-location">Salle d'Expression Artistique</span>
<span class="cal-event-description">
How about a quintet of professional musicians here to delight our ears with some jazz mated with blues, bebop, swing,<br>
ballads and bossa nova? That's a yes for us! Guitar and vocals tunes, wacky saxophone and drum improvisations,<br>
orchestrated by a strong double bass: all the ingredients are here for an extraordinary musical time!<br>
<a href="https://sites.google.com/view/oleojazz"><font color="#8888ff">Oléo Jazz website</font></a></span>
</div>
<div class="cal-event">
<span class="cal-event-id">42</span>
<span class="cal-event-name">Rap - Nina Simone Studio</span>
<span class="cal-event-start-date">05/12/2021 00:15</span>
<span class="cal-event-end-date">05/12/2021 01:15</span>
<span class="cal-event-location">Salle d'Expression Artistique</span>
<span class="cal-event-description">
Nina Simone Studio is an initiative to bring a good musical accompaniement to Seine-Saint-Denis youth and help<br>
foster the future talents of urban music! Coming back here for the second time this year, they will delight you<br>
with their instinctive rap and their striking texts.<br>
<a href="https://www.thestudioninasimone.com/"><font color="#8888ff">Nina Simone Studio website</font></a></span>
</div>
<div class="cal-event">
<span class="cal-event-id">21</span>
<span class="cal-event-name">DJ Set Marc Ryan</span>
<span class="cal-event-start-date">05/12/2021 01:30</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Salle d'Expression Artistique</span>
<span class="cal-event-description">
With Marc Ryan, internationally known DJ, who mixed for Martin Solweig and Rihanna, be ready for a true blast,<br>
with a hugely diverse set, blending pop, rock, funk and disco. Come and enjoy a splendid musical feeling,<br>
dancing under the lights of a lightshow up to the event!<br>
<a href="https://soundcloud.com/marc-ryanbeneteau"><font color="#8888ff">Marc Ryan's Sound Cloud</font></a></span>
</div>
<! K-FÊT>
<div class="cal-event">
<span class="cal-event-id">22</span>
<span class="cal-event-name">Boum</span>
<span class="cal-event-start-date">04/12/2021 23:00</span>
<span class="cal-event-end-date">05/12/2021 01:30</span>
<span class="cal-event-location">K-Fêt</span>
<span class="cal-event-description">
The Boum is the ENS DJ club, and its members will enliven the beginning of the evening in K-Fêt. Calling to all<br> electronic music enthusiasts, they will make you dance at the sound of an ecclectic and harmoniously mixed playlist.<br>
<a href="https://www.facebook.com/Le-Boum-398081523720076/"><font color="#8888ff">Boum &mdash; Facebook</font></a></span>
</div>
<! SALLE DES ACTES>
<div class="cal-event">
<span class="cal-event-id">78</span>
<span class="cal-event-name">Waltz initiation</span>
<span class="cal-event-start-date">04/12/2021 23:30</span>
<span class="cal-event-end-date">05/12/2021 00:30</span>
<span class="cal-event-location">Actes Room</span>
<span class="cal-event-description">
Seeing waltzers circle at the show conquered your heart and you want to venture to Waltz-Land?<br>
The ENS waltz club will teach you the first steps and you will then be able to continue whirling<br>
as much as you want with a partner during the dance party following the initiation!</span>
</div>
<div class="cal-event">
<span class="cal-event-id">4</span>
<span class="cal-event-name">Waltz</span>
<span class="cal-event-start-date">05/12/2021 00:30</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Actes Room</span>
<span class="cal-event-description">
Waltz, a dance which marries grace and elegance so well... A couple waltzing is like a top harmoniously<br>
spinning and spinning until floating above the ballroom floor. You were working this very morning? Very well, dance now!<br>
Beginners or experienced dancers, come and twirl in the gorgeous Actes room.</span>
</div>
<! GYMNASE>
<div class="cal-event">
<span class="cal-event-id">10</span>
<span class="cal-event-name">Dance show (1)</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">04/12/2021 23:00</span>
<span class="cal-event-location">Gymnasium</span>
<span class="cal-event-description">
For all tastes, in all styles, music and glitter,... The ENS dance clubs will perform their most beautiful<br>
choreographies in a colourful show that will take your breath away. Your eyes will surely be dazzled !<br>
Program of the first part: Pole DENS, Pole Solo, African dances, 4-beat Rock, Choreographic workshop, Waltz.</span>
</div>
<div class="cal-event">
<span class="cal-event-id">11</span>
<span class="cal-event-name">Break</span>
<span class="cal-event-start-date">04/12/2021 23:00</span>
<span class="cal-event-end-date">04/12/2021 23:30</span>
<span class="cal-event-location">Gymnasium</span>
<span class="cal-event-description">
There will be a 30 minute break between the two parts. It will be possible to come in to attend the second show,<br>
or to leave in order to enjoy the other events. We invite you to choose between one of the two halves of the show,<br>
so as not to neglect the other activities!</span>
</div>
<div class="cal-event">
<span class="cal-event-id">12</span>
<span class="cal-event-name">Dance show (2)</span>
<span class="cal-event-start-date">04/12/2021 23:30</span>
<span class="cal-event-end-date">05/12/2021 00:30</span>
<span class="cal-event-location">Gymnasium</span>
<span class="cal-event-description">
For all tastes, in all styles, music and glitter,... The ENS dance clubs will perform their most beautiful<br>
choreographies in a colourful show that will take your breath away. Your eyes will surely be dazzled !<br>
Program of the second part: Choré-choré, DécadENS, Acro-yoga, Tango, 6-beat Rock, Pompom.</span>
</div>
<div class="cal-event">
<span class="cal-event-id">13</span>
<span class="cal-event-name">Rock dance party</span>
<span class="cal-event-start-date">05/12/2021 01:15</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Gymnasium</span>
<span class="cal-event-description">
The two rock clubs of the ENS join forces in the gym! Whether you prefer 4-beat rock, a young and rhythmic dance<br>
influenced by contemporary musical evolutions such as pop, or 6-beat rock, which remains close to its swing or<br>
boogie roots, whether you are a trained acrobat or an occasional dancer, don't hesitate and get on the dancefloor!</span>
</div>
<! SALLE CELAN>
<!-- div class="cal-event">
<span class="cal-event-id">32</span>
<span class="cal-event-name">Prestidigitation (1)</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">04/12/2021 22:30</span>
<span class="cal-event-location">Salle Celan</span>
<span class="cal-event-description">
Gare aux illusions et aux mirages ! Un élève de l'ENS, pratiquant la prestidigitation depuis<br>
quinze ans, nous dévoilera un fantastique spectacle de magie et de cartes : présentation<br>
fluide et décontractée, bien loin du cliché du magicien au chapeau et au lapin !</span>
</div -->
<!-- div class="cal-event">
<span class="cal-event-id">37</span>
<span class="cal-event-name">Prestidigitation (2)</span>
<span class="cal-event-start-date">04/12/2021 23:00</span>
<span class="cal-event-end-date">04/12/2021 23:30</span>
<span class="cal-event-location">Salle Celan</span>
<span class="cal-event-description">
Gare aux illusions et aux mirages ! Un élève de l'ENS, pratiquant la prestidigitation depuis<br>
quinze ans, nous dévoilera un fantastique spectacle de magie et de cartes : présentation<br>
fluide et décontractée, bien loin du cliché du magicien au chapeau et au lapin !</span>
</div -->
<div class="cal-event">
<span class="cal-event-id">14</span>
<span class="cal-event-name">4-beat rock initiation</span>
<span class="cal-event-start-date">04/12/2021 23:30</span>
<span class="cal-event-end-date">05/12/2021 00:30</span>
<span class="cal-event-location">Celan room</span>
<span class="cal-event-description">
You want to try some rock steps and learn to dance with a partner? Let yourself be guided by the 4-beat rock club which<br>
will teach you the basics, then you can enjoy the rock dance party in the gym in order to put your discoveries into practice!</span>
</div>
<div class="cal-event">
<span class="cal-event-id">15</span>
<span class="cal-event-name">6-beat rock initiation</span>
<span class="cal-event-start-date">05/12/2021 00:30</span>
<span class="cal-event-end-date">05/12/2021 01:15</span>
<span class="cal-event-location">Celan room</span>
<span class="cal-event-description">
You want to try some rock steps on shifted tempos, to dance on swing or boogie ? Enjoy the<br>
initiation offered by the 6 count/beat rock club to learn a few passes, then head to the rock<br>
dance party at the gym in order to put your discoveries into practice!</span>
</div>
<! SALLE CAVAILLÈS>
<div class="cal-event">
<span class="cal-event-id">33</span>
<span class="cal-event-name">Latin dances initiation</span>
<span class="cal-event-start-date">05/12/2021 00:30</span>
<span class="cal-event-end-date">05/12/2021 01:30</span>
<span class="cal-event-location">Cavaillès room</span>
<span class="cal-event-description">
Three dance clubs of the ENS, DecadENS, Tango and HispaniENSes join forces to teach you the steps of<br>
few couple dances with a sweet South American accent... The initiation will be followed by a dance<br>
party around Latin dances where you can confirm what you have learned!</span>
</div>
<div class="cal-event">
<span class="cal-event-id">33</span>
<span class="cal-event-name">Latin dances party</span>
<span class="cal-event-start-date">05/12/2021 01:30</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Cavaillès room</span>
<span class="cal-event-description">
Three dance clubs of the ENS, DécadENS, Tango and HispaniENSes join forces to make you live a<br>
frenzied evening : What is planned... Latin dances! Whether you've got natural rhythm or you have<br>
just learned your first steps, come and shake and vibrate to the bewitching rhythms of chacha, rumba, salsa and tango!</span>
</div>
<! AMPHI GALOIS>
<div class="cal-event">
<span class="cal-event-id">18</span>
<span class="cal-event-name">Karaoke</span>
<span class="cal-event-start-date">05/12/2021 02:00</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Galois auditorium</span>
<span class="cal-event-description">
Gather what's left of your voices and end the evening in style by going<br>
to the traditional karaoke of the Night! Colourful playlist guaranteed:<br>
French songs, international variety, pop, there's something for everyone!</span>
</div>
<! MONUMENT AUX MORTS>
<div class="cal-event">
<span class="cal-event-id">34</span>
<span class="cal-event-name">Photobooth</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">War memorial</span>
<span class="cal-event-description">
What would the ENS Night be without its inevitable photobooth? Dressed in your most beautiful jackets,<br>
dresses, bow ties, hats, accessories, or unicorn costumes for the most exotic, come and immortalize this unforgettable<br>
evening with a beaming and charming smile! No limit of people per photo, as long as you fit in the frame!</span>
</div>
<! PETIT PÔT>
<div class="cal-event">
<span class="cal-event-id">24</span>
<span class="cal-event-name">Photo & lego exhibitions</span>
<span class="cal-event-start-date">04/12/2021 20:00</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Petit Pôt</span>
<span class="cal-event-description">
From the forbidden realms of dreams, we head towards the inky sky of nocturnal Tunisia by the shortest<br>
way: a round trip in the stars. Mixing photographs and mosaic Legos, this place revolves around the fusion<br>
of several exhibitions, with multiple themes but which join and intertwine in more than one way.</span>
</div>
<! SALLE WEIL>
<div class="cal-event">
<span class="cal-event-id">31</span>
<span class="cal-event-name">Relaxation room</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Weil room</span>
<span class="cal-event-description">
You need a break before going dancing again? You want to catch up with a friend or simply to rest? This room<br>
will be set up for those who need a little island of calm in the heart of the Gala's bustling activity.<br><br>
WARNING : in case of serious problems and/or if assistance is needed, you must go<br>
to the Red Cross stand which is in another room!</span>
</div>
<!-- div class="cal-event">
<span class="cal-event-id">23</span>
<span class="cal-event-name">Exposition de peinture</span>
<span class="cal-event-start-date">04/12/2021 20:00</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Salle Weil</span>
<span class="cal-event-description">
À mi-chemin entre Manet et les impressionnistes, venez admirer une peinture figurative qui cherche à impliquer le spectateur<br>
ou la spectatrice au-delà du simple regard passif : le tableau les appelle à se fondre dans l'action en place et à superposer au<br>
tableau leur propre perspective. Un thème central aux multiples facettes donne une architecture à l'ensemble : « vie nocturne ».</span>
</div -->
<! SALLE ARON : stand croix rouge>
<div class="cal-event">
<span class="cal-event-id">47</span>
<span class="cal-event-name">Red Cross stand</span>
<span class="cal-event-start-date">04/12/2021 20:00</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Aron room</span>
<span class="cal-event-description">
First-aiders from the Red Cross will be permanently available in this room in case there is a problem requiring intervention.</span>
</div>
<! ANCIENS EVENEMENTS>
<!-- <div class="cal-event">
<span class="cal-event-id">16</span>
<span class="cal-event-name">Rise Up</span>
<span class="cal-event-start-date">30/11/2019 23:00</span>
<span class="cal-event-end-date">30/11/2019 23:30</span>
<span class="cal-event-location">SEA</span>
<span class="cal-event-description">Un an après Les Secrets de Lapiuta, la comédie musicale inter-écoles<br>
et universités parisiennes revient avec un nouveau spectacle, dont<br>
elle vous présente un extrait durant le Gala.<br>
Facebook : <a href="https://www.facebook.com/LeRiseUp/"><font color="#8888ff">Rise Up - Comédie musicale</font></a><br>
Site : <a href="http://riseup-asso.fr"><font color="#8888ff">riseup-asso</font></a></span>
</div> -->
<!-- <div class="cal-event">
<span class="cal-event-id">7</span>
<span class="cal-event-name">Tango</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">05/12/2021 01:00</span>
<span class="cal-event-location">Salle Cavaillès</span>
<span class="cal-event-description">Loin des stéréotypes et idées préconçus, le tango est avant tout une<br>
rencontre, un échange entre deux danseurs qui commence par la redécouverte<br>
d’un geste quotidien : la marche. Une marche cadencée, aux variations<br>
subtiles, magnifiée par une connexion imperceptible.<br>
Amateur·trice·s ou confirmé·e·s, venez danser librement en salle Cavaillès.</span>
</div> -->
<!-- <div class="cal-event">
<span class="cal-event-id">3</span>
<span class="cal-event-name">Initiation Valse</span>
<span class="cal-event-start-date">05/12/2021 00:15</span>
<span class="cal-event-end-date">05/12/2021 00:45</span>
<span class="cal-event-location">Salle des Actes</span>
<span class="cal-event-description">Les valses viennoises vous fascinent et vous rêvez de virevolter avec grâce ?<br>
Venez à l’initiation ! Le club de valse vous apprendra !</span>
</div> -->
<!-- <div class="cal-event">
<span class="cal-event-id">5</span>
<span class="cal-event-name">Initiation Salsa</span>
<span class="cal-event-start-date">05/12/2021 00:15</span>
<span class="cal-event-end-date">05/12/2021 00:45</span>
<span class="cal-event-location">Salle des Résistants</span>
<span class="cal-event-description">Vous avez toujours rêvé de danser la salsa mais vous ne savez pas comment faire ?<br>
Venez à l’initiation ! Le club de salsa vous apprendra !</span>
</div> -->
<!-- <div class="cal-event">
<span class="cal-event-id">6</span>
<span class="cal-event-name">Salsa</span>
<span class="cal-event-start-date">05/12/2021 00:45</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Salle des Résistants</span>
<span class="cal-event-description">Pour une touche de soleil au cœur de la grisaille parisienne, rien de tel qu’une<br>
salsa bien rythmée ! Dans la joie et la bonne humeur, c’est l’occasion de pratiquer<br>
un déhanché qui, à n’en pas douter, mettra le feu à la piste de danse !<br>
Amateur·trice·s ou confirmé·e·s, venez danser librement en salle des Résistants.</span>
</div> -->
<!-- <div class="cal-event">
<span class="cal-event-id">8</span>
<span class="cal-event-name">Initiation Tango</span>
<span class="cal-event-start-date">05/12/2021 01:00</span>
<span class="cal-event-end-date">05/12/2021 01:30</span>
<span class="cal-event-location">Salle Cavaillès</span>
<span class="cal-event-description">Vous voulez vous essayer au tango mais vous n’en avez jamais fait ?<br>
Venez à l’initiation ! Le club de tango vous apprendra !</span>
</div> -->
<!-- <div class="cal-event">
<span class="cal-event-id">9</span>
<span class="cal-event-name">Tango</span>
<span class="cal-event-start-date">05/12/2021 01:30</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Salle Cavaillès</span>
<span class="cal-event-description">Loin des stéréotypes et idées préconçus, le tango est avant tout une<br>
rencontre, un échange entre deux danseurs qui commence par la redécouverte<br>
d’un geste quotidien : la marche. Une marche cadencée, aux variations<br>
subtiles, magnifiée par une connexion imperceptible.<br>
Amateur·trice·s ou confirmé·e·s, venez danser librement en salle Cavaillès.</span>
</div> -->
</div>
</div>
</section>
<section>
<h2>Practical information</h2>
<div>
<p><strong><i>Bars:</i></strong> WARNING: it will only be possible to pay by cash at the bars, so withdraw cash if you need it before entering the Gala.</p>
<p><strong><i>Entry and exit:</i></strong> It will not be possible to enter the Gala after 2AM. Be careful : if you exit the Gala, you will not be allowed to enter again.</p>
<p><strong><i>Checkroom:</i></strong> A free checkroom will be available at the Pôt all night long and plaids will be at disposal.</p>
<p><strong><i>Catering:</i></strong> The buffet requires prior registration, with a limited number of seats. A foodtruck will also be present all evening in the libraries' courtyard to sell food. Bringing your own food is not allowed.</p>
<p><strong><i>Drinks:</i></strong> In the barnum and in the basement of the libraries' building, bars will be selling champagne, wine and fruit juice all night long. Beer and cider will also be available in K-Fêt. It is forbidden to bring your own drinks, whether they contain alcohol or not.</p>
<p><strong><i>Souvenir photos:</i></strong> A photo booth will be present in the war memorial throughout the evening.</p>
<p><strong><i>Dresscode:</i></strong> Regarding the tricky issue of clothing, our motto is "be comfortable!" Gala attire is entirely appropriate for the situation: the majority of participants will be wearing suits or evening gowns, and raving about everyone's gorgeous outfits is part of the wonder of the Gala. So this is your chance to get out your best clothes, but the most important thing is to come as you feel like: in evening clothes, in everyday clothes or even disguised. In a word, feel comfortable in your outfit!</p>
</div>
</section>
<section>
<h2>How to come?</h2>
<div>
<p id="mailing-address">
<img src="img/icons/location.svg" alt="Location">
45 rue d'Ulm 75005 Paris
</p>
<iframe id="interactive-map" width="750" height="400" src="https://www.openstreetmap.org/export/embed.html?bbox=2.334809303283692%2C48.8368567401711%2C2.3548936843872075%2C48.84636099015179&amp;layer=hot&amp;marker=48.841602029496684%2C2.344851493835449"></iframe>
</div>
<div id="public-transport-info">
<div id="transport-metro-icon">
<img src="img/icons/ratp/metro-7.svg" alt="Metro line 7">
</div>
<span id="transport-metro-stop">Place Monge</span>
<div id="transport-rer-icon">
<img src="img/icons/ratp/rer-B.svg" alt="RER B">
</div>
<span id="transport-rer-stop">Luxembourg</span>
<div id="transport-bus-1-icon">
<img src="img/icons/ratp/bus-24.svg" alt="Bus line 24">
</div>
<span id="transport-bus-1-stop">École Normale Supérieure</span>
<div id="transport-bus-2-icon">
<img src="img/icons/ratp/bus-21.svg" alt="Bus line 21">
<img src="img/icons/ratp/bus-27.svg" alt="Bus line 27">
</div>
<span id="transport-bus-2-stop">Feuillantines</span>
<div id="transport-noctilien-icon">
<img src="img/icons/ratp/noctilien-14.svg" alt="Night bus line 14">
<img src="img/icons/ratp/noctilien-21.svg" alt="Night bus line 21">
<img src="img/icons/ratp/noctilien-122.svg" alt="Night bus line 122">
</div>
<span id="transport-noctilien-stop">Auguste Comte</span>
</div>
</section>
<section>
<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>
<section>
<h2>Special thanks to</h2>
<div>
<div id="sponsors">
<a href="https://www.cof.ens.fr">
<img class="sponsor-disc" src="img/sponsors/cof.png" alt="COF">
</a>
<a href="https://www.archicubes.ens.fr">
<img class="sponsor-disc" src="img/sponsors/a-ulm.png" alt="A-Ulm">
</a>
<a href="https://www.ens.fr/">
<img class="sponsor-disc" src="img/sponsors/ens.png" alt="ENS">
</a>
<a href="https://www.facebook.com/clubPLS/">
<img src="img/sponsors/pls2.png" alt="PLS">
</a>
<br>
<a href="https://www.societegenerale.fr">
<img src="img/sponsors/soge2.svg" alt="Société Générale">
</a>
<a href="https://www.gmf.fr">
<img src="img/sponsors/GMF.svg" alt="Garantie Mutuelle des Fonctionnaires">
</a>
</div>
</div>
</section>
</body>
<!-- Note: tipso plugin requires the full jQuery library, the slim one is not sufficient -->
<!-- <script type="text/javascript" src="js/jquery-3.3.1.slim.min.js"></script> -->
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/stars.js"></script>
<script type="text/javascript" src="js/tipso.min.js"></script>
<script type="text/javascript" src="js/calendar.js"></script>
<script type="text/javascript">
$(window).ready(() => {
// Starry background init (used in 2019 but not in 2021 because there was no starry background behind the header)
// const canvas = document.getElementById("main-header-stars");
// const sky = new StarrySky(canvas);
// Calendar init
let cal = new Calendar({
startDate: new Date(2021, 11, 04, 19.5),
endDate: new Date(2021, 11, 05, 5),
groupEventsByLocation: true
});
});
</script>
</html>

833
www/OLD_index.html Normal file
View file

@ -0,0 +1,833 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,">
<meta name="description" content="La Nuit &mdash; Gala de l'ENS">
<meta name="keywords" content="ENS Gala Nuit 2021 Ulm Ecole Normale Supérieure">
<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/tipso.css">
<link rel="stylesheet" href="css/calendar.css">
</head>
<body>
<header id="main-header">
<!img id="main-header-leaves" src="../newheader.jpg" alt="Par une Nuit d'hiver brille une étoile">
<!img id="main-header-title" src="img/header/title.jpg" alt="À la faveur de la Nuit">
<!img id="main-header-subtitle" src="img/header/subtitle.png" alt="Gala de l'ENS">
<!img id="main-header-hands" src="img/header/hands.png" alt="Deux mains serrées">
<!canvas id="main-header-stars"><!/canvas>
</header>
<section>
<div>
<a href="OLD_english_index.html" target="_blank">
<div class="button">
<img src="img/icons/english_flag.svg" class="fix-alignement" alt="English version">
English version
</div>
</a>
</div>
</section>
<section>
<h2>Présentation</h2>
<div>
<p>Le <strong>samedi 4 décembre 2021</strong>, une lumière étincelante illuminera la longue nuit d'hiver parisienne : le temps d'un rêve, venez découvrir les merveilles que renferme l’École Normale Supérieure à l'occasion de son traditionnel <strong>Gala nocturne</strong> ! La soirée se déroulera dans le bâtiment historique du <strong>45 rue d'Ulm</strong>, paré de ses plus somptueux atours.</p>
<p> Le tapis rouge sera déroulé pour toutes et tous, et il ne sera pas simple de choisir parmi le florilège d'<strong>activités</strong>, de <strong>manifestations artistiques</strong> et de <strong>rencontres</strong> auxquelles prendre part !</p>
<p> De 7 à 77 ans, les clubs de danse de l'ENS proposeront des <strong>initiations</strong> à la valse, au rock ou à d'autres danses de salon. De nombreux concerts, spectacles et expositions ponctueront cette soirée extraordinaire, de l'étourdissant <strong>spectacle de danse</strong> au <strong>concert professionnel de jazz</strong>, en passant par le <strong>set de mixage DJ</strong> et l'imprédictible <strong>cabaret d'improvisation</strong>.</p>
<p>La Nuit de l'ENS renferme probablement plus de facettes qu'il n'y a d'étoiles pour l'éclairer, et vous réserve d'innombrables surprises pour les cinq sens qui transcenderont cet interminable hiver : <strong>grand buffet</strong>, <strong>chant</strong>, <strong>fanfare</strong>, <strong>expositions</strong>, <strong>dégustations</strong>, <strong>illuminations laser</strong>,... joyeuses festivités !</p>
<a href="https://www.instagram.com/la_nuit_ulm/" target="_blank">
<div class="button">
<img src="img/icons/instagram.svg" alt="Instagram">
<span>Page Instagram</span>
</div>
</a>
<a href="https://www.facebook.com/LaNuitGalaENS/" target="_blank">
<div class="button">
<img src="img/icons/facebook.svg" alt="Page Facebook">
<span>Page Facebook</span>
</div>
</a>
<a href="https://www.linkedin.com/feed/update/urn:li:activity:6852313253603745792/?updateEntityUrn=urn%3Ali%3Afs_feedUpdate%3A%28V2%2Curn%3Ali%3Aactivity%3A6852313253603745792%29" target="_blank">
<div class="button">
<img src="img/icons/linkedin.svg" alt="LinkedIn">
<span>Page LinkedIn</span>
</div>
</a>
<br>
<p class="stand-out">N'hésitez pas à jeter un &oelig;il au <strong>planning</strong> complet plus bas !</p>
</div>
</section>
<section>
<h2>Tarifs et billetterie</h2>
<div>
<p>Les préventes sont ouvertes dès le <strong>lundi 8 novembre</strong> au <strong>45 rue d'Ulm</strong>, en <strong>Aqua de 12h à 14h</strong> et au <strong>Burô du COF</strong>.
Une <strong>billetterie en ligne</strong> ouvrira également à cette date, accessible en cliquant ci-dessous :</p>
<table class="prices">
<thead>
<tr>
<th></th>
<th>COF</th>
<th>Étudiant&middot;e</th>
<th>Autre</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Soirée</strong> (prévente)</td>
<td>18€</td>
<td>22€</td>
<td>29€</td>
</tr>
<tr>
<td><strong>Soirée</strong> (sur place)</td>
<td>24€</td>
<td>28€</td>
<td>35€</td>
</tr>
<tr>
<td><strong>Avec buffet</strong></td>
<td>+10€</td>
<td>+14€</td>
<td>+19€</td>
</tr>
</tbody>
</table>
<!-- COMMENTAIRE AVANT QUE LES PLACES BUFFET SOIENT ECOULEES
<p class="stand-out">Le buffet, en partie végé, est élaboré par le club bouffe et par une école de pâtisserie.<br>Attention, les places "buffet" sont limitées : <strong>réservez rapidement !</strong></p>
-->
<!-- COMMENTAIRE APRES QUE LES PLACES BUFFET SOIENT ECOULEES -->
<p class="stand-out">Le tarif étudiant est à prendre au sens large : il concerne aussi les étudiant&middot;e&middot;s en dehors de l'ENS !</p>
<!-- COMMENTAIRE AU MOMENT D'UN PROBLEME DE BILLETTERIE
<p class="stand-out">ATTENTION : la billetterie rencontre actuellement un problème, ce qui peut expliquer pourquoi votre paiement final est refusé. Nous travaillons à la rétablir au plus vite !</p> -->
<!--a href=" https://www.helloasso.com/associations/aeens/evenements/la-nuit-edition-2019" target="_blank" -->
<!-- LIEN DE LA BILLETTERIE HELLOASSO QUAND TOUTES LES PLACES N'AVAIENT PAS ENCORE ETE VENDUES-->
<!--a href="https://www.helloasso.com/associations/aeens/evenements/la-nuit-de-la-rue-d-ulm-2021" target="_blank">
<div class="button">
<img src="img/icons/ticket.svg" class="fix-alignement" alt="Ticket">
Billetterie en ligne
</div>
</a-->
<!-- LIEN VERS LE FICHIER INDIQUANT QUE TOUTES LES PLACES ONT ETE VENDUES-->
<a href="billetterie_complete.html" target="_blank">
<div class="button">
<img src="img/icons/ticket.svg" class="fix-alignement" alt="Ticket">
Billetterie en ligne
</div>
</a>
</div>
</section>
<section>
<h2>Programme de la soirée</h2>
<p>Le buffet commencera à <strong>20h00</strong> et la soirée à <strong>21h30</strong>. Cliquez sur un événement pour en voir la description !</p>
<div id="calendar">
<div id="cal-container">
<! PÔT>
<div class="cal-event">
<span class="cal-event-id">20</span>
<span class="cal-event-name">Buffet</span>
<span class="cal-event-start-date">04/12/2021 20:00</span>
<span class="cal-event-end-date">04/12/2021 21:45</span>
<span class="cal-event-location">Pôt</span>
<span class="cal-event-description">
Un buffet incluant deux boissons dont une coupe de Champagne sera servi avant la soirée : petits fours et feuil-<br>
-letés préparés par des normalien&middot;ne&middot;s pour la partie salée, suivis de mignardises et délices sucrés préparés par<br>
une école de pâtisserie ! C’est aussi l’occasion de se retrouver entre ami&middot;e&middot;s dans un cadre festif... et gustatif.<br><br>
RÉSERVATION RECOMMANDÉE - PLACES LIMITÉES</span>
</div>
<! COUR DU NIR>
<div class="cal-event">
<span class="cal-event-id">35</span>
<span class="cal-event-name">Foodtruck</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">05/12/2021 02:00</span>
<span class="cal-event-location">Cour des bibliothèques</span>
<span class="cal-event-description">
Un petit creux au milieu de la soirée ? Le copieux buffet ne vous a pas suffi ? Avis aux estomacs de tous appétits, le<br>
foodtruck installé dans la Cour des bibliothèques vous proposera des plats végétariens et non végétariens de qualité.</span>
</div>
<! SALLE RÉSISTANTS>
<div class="cal-event">
<span class="cal-event-id">30</span>
<span class="cal-event-name">Dégustations & Rencontres</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Salle Résistants</span>
<span class="cal-event-description">
Si vous souhaitez profiter de la Nuit pour rencontrer des esprits de tout âge et de tous horizons, tout en savourant<br>
quelques produits du terroir, vous êtes au bon endroit ! Les clubs Fromage et &OElig;nologie de l'école proposeront une<br>
dégustation commune de vin et fromage. Nous espérons qu'étudiant&middot;e&middot;s de l'école et d'ailleurs, personnel admini-<br>
-stratif, ancien&middot;ne&middot;s élèves et autres sauront s'affranchir de la barre des générations et échanger sur tous les sujets !</span>
</div>
<! COURÔ>
<div class="cal-event">
<span class="cal-event-id">1</span>
<span class="cal-event-name">Stand vin chaud & wassail</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Courô</span>
<span class="cal-event-description">
Le froid de la nuit hivernale se fait sentir, et vous avez besoin d'un petit remontant (avec ou sans<br>
alcool) pour vous réchauffer ? Passez faire un tour au stand, où vous seront servis du vin chaud<br>
et du wassail, une ancestrale boisson anglaise à base de jus de pomme et de cannelle.</span>
</div>
<div class="cal-event">
<span class="cal-event-id">55</span>
<span class="cal-event-name">Illuminations Laser : Show à 22h, 23h, 0h, 1h30, 2h30 & 3h30 !</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">05/12/2021 4:00</span>
<span class="cal-event-location">Courô</span>
<span class="cal-event-description">
Illuminations Laser par l'association LaserWave toute la Nuit en Courô, avec un show lumineux<br>
et sonore époustouflant de quelques minutes aux heures indiquées ! Pour d'autres vidéos :<br>
<a href="https://www.youtube.com/user/LaserWaveSupOp"><font color="#8888ff">LaserWave Institut d'optique &mdash; Youtube</font></a><br>
<a href="https://www.laserwave.fr/"><font color="#8888ff">Site internet de LaserWave</font></a><br>
</span>
</div>
<div class="cal-event">
<span class="cal-event-id">0</span>
<span class="cal-event-name">Discours d'ouverture</span>
<span class="cal-event-start-date">04/12/2021 21:45</span>
<span class="cal-event-end-date">04/12/2021 22:00</span>
<span class="cal-event-location">Courô</span>
<span class="cal-event-description">
La soirée sera ouverte par des discours de Rachel Piednoir et Martin Teuscher, membres<br>
de l’équipe organisatrice du Gala, Emma Osswald, présidente de l’Association des Élèves<br>
(COF), Marc Mézard, directeur de l’ENS, et Nicolas Obtel, représentant de l’a-Ulm.</span>
</div>
<div class="cal-event">
<span class="cal-event-id">3</span>
<span class="cal-event-name">Ch&oelig;urs de l'ENS</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">04/12/2021 22:30</span>
<span class="cal-event-location">Courô</span>
<span class="cal-event-description">
De chants traditionnels aux Beatles, le club de chorale de l'ENS vous présentera un vaste répertoire<br>
de mélodies, chantées a capella par des voix cristallines pour ouvrir la soirée dans l'harmonie.</span>
</div>
<div class="cal-event">
<span class="cal-event-id">2</span>
<span class="cal-event-name">Fanfare</span>
<span class="cal-event-start-date">04/12/2021 23:00</span>
<span class="cal-event-end-date">04/12/2021 23:45</span>
<span class="cal-event-location">Courô</span>
<span class="cal-event-description">
<strong>« C’est la fanfare ! »</strong> L’Ernestophone, l’inimitable fanfare de l’École, animera la première partie<br>
de soirée avec ses morceaux endiablés : l'idéal pour réchauffer l'atmosphère et se mettre<br>
à danser au rythme des cuivres ! Envie d'en savoir plus sur leur musique ? Quelques liens :<br>
<a href="https://www.facebook.com/ernestophone/"><font color="#8888ff">Page Facebook de l'Ernestophone</font></a><br>
<a href="https://ernestophone.ens.fr"><font color="#8888ff">Site internet de l'Ernestophone</font></a></span>
</div>
<div class="cal-event">
<span class="cal-event-id">1</span>
<span class="cal-event-name">BandarrêtdurgENS</span>
<span class="cal-event-start-date">05/12/2021 00:45</span>
<span class="cal-event-end-date">05/12/2021 01:30</span>
<span class="cal-event-location">Courô</span>
<span class="cal-event-description">
La BandarrêtdurgENS ou banda, c’est un morceau du Sud-Ouest à Paris, une occasion d'apprécier les<br>
charmes de ses musiques si particulières, un concentré de joviale convivialité. Du pasodoble espa-<br>
-gnol à « la moto », venez découvrir un très large répertoire qui met le feu dans les fêtes de village !<br>
<a href="https://www.facebook.com/bandarretdurgence/"><font color="#8888ff">Page Facebook de la Bandarrêtdurgence</font></a></span>
</div>
<! SALLE DUSSANE>
<div class="cal-event">
<span class="cal-event-id">19</span>
<span class="cal-event-name">N'improte Quoi</span>
<span class="cal-event-start-date">05/12/2021 00:00</span>
<span class="cal-event-end-date">05/12/2021 00:45</span>
<span class="cal-event-location">Salle Dussane</span>
<span class="cal-event-description">
La brillantissime troupe d’improvisation étudiante de l’ENS Ulm revient pour son traditionnel cabaret.<br>
Au menu : de l’impro, des bêtises, de la bonne humeur, mais surtout du rire à en perdre la mâchoire !<br>
La troupe vous a tant subjugué&middot;e que vous voulez les retrouver ? Voici quelques liens utiles :<br>
<a href="https://www.facebook.com/nimprotequoi/"><font color="#8888ff">Page Facebook des N’improtequoi</font></a><br>
<a href="http://www.nimprotequoi.com"><font color="#8888ff">Site internet des N'improtequoi</font></a></span>
</div>
<! SEA>
<div class="cal-event">
<span class="cal-event-id">35</span>
<span class="cal-event-name">Concert de jazz Oléojazz</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">05/12/2021 00:00</span>
<span class="cal-event-location">Salle d'Expression Artistique</span>
<span class="cal-event-description">
Un quintet de musiciens professionnels qui vient enchanter nos oreilles d'un jazz coloré aux accents de blues, be-bop, swing,<br>
ballades et bossa nova ? On dit oui ! Mélodies à la guitare et au chant, improvisations déjantées du saxophone et de la batterie,<br>
le tout orchestré par la puissante contrebasse, tous les ingrédients sont réunis pour un extraordinaire moment musical !<br>
<a href="https://sites.google.com/view/oleojazz"><font color="#8888ff">Site internet de l'Oléo Jazz</font></a></span>
</div>
<div class="cal-event">
<span class="cal-event-id">42</span>
<span class="cal-event-name">Rap - Studio Nina Simone</span>
<span class="cal-event-start-date">05/12/2021 00:15</span>
<span class="cal-event-end-date">05/12/2021 01:15</span>
<span class="cal-event-location">Salle d'Expression Artistique</span>
<span class="cal-event-description">
Le studio Nina Simone, c'est une initiative pour apporter un accompagnement musical de qualité à des jeunes<br>
de Seine-Saint-Denis et voir émerger les nouveaux talents de la musique urbaine ! Ces jeunes reviennent à<br>
l'ENS pour la seconde fois cette année, pour nous faire vibrer sur leur rap instinctif avec des textes saisissants.<br>
<a href="https://www.thestudioninasimone.com/"><font color="#8888ff">Site internet du studio Nina Simone</font></a></span>
</div>
<div class="cal-event">
<span class="cal-event-id">21</span>
<span class="cal-event-name">DJ Set Marc Ryan</span>
<span class="cal-event-start-date">05/12/2021 01:30</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Salle d'Expression Artistique</span>
<span class="cal-event-description">
Marc Ryan, DJ de renommée internationale dont la carrière l'a amené à mixer pour Martin Solweig ou Rihanna,<br>
nous réserve une véritable déflagration, avec un set extrêmement riche à base de pop, rock, funk, et disco. Venez<br>
vivre une fantastique émotion musicale, illuminé&middot;e&middot;s par un festival de lumières à la hauteur de l'événement !<br>
<a href="https://soundcloud.com/marc-ryanbeneteau"><font color="#8888ff">Sound Cloud de Marc Ryan</font></a></span>
</div>
<! K-FÊT>
<div class="cal-event">
<span class="cal-event-id">22</span>
<span class="cal-event-name">Boum</span>
<span class="cal-event-start-date">04/12/2021 23:00</span>
<span class="cal-event-end-date">05/12/2021 01:30</span>
<span class="cal-event-location">K-Fêt</span>
<span class="cal-event-description">
Le Boum, le club des DJ de l’ENS animera le début de la soirée en K-Fêt. Rassemblant les amateur·trice·s<br>
de musiques électroniques, il vous fera danser sur une playlist éclectique et harmonieusement mixée !<br>
<a href="https://www.facebook.com/Le-Boum-398081523720076/"><font color="#8888ff">Page Facebook du Boum</font></a></span>
</div>
<! SALLE DES ACTES>
<div class="cal-event">
<span class="cal-event-id">83</span>
<span class="cal-event-name">Valse</span>
<span class="cal-event-start-date">04/12/2021 23:30</span>
<span class="cal-event-end-date">05/12/2021 00:30</span>
<span class="cal-event-location">Salle des Actes</span>
<span class="cal-event-description">
La valse, alliant savamment grâce et élégance... Un couple qui valse, c’est une toupie qui tourne et tournoie harmo-<br>
-nieusement jusqu’à survoler le parquet de danse. Vous travailliez le matin-même ? J'en suis fort aise. Eh bien,<br>
valsez maintenant ! Amateur&middot;trice&middot;s ou confirmé&middot;e&middot;s, venez virevolter dans la superbe salle des Actes de l’École !</span>
</div>
<div class="cal-event">
<span class="cal-event-id">78</span>
<span class="cal-event-name">Initiation Valse</span>
<span class="cal-event-start-date">05/12/2021 00:30</span>
<span class="cal-event-end-date">05/12/2021 01:00</span>
<span class="cal-event-location">Salle des Actes</span>
<span class="cal-event-description">
Voir virevolter valseurs et valseuses au spectacle vous a fait chavirer, et vous voulez vous aventurer<br>
en Terre de Valse ? Le club éponyme de l'ENS vous enseignera les premiers pas, puis vous pourrez à<br>
loisir tournoyer avec un&middot;e partenaire tout au long de la soirée dansante qui suivra l'initiation !</span>
</div>
<div class="cal-event">
<span class="cal-event-id">4</span>
<span class="cal-event-name">Valse</span>
<span class="cal-event-start-date">05/12/2021 01:00</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Salle des Actes</span>
<span class="cal-event-description">
La valse, alliant savamment grâce et élégance... Un couple qui valse, c’est une toupie qui tourne et tournoie harmo-<br>
-nieusement jusqu’à survoler le parquet de danse. Vous travailliez le matin-même ? J'en suis fort aise. Eh bien,<br>
valsez maintenant ! Amateur&middot;trice&middot;s ou confirmé&middot;e&middot;s, venez virevolter dans la superbe salle des Actes de l’École !</span>
</div>
<! GYMNASE>
<div class="cal-event">
<span class="cal-event-id">10</span>
<span class="cal-event-name">Spectacle de danse (1)</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">04/12/2021 23:00</span>
<span class="cal-event-location">Gymnase</span>
<span class="cal-event-description">
Pour tous les goûts, dans tous les styles, de la musique et des paillettes,… Les clubs de danse de l’ENS vous interprèteront<br>
leurs plus belles chorégraphies dans un spectacle haut en couleurs à vous couper le souffle. Pupilles émerveillées garanties !<br>
Programme de la première partie : Pole DENS, Solo de pole, Danses africaines, Rock 4 temps, Atelier chorégraphique, Valse.</span>
</div>
<div class="cal-event">
<span class="cal-event-id">11</span>
<span class="cal-event-name">Entracte</span>
<span class="cal-event-start-date">04/12/2021 23:00</span>
<span class="cal-event-end-date">04/12/2021 23:30</span>
<span class="cal-event-location">Gymnase</span>
<span class="cal-event-description">
Une pause de 30 minutes séparera les deux parties. Il sera possible d’entrer pour assis-<br>
-ter au spectacle et de sortir pour profiter des autres événements. Nous vous invitons<br>
d'ailleurs à choisir une des deux moitiés, pour ne pas dépeupler les autres activités !</span>
</div>
<div class="cal-event">
<span class="cal-event-id">12</span>
<span class="cal-event-name">Spectacle de danse (2)</span>
<span class="cal-event-start-date">04/12/2021 23:30</span>
<span class="cal-event-end-date">05/12/2021 00:30</span>
<span class="cal-event-location">Gymnase</span>
<span class="cal-event-description">
Pour tous les goûts, dans tous les styles, de la musique et des paillettes,… Les clubs de danse de l’ENS vous interprèteront<br>
leurs plus belles chorégraphies dans un spectacle haut en couleurs à vous couper le souffle. Pupilles émerveillées garanties !<br>
Programme de la seconde partie : Choré-choré, DécadENS, Acro-yoga, Tango, Rock 6 temps, Pompom.</span>
</div>
<div class="cal-event">
<span class="cal-event-id">13</span>
<span class="cal-event-name">Soirée dansante Rock</span>
<span class="cal-event-start-date">05/12/2021 01:15</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Gymnase</span>
<span class="cal-event-description">
Les deux clubs de Rock de l’ENS s’allient au gymnase ! Que vous préfériez le rock à 4 temps, danse jeune et rythmée,<br>
influencée par les évolutions musicales contemporaines comme la pop, ou à 6 temps, resté proche de ses racines<br>
swing ou boogie, que vous soyez expert&middot;e acrobate ou danseur&middot;se occasionnel&middot;le, n’hésitez plus et entrez sur la piste !</span>
</div>
<! SALLE CELAN>
<!-- div class="cal-event">
<span class="cal-event-id">32</span>
<span class="cal-event-name">Prestidigitation (1)</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">04/12/2021 22:30</span>
<span class="cal-event-location">Salle Celan</span>
<span class="cal-event-description">
Gare aux illusions et aux mirages ! Un élève de l'ENS, pratiquant la prestidigitation depuis<br>
quinze ans, nous dévoilera un fantastique spectacle de magie et de cartes : présentation<br>
fluide et décontractée, bien loin du cliché du magicien au chapeau et au lapin !</span>
</div -->
<!-- div class="cal-event">
<span class="cal-event-id">37</span>
<span class="cal-event-name">Prestidigitation (2)</span>
<span class="cal-event-start-date">04/12/2021 23:00</span>
<span class="cal-event-end-date">04/12/2021 23:30</span>
<span class="cal-event-location">Salle Celan</span>
<span class="cal-event-description">
Gare aux illusions et aux mirages ! Un élève de l'ENS, pratiquant la prestidigitation depuis<br>
quinze ans, nous dévoilera un fantastique spectacle de magie et de cartes : présentation<br>
fluide et décontractée, bien loin du cliché du magicien au chapeau et au lapin !</span>
</div -->
<div class="cal-event">
<span class="cal-event-id">14</span>
<span class="cal-event-name">Initiation Rock 4 temps</span>
<span class="cal-event-start-date">04/12/2021 23:30</span>
<span class="cal-event-end-date">05/12/2021 00:30</span>
<span class="cal-event-location">Salle Celan</span>
<span class="cal-event-description">
Envie d'oser quelques pas de rock, d'apprendre à danser avec un&middot;e partenaire ? Laissez-<br>
vous guider par le club de rock 4 temps qui vous enseignera les bases, puis vous pourrez<br>
profiter de la soirée rock au gymnase pour mettre en pratique vos découvertes !</span>
</div>
<div class="cal-event">
<span class="cal-event-id">15</span>
<span class="cal-event-name">Initiation Rock 6 temps</span>
<span class="cal-event-start-date">05/12/2021 00:30</span>
<span class="cal-event-end-date">05/12/2021 01:15</span>
<span class="cal-event-location">Salle Celan</span>
<span class="cal-event-description">
Envie d'oser quelques pas de rock sur des tempos décalés, de chavirer sur du swing ou du<br>
boogie ? Profitez de l'initiation proposée par le club de rock 6 temps pour apprendre quelques<br>
passes, puis direction la soirée rock au gymnase pour mettre en pratique vos découvertes !</span>
</div>
<! SALLE CAVAILLÈS>
<div class="cal-event">
<span class="cal-event-id">33</span>
<span class="cal-event-name">Initiation danses latines</span>
<span class="cal-event-start-date">05/12/2021 00:30</span>
<span class="cal-event-end-date">05/12/2021 01:30</span>
<span class="cal-event-location">Salle Cavaillès</span>
<span class="cal-event-description">
Trois clubs de danse de l'ENS, DécadENS, Tango et HispaniENSes s'associent pour vous apprendre les<br>
pas de quelques danses de couple aux accents poivrés d'Amérique du Sud... L'initiation sera suivie<br>
d'une soirée dansante autour des danses latines où vous pourrez confirmer ce que vous aurez appris !</span>
</div>
<div class="cal-event">
<span class="cal-event-id">33</span>
<span class="cal-event-name">Soirée danses latines</span>
<span class="cal-event-start-date">05/12/2021 01:30</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Salle Cavaillès</span>
<span class="cal-event-description">
Trois clubs de danse de l'ENS, DécadENS, Tango et HispaniENSes s'associent pour vous faire vivre une soirée<br>
endiablée : au programme, danses latinos ! Que vous ayez le rythme dans la peau ou que vous veniez d'apprendre<br>
vos premiers pas, venez vous trémousser et vibrer aux rythmes ensorcelants de la chacha, rumba, salsa et tango !</span>
</div>
<! AMPHI GALOIS>
<div class="cal-event">
<span class="cal-event-id">18</span>
<span class="cal-event-name">Karaoké</span>
<span class="cal-event-start-date">05/12/2021 02:00</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Amphi Galois</span>
<span class="cal-event-description">
Rassemblez ce qu'il vous reste de voix, et terminez la soirée en beauté en allant vous<br>
époumoner au traditionnel karaoké de la Nuit ! Playlist colorée garantie : de la chanson<br>
française, de la variété internationale, de la pop, il y en a pour tous les goûts !</span>
</div>
<! MONUMENT AUX MORTS>
<div class="cal-event">
<span class="cal-event-id">34</span>
<span class="cal-event-name">Stand photos</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">05/12/2021 03:00</span>
<span class="cal-event-location">Monument aux Morts</span>
<span class="cal-event-description">
Que serait la Nuit de l'ENS sans son incontournable stand photo ? Vêtu&middot;e&middot;s de vos plus sublimes<br>
vestes, robes, n&oelig;uds papillons, chapeaux, accessoires, ou costumes de licorne pour les plus<br>
exotiques, passez immortaliser cette inoubliable soirée avec un rayonnant sourire au charme<br>
séducteur ! Pas de limite de personnes par photo, tant que vous rentrez dans le cadre !</span>
</div>
<! PETIT PÔT>
<div class="cal-event">
<span class="cal-event-id">24</span>
<span class="cal-event-name">Expositions photos & legos</span>
<span class="cal-event-start-date">04/12/2021 20:00</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Petit Pôt</span>
<span class="cal-event-description">
Partant des royaumes interdits du rêve, direction le ciel d'encre de la Tunisie nocturne par le chemin le plus court :<br>
un aller-retour dans les étoiles. Mêlant photographies et mosaïque Legos, cet espace s'organise autour de la<br>
fusion de plusieurs expositions, aux thèmes multiples mais qui se joignent et s'entrelacent de plus d'une façon.</span>
</div>
<! SALLE WEIL>
<div class="cal-event">
<span class="cal-event-id">31</span>
<span class="cal-event-name">Salle de détente</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Salle Weil</span>
<span class="cal-event-description">
Besoin d'une pause avant de repartir danser, rattraper le temps perdu avec un&middot;e ami&middot;e<br>
ou tout simplement de se reposer ? Cette salle sera aménagée pour celles et ceux<br>
ayant besoin d'un petit îlot de calme au c&oelig;ur de l'activité foisonnante du Gala.<br><br>
ATTENTION, en cas de problème sérieux et/ou d'assistance nécessaire, il<br>
faut se rendre au stand de la Croix Rouge se trouvant dans une autre salle !</span>
</div>
<!-- div class="cal-event">
<span class="cal-event-id">23</span>
<span class="cal-event-name">Exposition de peinture</span>
<span class="cal-event-start-date">04/12/2021 20:00</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Salle Weil</span>
<span class="cal-event-description">
À mi-chemin entre Manet et les impressionnistes, venez admirer une peinture figurative qui cherche à impliquer le spectateur<br>
ou la spectatrice au-delà du simple regard passif : le tableau les appelle à se fondre dans l'action en place et à superposer au<br>
tableau leur propre perspective. Un thème central aux multiples facettes donne une architecture à l'ensemble : « vie nocturne ».</span>
</div -->
<! SALLE ARON : stand croix rouge>
<div class="cal-event">
<span class="cal-event-id">47</span>
<span class="cal-event-name">Stand de la Croix Rouge</span>
<span class="cal-event-start-date">04/12/2021 20:00</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Salle Aron</span>
<span class="cal-event-description">
Des secouristes de la croix rouge se tiendront en permanence dans cette salle en cas de problème nécessitant une intervention.</span>
</div>
<! ANCIENS EVENEMENTS>
<!-- <div class="cal-event">
<span class="cal-event-id">16</span>
<span class="cal-event-name">Rise Up</span>
<span class="cal-event-start-date">30/11/2019 23:00</span>
<span class="cal-event-end-date">30/11/2019 23:30</span>
<span class="cal-event-location">SEA</span>
<span class="cal-event-description">Un an après Les Secrets de Lapiuta, la comédie musicale inter-écoles<br>
et universités parisiennes revient avec un nouveau spectacle, dont<br>
elle vous présente un extrait durant le Gala.<br>
Facebook : <a href="https://www.facebook.com/LeRiseUp/"><font color="#8888ff">Rise Up - Comédie musicale</font></a><br>
Site : <a href="http://riseup-asso.fr"><font color="#8888ff">riseup-asso</font></a></span>
</div> -->
<!-- <div class="cal-event">
<span class="cal-event-id">7</span>
<span class="cal-event-name">Tango</span>
<span class="cal-event-start-date">04/12/2021 22:00</span>
<span class="cal-event-end-date">05/12/2021 01:00</span>
<span class="cal-event-location">Salle Cavaillès</span>
<span class="cal-event-description">Loin des stéréotypes et idées préconçus, le tango est avant tout une<br>
rencontre, un échange entre deux danseurs qui commence par la redécouverte<br>
d’un geste quotidien : la marche. Une marche cadencée, aux variations<br>
subtiles, magnifiée par une connexion imperceptible.<br>
Amateur·trice·s ou confirmé·e·s, venez danser librement en salle Cavaillès.</span>
</div> -->
<!-- <div class="cal-event">
<span class="cal-event-id">3</span>
<span class="cal-event-name">Initiation Valse</span>
<span class="cal-event-start-date">05/12/2021 00:15</span>
<span class="cal-event-end-date">05/12/2021 00:45</span>
<span class="cal-event-location">Salle des Actes</span>
<span class="cal-event-description">Les valses viennoises vous fascinent et vous rêvez de virevolter avec grâce ?<br>
Venez à l’initiation ! Le club de valse vous apprendra !</span>
</div> -->
<!-- <div class="cal-event">
<span class="cal-event-id">5</span>
<span class="cal-event-name">Initiation Salsa</span>
<span class="cal-event-start-date">05/12/2021 00:15</span>
<span class="cal-event-end-date">05/12/2021 00:45</span>
<span class="cal-event-location">Salle des Résistants</span>
<span class="cal-event-description">Vous avez toujours rêvé de danser la salsa mais vous ne savez pas comment faire ?<br>
Venez à l’initiation ! Le club de salsa vous apprendra !</span>
</div> -->
<!-- <div class="cal-event">
<span class="cal-event-id">6</span>
<span class="cal-event-name">Salsa</span>
<span class="cal-event-start-date">05/12/2021 00:45</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Salle des Résistants</span>
<span class="cal-event-description">Pour une touche de soleil au cœur de la grisaille parisienne, rien de tel qu’une<br>
salsa bien rythmée ! Dans la joie et la bonne humeur, c’est l’occasion de pratiquer<br>
un déhanché qui, à n’en pas douter, mettra le feu à la piste de danse !<br>
Amateur·trice·s ou confirmé·e·s, venez danser librement en salle des Résistants.</span>
</div> -->
<!-- <div class="cal-event">
<span class="cal-event-id">8</span>
<span class="cal-event-name">Initiation Tango</span>
<span class="cal-event-start-date">05/12/2021 01:00</span>
<span class="cal-event-end-date">05/12/2021 01:30</span>
<span class="cal-event-location">Salle Cavaillès</span>
<span class="cal-event-description">Vous voulez vous essayer au tango mais vous n’en avez jamais fait ?<br>
Venez à l’initiation ! Le club de tango vous apprendra !</span>
</div> -->
<!-- <div class="cal-event">
<span class="cal-event-id">9</span>
<span class="cal-event-name">Tango</span>
<span class="cal-event-start-date">05/12/2021 01:30</span>
<span class="cal-event-end-date">05/12/2021 04:00</span>
<span class="cal-event-location">Salle Cavaillès</span>
<span class="cal-event-description">Loin des stéréotypes et idées préconçus, le tango est avant tout une<br>
rencontre, un échange entre deux danseurs qui commence par la redécouverte<br>
d’un geste quotidien : la marche. Une marche cadencée, aux variations<br>
subtiles, magnifiée par une connexion imperceptible.<br>
Amateur·trice·s ou confirmé·e·s, venez danser librement en salle Cavaillès.</span>
</div> -->
</div>
</div>
</section>
<section>
<h2>Informations pratiques</h2>
<div>
<p><strong><i>Bars :</i></strong> ATTENTION, seul l'argent liquide sera accepté aux bars : pensez à faire des provisions AVANT d'entrer au Gala !</p>
<p><strong><i>Entrée et sortie :</i></strong> Il ne sera plus possible d'entrer au Gala passé 2h du matin. ATTENTION, toute sortie est définitive.</p>
<p><strong><i>Vestiaire :</i></strong> Un <strong>vestiaire gratuit</strong> sera disponible au Pôt toute la Nuit avec des plaids à disposition.</p>
<p><strong><i>Restauration :</i></strong> Le buffet nécessite une inscription au préalable, avec un nombre de places limité. Un foodtruck sera également présent toute la soirée en cour des bibliothèques pour vous restaurer. Il est interdit d'apporter sa propre nourriture.</p>
<p><strong><i>Boissons :</i></strong> Dans le barnum et au sous-sol du bâtiment des bibliothèques, des <strong>bars</strong> vendront du <strong>champagne</strong>, du <strong>vin</strong> et des <strong>jus de fruits</strong> toute la Nuit. <strong>Bière</strong> et <strong>cidre</strong> seront également disponibles en K-Fêt. <strong>Il est interdit d'apporter ses propres boissons, alcoolisées ou non.</strong></p>
<p><strong><i>Photos souvenirs :</i></strong> Un <strong>stand photo</strong> sera présent au monument aux morts pendant toute la soirée.</p>
<p><strong><i>Tenue :</i> En ce qui concerne l'épineuse question de la tenue, notre mot d'ordre est : "soyez à l'aise !" Une tenue de Gala est tout à fait appropriée à la situation : la majorité des participant&middot;e&middot;s sont en costume ou en robe de soirée, et s'extasier devant les splendides tenues de tous et toutes participe au merveilleux du Gala. C'est donc l'occasion de sortir vos plus beaux habits, mais l'important est de venir comme vous le souhaitez : en tenue de soirée, en tenue de tous les jours ou mêmes déguisé&middot;e&middot;s. En un mot, sentez-vous à l'aise dans votre habit !</strong></p>
</div>
</section>
<section>
<h2>Comment venir ?</h2>
<div>
<p id="mailing-address">
<img src="img/icons/location.svg" alt="Emplacement">
45 rue d'Ulm 75005 Paris
</p>
<iframe id="interactive-map" width="750" height="400" src="https://www.openstreetmap.org/export/embed.html?bbox=2.334809303283692%2C48.8368567401711%2C2.3548936843872075%2C48.84636099015179&amp;layer=hot&amp;marker=48.841602029496684%2C2.344851493835449"></iframe>
</div>
<div id="public-transport-info">
<div id="transport-metro-icon">
<img src="img/icons/ratp/metro-7.svg" alt="Métro 7">
</div>
<span id="transport-metro-stop">Place Monge</span>
<div id="transport-rer-icon">
<img src="img/icons/ratp/rer-B.svg" alt="RER B">
</div>
<span id="transport-rer-stop">Luxembourg</span>
<div id="transport-bus-1-icon">
<img src="img/icons/ratp/bus-24.svg" alt="Bus 24">
</div>
<span id="transport-bus-1-stop">École Normale Supérieure</span>
<div id="transport-bus-2-icon">
<img src="img/icons/ratp/bus-21.svg" alt="Bus 21">
<img src="img/icons/ratp/bus-27.svg" alt="Bus 27">
</div>
<span id="transport-bus-2-stop">Feuillantines</span>
<div id="transport-noctilien-icon">
<img src="img/icons/ratp/noctilien-14.svg" alt="Noctilien 14">
<img src="img/icons/ratp/noctilien-21.svg" alt="Noctilien 21">
<img src="img/icons/ratp/noctilien-122.svg" alt="Noctilien 122">
</div>
<span id="transport-noctilien-stop">Auguste Comte</span>
</div>
</section>
<section>
<h2>Nous contacter</h2>
<div>
<p id="contact-email">
<img src="img/icons/email.svg" alt="Email">
<span>responuit[arobase]ens[point]fr</span>
</p>
</div>
</section>
<section>
<h2>Remerciements</h2>
<div>
<div id="sponsors">
<a href="https://www.cof.ens.fr">
<img class="sponsor-disc" src="img/sponsors/cof.png" alt="COF">
</a>
<a href="https://www.archicubes.ens.fr">
<img class="sponsor-disc" src="img/sponsors/a-ulm.png" alt="A-Ulm">
</a>
<a href="https://www.ens.fr/">
<img class="sponsor-disc" src="img/sponsors/ens.png" alt="ENS">
</a>
<a href="https://www.facebook.com/clubPLS/">
<img src="img/sponsors/pls2.png" alt="PLS">
</a>
<br>
<a href="https://www.societegenerale.fr">
<img src="img/sponsors/soge2.svg" alt="Société Générale">
</a>
<a href="https://www.gmf.fr">
<img src="img/sponsors/GMF.svg" alt="Garantie Mutuelle des Fonctionnaires">
</a>
</div>
</div>
</section>
</body>
<!-- Note: tipso plugin requires the full jQuery library, the slim one is not sufficient -->
<!-- <script type="text/javascript" src="js/jquery-3.3.1.slim.min.js"></script> -->
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/stars.js"></script>
<script type="text/javascript" src="js/tipso.min.js"></script>
<script type="text/javascript" src="js/calendar.js"></script>
<script type="text/javascript">
$(window).ready(() => {
// Starry background init (used in 2019 but not in 2021 because there was no starry background behind the header)
// const canvas = document.getElementById("main-header-stars");
// const sky = new StarrySky(canvas);
// Calendar init
let cal = new Calendar({
startDate: new Date(2021, 11, 04, 19.5),
endDate: new Date(2021, 11, 05, 5),
groupEventsByLocation: true
});
});
</script>
</html>

30
www/billetterie.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,">
<meta name="description" content="La Nuit &mdash; Gala de l'ENS">
<meta name="keywords" content="ENS Gala Nuit 2019 Ecole Normale Supérieure">
<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/tipso.css">
<link rel="stylesheet" href="css/calendar.css">
</head>
<body>
<section>
<h2>Billetterie en ligne</h2>
<div>
<p>La billetterie n'est pas encore disponible. Elle ouvrira le lundi 8 novembre 2021.</p>
</div>
<a href="OLD_index.html" target="_blank">
<div class="button">
Retour au site
</div>
</a>
</body>
</html>

30
www/billetterie_complete.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,">
<meta name="description" content="La Nuit &mdash; Gala de l'ENS">
<meta name="keywords" content="ENS Gala Nuit 2019 Ecole Normale Supérieure">
<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/tipso.css">
<link rel="stylesheet" href="css/calendar.css">
</head>
<body>
<section>
<h2>Billetterie en ligne</h2>
<div>
<p>La Nuit 2021 a été victime de son succès, car les 1400 places disponibles ont toutes été vendues. Cette situation n'était jamais arrivée précédemment, et la billetterie a donc dû être arrêtée 20h avant l'heure officielle de fermeture. Nous nous excusons sincèrement pour les personnes qui souhaitaient prendre leur place lors du dernier jour de vente.</p>
</div>
<a href="OLD_index.html" target="_blank">
<div class="button">
Retour au site
</div>
</a>
</body>
</html>

349
www/css/calendar.css Normal file
View file

@ -0,0 +1,349 @@
/* Calendar */
#cal-container {
position: relative;
width: 100%;
/* height: 1200px; */
padding: 0;
font-size: 0.8rem;
line-height: 100%;
}
#cal-container,
#cal-container * {
box-sizing: border-box;
}
/* Time slots */
#cal-container .cal-time-slot-container {
display: grid;
/* grid-template-columns: repeat(24, 1fr); */
grid-template-rows: 30px auto;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% + 30px);
padding: 0;
border-bottom: 2px solid #928c79;
z-index: 10;
}
#cal-container .cal-time-slot {
border-right: 1px solid #928c79;
background-color: rgba(255, 223, 165, 0.08);
}
/* #cal-container .cal-time-slot:hover {
background-color: red;
} */
#cal-container .cal-time-slot:nth-child(even) {
background-color: rgba(255, 223, 165, 0.05);
}
/* #cal-container .cal-time-slot:nth-child(even):hover {
background-color: #D9D9D9;
} */
#cal-container .cal-time-slot:last-child {
border-right: 0;
}
#cal-container .cal-time-slot-hour {
padding: 0 0 0 calc(100% - 0.9rem + 7px);
background-color: none; /* rgba(255, 223, 165, 0.08); */
border-bottom: 2px solid #928c79;
font-size: 0.9rem;
}
#cal-container .cal-time-slot-hour:nth-child(even) {
background-color: none;/* rgba(255, 223, 165, 0.05);*/
}
#cal-container .cal-time-slot-hour:first-child {
color: transparent;
border-right: 0;
}
#cal-container .cal-time-slot-hour.cal-last-hour {
padding: 0;
color: transparent;
}
#cal-container .cal-time-slot.cal-last-hour,
#cal-container .cal-time-slot-hour.cal-last-hour {
border-right: 1px solid #928c79;
}
#cal-container .cal-time-slot.cal-first-hour,
#cal-container .cal-time-slot-hour.cal-first-hour {
border-left: 1px solid #928c79;
}
/* Events */
#cal-container .cal-event-container {
display: grid;
/* grid-template-columns: repeat(24, 1fr); */
/* grid-template-rows: repeat(12, auto); */
position: absolute;
top: 40px;
left: 0;
width: 100%;
/* height: 100%; */
padding: 0;
z-index: 100;
}
#cal-container .cal-event {
position: relative;
height: 42px;
margin: 2px 0;
padding: 5px;
/* background-color: #EFEFEF; */
border-radius: 3px;
/* border: 1px solid #CCC; */
border-width: 1px;
border-style: solid;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
/* z-index: 500; */
transition: 50ms ease-in;
}
#cal-container .cal-event > * {
display: none;
margin: 5px;
overflow: hidden;
}
#cal-container .cal-event > .cal-event-name,
#cal-container .cal-event > .cal-event-location,
#cal-container .cal-event > .cal-event-perm-count {
display: block;
margin: 0;
}
#cal-container .cal-event > .cal-event-name {
font-weight: 700;
}
#cal-container .cal-event > .cal-event-location {
font-weight: 300;
font-style: italic;
}
/*#cal-container .cal-event > .cal-event-location::before {
content: " · ";
}*/
#cal-container .cal-event > .cal-event-perm-count {
position: absolute;
bottom: 0;
right: 0;
}
#cal-container .cal-event:not(.cal-event-subscribed) > .cal-event-perm-count.cal-perms-missing {
width: calc(100% - 10px);
right: auto;
margin: 5px;
padding: 5px;
background-color: #FFF;
border: 2px solid #E44;
color: #E44;
font-weight: bold;
border-radius: 3px;
overflow: hidden;
}
#cal-container .cal-event.cal-event-subscribed {
border-width: 3px;
border-color: #000;
}
#cal-container .cal-event.cal-event-subscribed::after {
content: "✔";
position: absolute;
left: 0;
bottom: 0;
width: 16px;
height: 16px;
padding: 1px;
color: #fff;
background-color: #000;
border-top-right-radius: 3px;
}
/* Event details popup */
#cal-container .cal-event-details {
position: absolute;
min-height: 100px;
/* min-width: 40%; */
max-width: 80%;
padding: 20px;
background-color: #333;
color: #FFF;
border-radius: 4px;
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.6);
z-index: 1000;
}
#cal-container .cal-event-details:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-bottom-color: #333;
border-width: 20px;
margin-left: -20px;
}
#cal-container .cal-event-details.above-event:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-top-color: #333;
border-width: 20px;
margin-left: -20px;
}
#cal-container .cal-event-details * {
z-index: 1000;
}
#cal-container .cal-event-details .cal-detail-close-button {
width: 35px;
height: 35px;
position: absolute;
top: 10px;
right: 10px;
margin: 0;
padding: 5px;
background: transparent;
border: none;
border-radius: 50%;
font-size: 1.2rem;
color: #BBB;
transition: 100ms ease-out;
}
#cal-container .cal-event-details .cal-detail-close-button:hover {
background-color: #484848;
color: #EFEFEF;
}
#cal-container .cal-event-details a,
#cal-container .cal-event-details a:hover {
color: #FFF;
text-decoration: none;
}
#cal-container .cal-event-details .cal-detail-name {
padding: 10px;
border-radius: 4px;
font-size: 1rem;
color: #FFF;
text-transform: uppercase;
text-align: center;
}
#cal-container .cal-event-details .cal-detail-name h3 {
margin: 0 20px 20px 20px;
}
#cal-container .cal-event-details table {
margin: 0 auto;
}
#cal-container .cal-event-details td.cal-detail-label {
padding: 0 10px 10px 0;
font-weight: bold;
text-align: right;
}
#cal-container .cal-event-details td.cal-detail-value {
padding: 0 0 10px 10px;
text-align: left;
}
#cal-container .cal-event-details .cal-detail-perm-area {
margin: 10px 0;
padding: 10px;
background-color: #DFDFDF;
color: #333;
text-align: center;
border-radius: 4px;
}
#cal-container .cal-event-details .cal-detail-perm-title {
margin: 0 0 10px 0;
}
#cal-container .cal-event-details .cal-detail-perm-area .cal-detail-perm-count {
margin: 0 10px 0 0;
font-size: 1.7rem;
vertical-align: middle;
}
#cal-container .cal-event-details .cal-detail-perm-area .cal-detail-perm-count.cal-perms-missing {
color: #E44;
}
#cal-container .cal-event-details .cal-detail-perm-area .cal-detail-perm-count.cal-perms-full {
color: #393;
}
#cal-container .cal-event-details .cal-detail-perm-area .cal-detail-perm-subscription-switch {
margin: 0 0 0 10px;
padding: 10px;
font-size: 1.35rem;
vertical-align: middle;
}
#cal-container .cal-event-details .cal-detail-perm-area .cal-detail-perm-nb-missing-perms {
margin: 20px 0 0 0;
padding: 5px;
background-color: #FFF;
border-radius: 4px;
text-align: center;
font-size: 1.1rem;
color: #E44;
font-weight: bold;
}
#cal-container .cal-event-details .cal-detail-description {
margin: 20px 0 0 0;
color: #DDD;
font-size: 0.9rem;
font-style: italic;
text-align: justify;
line-height: 130%;
}
#cal-container .cal-event-details .cal-detail-tag {
display: inline-block;
margin: 5px;
padding: 5px;
border: 1px solid #DDD;
}

349
www/css/normalize.css vendored Normal file
View file

@ -0,0 +1,349 @@
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}

707
www/css/style.css Normal file
View file

@ -0,0 +1,707 @@
/*--------------------------------------------------------*/
/* 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');
}
/*--------------------------------------------------------*/
/* GENERAL RULES
/*--------------------------------------------------------*/
* {
box-sizing: border-box;
padding: 0;
margin: 0;
}
html, body {
font-family: "Roboto", serif;
font-weight: 300;
line-height: 180%;
color: #ebecf2;
font-size: 18px;
}
body {
background-color: #110e05; /*#1a223e;*/
}
a,
a:hover,
a:active,
a:visited {
color: #ebecf2;
text-decoration: none;
}
/*--------------------------------------------------------*/
@media only screen and (max-width: 480px) {
html, body {
font-size: 16px;
line-height: 160%;
}
}
/*--------------------------------------------------------*/
/* HEADER
/*--------------------------------------------------------*/
#main-header {
margin: 0 auto;
max-width: 100vw;
height: calc(100vw * 2686 / 3893); /*750px;*/
position: relative;
/*background: #1a223e;
background: radial-gradient(closest-side ellipse at center, #283e65 0%, #1a223e 100%)*/
background-image: radial-gradient(closest-side ellipse at 27.8% 65.7%, #e5c791c0 0%, #c89c2fa1 30%, #18171201 80%, #1817120f 100%),
/*Personne dans l'equipe 2021 n'a voulu de mes beaux projecteurs violets, snif :"(*/
/*radial-gradient(farthest-side ellipse at 0% 0%, #7f00ffb0 0%, #7f00ff00 45%),
radial-gradient(farthest-side ellipse at 100% 0%, #7f00ffa0 0%, #7f00ff00 50%),*/
linear-gradient(to bottom, #ffffff00 0%, #ffffff00 90%, #73716500 90%, #110e05ff 100%),
url("../img/header/newheader.jpg");
/*background-image: url("../img/header/newheader.jpg");*/
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center bottom;
}
/*For mobile & tablet devices (this overrides the previous #main-header)*/
@media only screen and (max-width: 800px) {
#main-header {
margin: 0 auto;
max-width: 100vw;
height: calc(100vw * 3434 / 3894);
position: relative;
/*background: #1a223e;
background: radial-gradient(closest-side ellipse at center, #283e65 0%, #1a223e 100%)*/
background-image: linear-gradient(to bottom, #ffffff00 0%, #ffffff00 70%, #73716500 70%, #110e05ff 100%),
url("../img/header/initial-newheader.jpg");
background-repeat: no-repeat;
background-position: center bottom;
display: block;
}
}
/*#main-header-title {
width: 661px;
height: 478px;
object-fit: cover;
position: absolute;
top: 50px;
left: calc(50% - 331px);
z-index: 1000;
}*/
/*#main-header-subtitle {
width: 550px;
height: 77px;
object-fit: cover;
position: absolute;
top: 550px;
left: calc(50% - 275px);
z-index: 800;
}*/
/*#main-header-hands {
width: 381px;
height: 600px;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
z-index: 500;
}*/
/*#main-header-stars {
width: 100%;
height: 100%;
z-index: 0;
}*/
#main-header-leaves {
width: 100%;
height: auto;
z-index: 0;
}
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/* 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;
background: radial-gradient(ellipse at bottom, rgba(255, 223, 165, 0.1) 0%, transparent 70%);
border: none;
border-bottom: 2px solid rgba(255, 223, 165, 0.5);
border-image-source: linear-gradient(to right, transparent 0%, rgba(255, 223, 165, 0.7) 50%, transparent 100%);
border-image-slice: 1;
color: #f2dab6;
font-size: 2.1rem;
font-weight: 300;
text-transform: uppercase;
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: 80%;
margin: 20px auto 0 auto;
padding: 15px 20px;
background-color: rgba(255, 223, 165, 0.1);
border: 2px solid rgba(255, 223, 165, 0.7);
color: #f2dab6;
font-size: 1.4rem;
font-weight: 400;
text-transform: uppercase;
text-align: center;
line-height: 32px;
vertical-align: middle;
}
.button:hover {
background-color: rgba(255, 223, 165, 0.2);
}
.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: 480px) {
.button {
width: 100%;
padding: 10px 15px;
font-size: 1.1rem;
line-height: 24px;
}
.button img {
height: 24px;
width: 24px;
}
}
/*--------------------------------------------------------*/
/* PRICE TABLE
/*--------------------------------------------------------*/
#calendar {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}
/*--------------------------------------------------------*/
@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: #f2dab6;
}
table.prices td {
background-color: rgba(255, 223, 165, 0.05);
border-top: 2px solid rgba(255, 223, 165, 0.5);
border-bottom: 2px solid rgba(255, 223, 165, 0.5);
}
table.prices tr:nth-child(odd) td {
background-color: rgba(255, 223, 165, 0.08);
}
/*--------------------------------------------------------*/
@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;
}
}

109
www/css/tipso.css Normal file
View file

@ -0,0 +1,109 @@
/* Tipso Bubble Styles */
.tipso_bubble, .tipso_bubble > .tipso_arrow{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tipso_bubble {
position: absolute;
text-align: center;
border-radius: 6px;
z-index: 9999;
}
.tipso_style{
/* cursor: help; */
/* border-bottom: 1px dotted; */
}
.tipso_title {
padding: 0;
border-radius: 6px 6px 0 0;
font-weight: 700;
}
.tipso_content {
word-wrap: break-word;
padding: 0;
font-style: italic;
}
/* Tipso Bubble size classes - Similar to Foundation's syntax*/
.tipso_bubble.tiny {
font-size: 0.6rem;
}
.tipso_bubble.small {
font-size: 0.8rem;
}
.tipso_bubble.default {
font-size: 1rem;
}
.tipso_bubble.large {
font-size: 1.2rem;
width: 100%;
}
.tipso_bubble.cal_small {
font-size: 0.7rem;
}
/* Tipso Bubble Div */
.tipso_bubble > .tipso_arrow{
position: absolute;
width: 0; height: 0;
border: 8px solid;
pointer-events: none;
}
.tipso_bubble.top > .tipso_arrow {
border-top-color: #000;
border-right-color: transparent;
border-left-color: transparent;
border-bottom-color: transparent;
top: 100%;
left: 50%;
margin-left: -8px;
}
.tipso_bubble.bottom > .tipso_arrow {
border-bottom-color: #000;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
bottom: 100%;
left: 50%;
margin-left: -8px;
}
.tipso_bubble.left > .tipso_arrow {
border-left-color: #000;
border-top-color: transparent;
border-bottom-color: transparent;
border-right-color: transparent;
top: 50%;
left: 100%;
margin-top: -8px;
}
.tipso_bubble.right > .tipso_arrow {
border-right-color: #000;
border-top-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
top: 50%;
right: 100%;
margin-top: -8px;
}
.tipso_bubble .top_right_corner,
.tipso_bubble.top_right_corner {
border-bottom-left-radius: 0;
}
.tipso_bubble .bottom_right_corner,
.tipso_bubble.bottom_right_corner {
border-top-left-radius: 0;
}
.tipso_bubble .top_left_corner,
.tipso_bubble.top_left_corner {
border-bottom-right-radius: 0;
}
.tipso_bubble .bottom_left_corner,
.tipso_bubble.bottom_left_corner {
border-top-right-radius: 0;
}

30
www/english_billetterie.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,">
<meta name="description" content="La Nuit &mdash; Gala de l'ENS">
<meta name="keywords" content="ENS Gala Nuit 2019 Ecole Normale Supérieure">
<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/tipso.css">
<link rel="stylesheet" href="css/calendar.css">
</head>
<body>
<section>
<h2>Online ticketing service</h2>
<div>
<p>The online ticketing has not open yet. Pre-sales will start on Monday, November 8th, 2021.</p>
</div>
<a href="OLD_english_index.html" target="_blank">
<div class="button">
Back to main page
</div>
</a>
</body>
</html>

31
www/english_billetterie_complete.html Normal file
View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,">
<meta name="description" content="La Nuit &mdash; Gala de l'ENS">
<meta name="keywords" content="ENS Gala Nuit 2019 Ecole Normale Supérieure">
<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/tipso.css">
<link rel="stylesheet" href="css/calendar.css">
</head>
<body>
<section>
<h2>Online ticketing service</h2>
<div>
<p>La Nuit 2021 is a victim of its own success. The 1400 available entries are all sold out. This situation has never happened before, and the ticketing was thus stopped 20 hours before the official closing time. We sincerely apologize to the people who wanted to buy their ticket during the last sales day.
</p>
</div>
<a href="OLD_english_index.html" target="_blank">
<div class="button">
Back to main page
</div>
</a>
</body>
</html>

140
www/english_index.html Normal file
View file

@ -0,0 +1,140 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,">
<meta name="description" content="La Nuit &mdash; Gala de l'ENS">
<meta name="keywords" content="ENS Gala Nuit 2021 Ulm Ecole Normale Supérieure">
<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/tipso.css">
<link rel="stylesheet" href="css/calendar.css">
</head>
<body>
<header id="main-header">
<!img id="main-header-leaves" src="../newheader.jpg" alt="Par une Nuit d'hiver brille une étoile">
<!img id="main-header-title" src="img/header/title.jpg" alt="À la faveur de la Nuit">
<!img id="main-header-subtitle" src="img/header/subtitle.png" alt="Gala de l'ENS">
<!img id="main-header-hands" src="img/header/hands.png" alt="Deux mains serrées">
<!canvas id="main-header-stars"><!/canvas>
</header>
<section>
<div>
<a href="index.html" target="_blank">
<div class="button">
<img src="img/icons/french_flag.svg" class="fix-alignement" alt="Version française">
Version française
</div>
</a>
</div>
</section>
<section>
<h2>La Nuit feedback</h2>
<div>
<p>On <strong>Saturday, December 4, 2021</strong>, la Nuit, the ENS Gala, took place with triumph, fanfare and red carpets. The evening was a huge success like no other year before, and the organizing team would like to thank everyone who participated in setting up, holding and tidying up the evening!</p>
<p>But we can, and we will, do even better next year! How was the foodtruck and the buffet ? Did you have time to have as much fun as you wanted? etc.... We couldn't see everything, so please contribute to the Gala by answering <strong>the questionnaire below in less than five minutes!</strong></p>
<a href="https://framaforms.org/survey-night-fever-1639415087" target="_blank">
<div class="button">
<img src="img/icons/survey.svg" alt="Sondage">
<span>Give your feedback</span>
</div>
</a>
<a href="https://photos.cof.ens.fr/index.php/%C3%89v%C3%A8nements/2021-2022/Par%20une%20Nuit%20d'hiver,%20brille%20une%20%C3%A9toile" target="_blank">
<div class="button">
<img src="img/icons/photo.svg" alt="Photo">
<span>Photo server</span>
</div>
</a>
<a href="https://www.instagram.com/la_nuit_ulm/" target="_blank">
<div class="button">
<img src="img/icons/instagram.svg" alt="Page Instagram">
<span>Instagram</span>
</div>
</a>
<a href="https://www.facebook.com/LaNuitGalaENS/" target="_blank">
<div class="button">
<img src="img/icons/facebook.svg" alt="Page Facebook">
<span>Facebook</span>
</div>
</a>
</div>
</section>
<section>
<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>
<section>
<h2>Special thanks to</h2>
<div>
<div id="sponsors">
<a href="https://www.cof.ens.fr">
<img class="sponsor-disc" src="img/sponsors/cof.png" alt="COF">
</a>
<a href="https://www.archicubes.ens.fr">
<img class="sponsor-disc" src="img/sponsors/a-ulm.png" alt="A-Ulm">
</a>
<a href="https://www.ens.fr/">
<img class="sponsor-disc" src="img/sponsors/ens.png" alt="ENS">
</a>
<a href="https://www.facebook.com/clubPLS/">
<img src="img/sponsors/pls2.png" alt="PLS">
</a>
<br>
<a href="https://www.societegenerale.fr">
<img src="img/sponsors/soge2.svg" alt="Société Générale">
</a>
<a href="https://www.gmf.fr">
<img src="img/sponsors/GMF.svg" alt="Garantie Mutuelle des Fonctionnaires">
</a>
</div>
</div>
</section>
</body>
<!-- Note: tipso plugin requires the full jQuery library, the slim one is not sufficient -->
<!-- <script type="text/javascript" src="js/jquery-3.3.1.slim.min.js"></script> -->
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/stars.js"></script>
<script type="text/javascript" src="js/tipso.min.js"></script>
<script type="text/javascript" src="js/calendar.js"></script>
<script type="text/javascript">
$(window).ready(() => {
// Starry background init
const canvas = document.getElementById("main-header-stars");
const sky = new StarrySky(canvas);
// Calendar init
let cal = new Calendar({
startDate: new Date(2019, 10, 30, 19),
endDate: new Date(2019, 11, 01, 5),
groupEventsByLocation: true
});
});
</script>
</html>

BIN
www/fonts/roboto-v18-latin-300.woff Normal file
View file

Binary file not shown.

BIN
www/fonts/roboto-v18-latin-300.woff2 Normal file
View file

Binary file not shown.

BIN
www/fonts/roboto-v18-latin-700.woff Normal file
View file

Binary file not shown.

BIN
www/fonts/roboto-v18-latin-700.woff2 Normal file
View file

Binary file not shown.

BIN
www/fonts/roboto-v18-latin-italic.woff Normal file
View file

Binary file not shown.

BIN
www/fonts/roboto-v18-latin-italic.woff2 Normal file
View file

Binary file not shown.

BIN
www/fonts/roboto-v18-latin-regular.woff Normal file
View file

Binary file not shown.

BIN
www/fonts/roboto-v18-latin-regular.woff2 Normal file
View file

Binary file not shown.

BIN
www/img/header/initial-newheader.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.5 MiB

BIN
www/img/header/newheader.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.2 MiB

10
www/img/icons/email.svg Normal file
View file

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
<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
L4,8V6l8,5l8-5V8z"/>
<path fill="none" d="M0,0h24v24H0V0z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 658 B

16
www/img/icons/english_flag.svg Normal file
View file

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30" width="1200" height="600">
<clipPath id="s">
<path d="M0,0 v30 h60 v-30 z"/>
</clipPath>
<clipPath id="t">
<path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z"/>
</clipPath>
<g clip-path="url(#s)">
<path d="M0,0 v30 h60 v-30 z" fill="#012169"/>
<path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" stroke-width="6"/>
<path d="M0,0 L60,30 M60,0 L0,30" clip-path="url(#t)" stroke="#C8102E" stroke-width="4"/>
<path d="M30,0 v30 M0,15 h60" stroke="#fff" stroke-width="10"/>
<path d="M30,0 v30 M0,15 h60" stroke="#C8102E" stroke-width="6"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 672 B

23
www/img/icons/facebook.svg Normal file
View file

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
<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 display="none" fill="none" d="M0,0h24v24H0V0z"/>
<path display="none" 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,12
c0,1.1-0.89,2-2,2v4c0,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.12
L6.21,9.99l4.24-0.25L12,5.8l1.54,3.95L17.779,10l-3.289,2.689L15.58,16.8z"/>
<path fill-rule="evenodd" fill="#FFDFA6" d="M2.779,2.792c6.147,0,12.294,0,18.441,0c-0.013,0.176-0.032,0.351-0.032,0.527
c0,5.804-0.003,11.606,0.009,17.41c0,0.381-0.103,0.485-0.481,0.479c-1.555-0.022-3.112-0.007-4.669-0.01
c-0.144,0-0.287-0.016-0.448-0.022c-0.01-0.166-0.018-0.284-0.018-0.408c-0.004-2.06,0.005-4.122-0.013-6.185
c-0.004-0.374,0.122-0.466,0.472-0.453c0.623,0.025,1.25,0.006,1.905,0.006c0.127-1.009,0.252-1.973,0.386-3.004
c-0.956,0-1.832,0-2.75,0c0-0.699-0.01-1.334,0.001-1.976c0.007-0.575,0.374-0.929,0.956-0.936c0.494-0.003,0.983-0.006,1.478,0.003
c0.252,0.007,0.368-0.063,0.362-0.345c-0.015-0.68-0.015-1.363,0-2.046c0.006-0.265-0.085-0.364-0.352-0.361
c-0.763,0.016-1.531-0.025-2.294,0.016c-1.901,0.099-3.063,1.539-3.145,2.924c-0.047,0.789-0.047,1.581-0.053,2.369
c0,0.259-0.075,0.367-0.352,0.357c-0.561-0.019-1.121,0.003-1.678-0.009c-0.252-0.003-0.378,0.067-0.374,0.348
c0.013,0.778,0.009,1.555,0,2.334c-0.001,0.249,0.089,0.338,0.335,0.332c0.533-0.013,1.065,0.016,1.598-0.013
c0.35-0.017,0.479,0.083,0.476,0.456c-0.018,2.05-0.018,4.097,0,6.146c0,0.377-0.116,0.476-0.49,0.476
c-2.91-0.013-5.816-0.02-8.726,0C2.912,21.211,2.8,21.105,2.803,20.69C2.817,14.899,2.811,9.11,2.811,3.319
C2.811,3.143,2.792,2.968,2.779,2.792z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

2
www/img/icons/french_flag.svg Normal file
View file

@ -0,0 +1,2 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="900" height="600"><rect width="900" height="600" fill="#ED2939"/><rect width="600" height="600" fill="#fff"/><rect width="300" height="600" fill="#002395"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 249 B

49
www/img/icons/instagram.svg Normal file
View file

@ -0,0 +1,49 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
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
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
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
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>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB

44
www/img/icons/linkedin.svg Normal file
View file

@ -0,0 +1,44 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 382 382" style="enable-background:new 0 0 382 382;" xml:space="preserve">
<path style="fill:#FFDFA6;" d="M347.445,0H34.555C15.471,0,0,15.471,0,34.555v312.889C0,366.529,15.471,382,34.555,382h312.889
C366.529,382,382,366.529,382,347.444V34.555C382,15.471,366.529,0,347.445,0z M118.207,329.844c0,5.554-4.502,10.056-10.056,10.056
H65.345c-5.554,0-10.056-4.502-10.056-10.056V150.403c0-5.554,4.502-10.056,10.056-10.056h42.806
c5.554,0,10.056,4.502,10.056,10.056V329.844z M86.748,123.432c-22.459,0-40.666-18.207-40.666-40.666S64.289,42.1,86.748,42.1
s40.666,18.207,40.666,40.666S109.208,123.432,86.748,123.432z M341.91,330.654c0,5.106-4.14,9.246-9.246,9.246H286.73
c-5.106,0-9.246-4.14-9.246-9.246v-84.168c0-12.556,3.683-55.021-32.813-55.021c-28.309,0-34.051,29.066-35.204,42.11v97.079
c0,5.106-4.139,9.246-9.246,9.246h-44.426c-5.106,0-9.246-4.14-9.246-9.246V149.593c0-5.106,4.14-9.246,9.246-9.246h44.426
c5.106,0,9.246,4.14,9.246,9.246v15.655c10.497-15.753,26.097-27.912,59.312-27.912c73.552,0,73.131,68.716,73.131,106.472
L341.91,330.654L341.91,330.654z"/>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

10
www/img/icons/location.svg Normal file
View file

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
<svg version="1.1" baseProfile="basic" 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="none" d="M0,0h24v24H0V0z"/>
<path fill="#FFFBEA" d="M12,2C8.13,2,5,5.13,5,9c0,5.25,7,13,7,13s7-7.75,7-13C19,5.13,15.87,2,12,2z M12,11.5
c-1.38,0-2.5-1.12-2.5-2.5s1.12-2.5,2.5-2.5s2.5,1.12,2.5,2.5S13.38,11.5,12,11.5z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 704 B

73
www/img/icons/photo.svg Normal file
View file

@ -0,0 +1,73 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="48"
height="48"
version="1.1"
id="svg4"
sodipodi:docname="photo.svg"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs8" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1007"
id="namedview6"
showgrid="false"
inkscape:zoom="19.666667"
inkscape:cx="21.301051"
inkscape:cy="23.975268"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg4" />
<path
d="M6 12a2 2 0 0 0-2 2v24a2 2 0 0 0 2 2h36a2 2 0 0 0 2-2V14a2 2 0 0 0-2-2h-9l-2-5H17l-2 5zm18 4a10 10 0 1 1-.1 0zm0 5a5 5 0 1 0 .1 0z"
id="path2"
style="fill:#ffdfa6;fill-opacity:0.9849624" />
<path
style="fill:#ffdfa6;fill-opacity:0;stroke-width:0.05084746"
d="M 5.4887244,39.899329 C 4.782169,39.709009 4.2144538,39.106734 4.0663629,38.39038 4.0277032,38.203373 4.0154265,34.489527 4.0248925,25.845071 4.0375772,14.261201 4.0434114,13.552445 4.1278579,13.336597 4.3198645,12.84582 4.8443654,12.321351 5.3349493,12.12958 c 0.211568,-0.0827 0.5854746,-0.0905 4.9609817,-0.103487 l 4.732169,-0.01404 0.990625,-2.4775576 0.990624,-2.4775577 6.989072,-0.012263 6.989071,-0.012263 0.991525,2.4893695 0.991526,2.4893688 4.728813,0.01442 4.728814,0.01442 0.305084,0.122468 c 0.421552,0.169221 0.92865,0.676319 1.097871,1.09787 l 0.122468,0.305085 0.01345,12.330509 c 0.01331,12.200468 0.01238,12.334048 -0.08815,12.66617 -0.174585,0.576797 -0.60828,1.04778 -1.181054,1.282598 l -0.269666,0.110554 -18.330509,0.0095 C 8.0813,39.973123 5.7320023,39.964835 5.4887244,39.899329 Z M 25.224352,35.933421 c 2.945339,-0.38083 5.516255,-2.004053 7.159807,-4.520553 0.587423,-0.899424 1.096222,-2.125642 1.342208,-3.234754 1.018185,-4.590843 -1.288311,-9.27439 -5.548621,-11.26697 -2.443878,-1.14302 -5.377202,-1.230956 -7.893644,-0.236639 -4.603194,1.818854 -7.195714,6.714646 -6.108235,11.534973 0.666354,2.95366 2.648169,5.456556 5.377407,6.791295 1.741263,0.851568 3.747018,1.181428 5.671078,0.932648 z"
id="path817"
inkscape:connector-curvature="0" />
<path
style="fill:#ffdfa6;fill-opacity:0;stroke-width:0.05084746"
d="M 5.4887244,39.899329 C 4.782169,39.709009 4.2144538,39.106734 4.0663629,38.39038 4.0277032,38.203373 4.0154265,34.489527 4.0248925,25.845071 4.0375772,14.261201 4.0434114,13.552445 4.1278579,13.336597 4.3198645,12.84582 4.8443654,12.321351 5.3349493,12.12958 c 0.211568,-0.0827 0.5854746,-0.0905 4.9609817,-0.103487 l 4.732169,-0.01404 0.990625,-2.4775576 0.990624,-2.4775577 6.989072,-0.012263 6.989071,-0.012263 0.991525,2.4893695 0.991526,2.4893688 4.728813,0.01442 4.728814,0.01442 0.305084,0.122468 c 0.421552,0.169221 0.92865,0.676319 1.097871,1.09787 l 0.122468,0.305085 0.01345,12.330509 c 0.01331,12.200468 0.01238,12.334048 -0.08815,12.66617 -0.174585,0.576797 -0.60828,1.04778 -1.181054,1.282598 l -0.269666,0.110554 -18.330509,0.0095 C 8.0813,39.973123 5.7320023,39.964835 5.4887244,39.899329 Z M 25.224352,35.933421 c 2.945339,-0.38083 5.516255,-2.004053 7.159807,-4.520553 0.587423,-0.899424 1.096222,-2.125642 1.342208,-3.234754 1.018185,-4.590843 -1.288311,-9.27439 -5.548621,-11.26697 -2.443878,-1.14302 -5.377202,-1.230956 -7.893644,-0.236639 -4.603194,1.818854 -7.195714,6.714646 -6.108235,11.534973 0.666354,2.95366 2.648169,5.456556 5.377407,6.791295 1.741263,0.851568 3.747018,1.181428 5.671078,0.932648 z"
id="path819"
inkscape:connector-curvature="0" />
<path
style="fill:#ffdfa6;fill-opacity:0;stroke-width:0.05084746"
d="M 5.4887244,39.899329 C 4.782169,39.709009 4.2144538,39.106734 4.0663629,38.39038 4.0277032,38.203373 4.0154265,34.489527 4.0248925,25.845071 4.0375772,14.261201 4.0434114,13.552445 4.1278579,13.336597 4.3198645,12.84582 4.8443654,12.321351 5.3349493,12.12958 c 0.211568,-0.0827 0.5854746,-0.0905 4.9609817,-0.103487 l 4.732169,-0.01404 0.990625,-2.4775576 0.990624,-2.4775577 6.989072,-0.012263 6.989071,-0.012263 0.991525,2.4893695 0.991526,2.4893688 4.728813,0.01442 4.728814,0.01442 0.305084,0.122468 c 0.421552,0.169221 0.92865,0.676319 1.097871,1.09787 l 0.122468,0.305085 0.01345,12.330509 c 0.01331,12.200468 0.01238,12.334048 -0.08815,12.66617 -0.174585,0.576797 -0.60828,1.04778 -1.181054,1.282598 l -0.269666,0.110554 -18.330509,0.0095 C 8.0813,39.973123 5.7320023,39.964835 5.4887244,39.899329 Z M 25.224352,35.933421 c 2.945339,-0.38083 5.516255,-2.004053 7.159807,-4.520553 0.587423,-0.899424 1.096222,-2.125642 1.342208,-3.234754 1.018185,-4.590843 -1.288311,-9.27439 -5.548621,-11.26697 -2.443878,-1.14302 -5.377202,-1.230956 -7.893644,-0.236639 -4.603194,1.818854 -7.195714,6.714646 -6.108235,11.534973 0.666354,2.95366 2.648169,5.456556 5.377407,6.791295 1.741263,0.851568 3.747018,1.181428 5.671078,0.932648 z"
id="path821"
inkscape:connector-curvature="0" />
<path
style="fill:#ffdfa6;fill-opacity:0;stroke-width:0.05084746"
d="m 23.233254,30.902813 c -2.012688,-0.362435 -3.535515,-1.789862 -4.02786,-3.775526 -0.153891,-0.620658 -0.154729,-1.636786 -0.0019,-2.248317 0.467605,-1.870507 1.85308,-3.260384 3.71068,-3.722472 0.670713,-0.166844 1.684172,-0.154412 2.378355,0.02917 2.393491,0.632991 3.969878,2.914816 3.697512,5.352158 -0.31612,2.828881 -2.997391,4.861892 -5.756834,4.364983 z"
id="path823"
inkscape:connector-curvature="0" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 6.1 KiB

17
www/img/icons/ratp/bus-21.svg Normal file
View file

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="120px" height="77px" viewBox="0 0 120 77" style="enable-background:new 0 0 120 77;" xml:space="preserve">
<g>
<rect style="fill-rule:evenodd;clip-rule:evenodd;fill:#82DC73;" width="120" height="77"/>
<g>
<path d="M22.204,68.378v-7.873c1.524-6.941,8.381-13.291,16.338-20.232c3.979-3.471,8.296-7.789,8.296-13.545
c0-5.164-3.386-9.481-9.905-9.481c-5.249,0-8.889,3.809-10.328,5.418l-6.264-8.296c5.756-4.995,11.09-7.365,19.132-7.365
c10.498,0,20.402,6.095,20.402,18.286c0,10.243-6.519,15.068-13.714,21.587c-3.047,2.794-9.058,8.043-9.82,11.514h24.635v9.989
H22.204z"/>
<path d="M80.948,68.378V21.394c-3.64,2.878-9.396,5.671-13.376,7.45l-4.063-9.143c6.264-2.624,13.799-6.603,19.725-11.09h10.412
v59.767H80.948z"/>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

17
www/img/icons/ratp/bus-24.svg Normal file
View file

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="120px" height="77px" viewBox="0 0 120 77" style="enable-background:new 0 0 120 77;" xml:space="preserve">
<g>
<rect style="fill-rule:evenodd;clip-rule:evenodd;fill:#A0006E;" width="120" height="77"/>
<g>
<path style="fill:#FFFFFF;" d="M16.422,68.378v-7.873c1.524-6.941,8.381-13.291,16.338-20.232
c3.979-3.471,8.296-7.789,8.296-13.545c0-5.164-3.386-9.481-9.905-9.481c-5.249,0-8.889,3.809-10.328,5.418l-6.264-8.296
c5.756-4.995,11.09-7.365,19.132-7.365c10.498,0,20.402,6.095,20.402,18.286c0,10.243-6.519,15.068-13.714,21.587
c-3.047,2.794-9.058,8.043-9.82,11.514h24.635v9.989H16.422z"/>
<path style="fill:#FFFFFF;" d="M97.143,55.934v12.444H85.291V55.934H58.37v-11.09L81.566,8.611h15.576v38.01h7.026v9.313H97.143z
M85.291,19.108h-0.17c-0.254,1.016-1.947,4.656-4.316,8.381L68.613,46.621h16.678V19.108z"/>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

17
www/img/icons/ratp/bus-27.svg Normal file
View file

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="120px" height="77px" viewBox="0 0 120 77" style="enable-background:new 0 0 120 77;" xml:space="preserve">
<g>
<rect style="fill-rule:evenodd;clip-rule:evenodd;fill:#FF5A00;" width="120" height="77"/>
<g>
<path d="M19.694,68.378v-7.873c1.524-6.941,8.381-13.291,16.338-20.232c3.979-3.471,8.296-7.789,8.296-13.545
c0-5.164-3.386-9.481-9.905-9.481c-5.249,0-8.889,3.809-10.328,5.418l-6.264-8.296c5.756-4.995,11.09-7.365,19.132-7.365
c10.498,0,20.402,6.095,20.402,18.286c0,10.243-6.519,15.068-13.714,21.587c-3.048,2.794-9.058,8.043-9.82,11.514h24.635v9.989
H19.694z"/>
<path d="M81.512,68.378H67.881c0-7.873,2.117-12.952,7.365-22.688l14.562-27.09H60.771v-9.99h41.819v9.735
C89.469,41.119,81.512,58.981,81.512,68.378z"/>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

13
www/img/icons/ratp/metro-7.svg Normal file
View file

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Premier_plan" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" width="92px" height="92px" viewBox="0 0 92 92" style="enable-background:new 0 0 92 92;" xml:space="preserve">
<g>
<g>
<circle style="fill-rule:evenodd;clip-rule:evenodd;fill:#FF82B4;" cx="46" cy="46" r="46"/>
<path style="fill-rule:evenodd;clip-rule:evenodd;" d="M64.83,29.471v-8.274H29.286v8.49h24.679L41.589,52.712
c-4.461,8.274-6.26,12.592-6.26,19.283h11.584C46.914,64.009,53.678,48.826,64.83,29.471z"/>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 808 B

25
www/img/icons/ratp/noctilien-122.svg Normal file
View file

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="120px" height="77px" viewBox="0 0 120 77" enable-background="new 0 0 120 77" xml:space="preserve">
<rect fill-rule="evenodd" clip-rule="evenodd" fill="#3C91DC" width="120" height="77"/>
<rect fill-rule="evenodd" clip-rule="evenodd" fill="#0A0082" width="120" height="68.75"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M34.341,38.708V8.516h-6.154v20.402h-0.085
c-0.089-0.373-0.371-0.975-0.845-1.807c-0.475-0.832-1.12-1.841-1.937-3.026L14.623,8.516h-6.11v30.192h6.196V19.081h0.086
c0.124,0.36,0.399,0.954,0.823,1.78c0.424,0.826,1.02,1.772,1.786,2.838l10.868,15.008H34.341z"/>
<g>
<g>
<path fill="#FFFFFF" d="M52.421,62.018V34.909c-2.101,1.661-5.422,3.272-7.717,4.298l-2.345-5.275
c3.614-1.514,7.961-3.809,11.38-6.398h6.008v34.484H52.421z"/>
<path fill="#FFFFFF" d="M65.314,62.018v-4.543c0.879-4.005,4.836-7.668,9.428-11.674c2.295-2.002,4.786-4.493,4.786-7.814
c0-2.979-1.954-5.471-5.715-5.471c-3.028,0-5.128,2.198-5.959,3.126l-3.614-4.786c3.321-2.882,6.398-4.25,11.039-4.25
c6.057,0,11.771,3.517,11.771,10.551c0,5.91-3.761,8.693-7.913,12.455c-1.758,1.611-5.226,4.64-5.665,6.643h14.214v5.764H65.314z"
/>
<path fill="#FFFFFF" d="M92.666,62.018v-4.543c0.879-4.005,4.836-7.668,9.427-11.674c2.296-2.002,4.786-4.493,4.786-7.814
c0-2.979-1.953-5.471-5.715-5.471c-3.027,0-5.128,2.198-5.959,3.126l-3.613-4.786c3.32-2.882,6.398-4.25,11.038-4.25
c6.057,0,11.771,3.517,11.771,10.551c0,5.91-3.761,8.693-7.913,12.455c-1.758,1.611-5.227,4.64-5.666,6.643h14.214v5.764H92.666z"
/>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.9 KiB

19
www/img/icons/ratp/noctilien-14.svg Normal file
View file

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="120px" height="77px" viewBox="0 0 120 77" style="enable-background:new 0 0 120 77;" xml:space="preserve">
<g>
<rect style="fill-rule:evenodd;clip-rule:evenodd;fill:#82DC73;" width="120" height="77"/>
<rect style="fill-rule:evenodd;clip-rule:evenodd;fill:#0A0082;" width="120" height="68.75"/>
</g>
<path style="fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;" d="M34.341,38.708V8.517h-6.154v20.402h-0.085
c-0.089-0.373-0.371-0.975-0.845-1.807c-0.475-0.832-1.12-1.841-1.937-3.026L14.623,8.517h-6.11v30.191h6.196V19.082h0.086
c0.124,0.36,0.399,0.954,0.823,1.78c0.424,0.826,1.02,1.772,1.786,2.838l10.868,15.008H34.341z"/>
<g>
<path style="fill:#FFFFFF;" d="M62.141,61.902V28.07c-2.621,2.072-6.767,4.084-9.632,5.364l-2.926-6.583
c4.511-1.89,9.937-4.755,14.203-7.986h7.498v43.037H62.141z"/>
<path style="fill:#FFFFFF;" d="M105.894,52.941v8.961h-8.534v-8.961H77.975v-7.986l16.702-26.09h11.217v27.371h5.06v6.705H105.894z
M97.359,26.424h-0.122c-0.183,0.731-1.402,3.353-3.109,6.035l-8.777,13.777h12.009V26.424z"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

20
www/img/icons/ratp/noctilien-21.svg Normal file
View file

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="120px" height="77px" viewBox="0 0 120 77" style="enable-background:new 0 0 120 77;" xml:space="preserve">
<g>
<rect style="fill-rule:evenodd;clip-rule:evenodd;fill:#82DC73;" width="120" height="77"/>
<rect style="fill-rule:evenodd;clip-rule:evenodd;fill:#0A0082;" width="120" height="68.75"/>
</g>
<path style="fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;" d="M34.341,38.708V8.517h-6.154v20.402h-0.085
c-0.089-0.373-0.371-0.975-0.845-1.807c-0.475-0.832-1.12-1.841-1.937-3.026L14.623,8.517h-6.11v30.191h6.196V19.082h0.086
c0.124,0.36,0.399,0.954,0.823,1.78c0.424,0.826,1.02,1.772,1.786,2.838l10.868,15.008H34.341z"/>
<g>
<path style="fill:#FFFFFF;" d="M48.023,61.902v-5.669c1.097-4.999,6.034-9.571,11.765-14.569c2.865-2.5,5.974-5.608,5.974-9.753
c0-3.719-2.438-6.828-7.132-6.828c-3.779,0-6.4,2.743-7.438,3.901l-4.511-5.974c4.146-3.597,7.986-5.304,13.777-5.304
c7.559,0,14.69,4.389,14.69,13.167c0,7.376-4.693,10.85-9.875,15.544c-2.194,2.012-6.522,5.791-7.071,8.29h17.739v7.193H48.023z"/>
<path style="fill:#FFFFFF;" d="M92.056,61.902V28.07c-2.621,2.072-6.767,4.084-9.632,5.364l-2.926-6.583
c4.511-1.89,9.937-4.755,14.203-7.986h7.498v43.037H92.056z"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

20
www/img/icons/ratp/rer-B.svg Normal file
View file

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
<svg version="1.1" baseProfile="tiny" id="Premier_plan"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="92px" height="92px"
viewBox="0 0 92 92" xml:space="preserve">
<g>
<g>
<path fill="#FFFFFF" d="M46,5.333c-22.412,0-40.655,18.208-40.655,40.752c0,22.372,18.242,40.581,40.655,40.581
s40.654-18.209,40.654-40.581C86.654,23.542,68.412,5.333,46,5.333z"/>
<path fill="#3C91DC" d="M46,92C20.575,92,0,71.463,0,46.083C0,20.537,20.575,0,46,0c25.426,0,46,20.537,46,46.083
C92,71.463,71.426,92,46,92z M46,6.846c-21.578,0-39.142,17.531-39.142,39.237c0,21.54,17.563,39.071,39.142,39.071
s39.143-17.531,39.143-39.071C85.143,24.377,67.578,6.846,46,6.846z"/>
<path fill="#3C91DC" d="M62.917,55.029c0-6.084-3.778-9.61-8.286-10.219v-0.121c3.352-0.608,6.885-3.954,6.885-8.394
c0-9.306-8.592-10.888-15.599-10.888H29.831v42.94h15.416C53.412,68.35,62.917,65.855,62.917,55.029z M52.438,37.573
c0,4.927-5.059,4.865-8.288,4.865h-4.753v-9.853h4.631C47.137,32.586,52.438,32.464,52.438,37.573z M53.352,54.785
c0,5.597-3.961,6.447-8.41,6.447h-5.545V49.251h5.058C47.563,49.251,53.352,49.434,53.352,54.785z"/>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

67
www/img/icons/survey.svg Normal file
View file

@ -0,0 +1,67 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.0"
width="1280.000000pt"
height="1220.000000pt"
viewBox="0 0 1280.000000 1220.000000"
preserveAspectRatio="xMidYMid meet"
id="svg8"
sodipodi:docname="40319.svg"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<defs
id="defs12" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1007"
id="namedview10"
showgrid="false"
inkscape:zoom="0.70710678"
inkscape:cx="1233.0466"
inkscape:cy="1250.5483"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg8" />
<metadata
id="metadata2">
Created by potrace 1.15, written by Peter Selinger 2001-2017
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
transform="translate(0.000000,1220.000000) scale(0.100000,-0.100000)"
fill="#000000"
stroke="none"
id="g6">
<path
d="M12516 12176 c-72 -31 -115 -64 -420 -324 -1314 -1125 -2128 -1868 -2856 -2608 -1146 -1166 -2018 -2286 -2652 -3409 -222 -392 -360 -669 -578 -1160 -226 -510 -311 -729 -595 -1538 l-38 -109 -26 34 c-336 432 -790 845 -1316 1195 -299 199 -505 318 -900 519 -446 227 -818 392 -1590 704 -247 100 -594 240 -770 312 -363 148 -414 166 -505 177 -119 15 -201 -11 -243 -79 -51 -81 -17 -273 75 -426 105 -176 211 -272 418 -379 1181 -611 2360 -1529 3440 -2680 639 -682 1173 -1353 1687 -2124 102 -152 185 -267 187 -260 3 8 24 97 47 199 451 2022 1407 4114 2900 6345 890 1330 1899 2641 3713 4820 122 147 229 285 245 318 66 128 77 284 29 389 -47 103 -137 132 -252 84z"
id="path4" />
</g>
<path
style="fill:#ffdfa6;fill-opacity:0.98496243;stroke-width:2"
d="M 745.55661,1576.4676 C 559.20353,1303.6998 327.85485,1086.6874 82.845474,954.82359 54.536122,939.58753 47.68756,934.92333 34.66395,922.00967 17.376664,904.86831 6.2649752,885.08097 2.5038252,864.73999 0.505452,853.93241 0.6831996,851.62791 4.0452222,844.75577 9.3267744,833.96001 14.840254,831.61425 32.845474,832.50249 c 16.19851,0.7991 34.72677,7.78482 194.999996,73.52084 199.00762,81.62292 300.5706,137.92487 394,218.41577 25.95418,22.3599 67.47152,64.8847 83,85.0139 6.05,7.8425 11.45,14.313 12,14.3789 0.55,0.066 3.84774,-8.2041 7.3283,-18.3779 94.04508,-274.89531 198.13044,-458.69959 380.09303,-671.20591 64.6868,-75.54495 183.0168,-196.34135 273.5787,-279.28077 89.4083,-81.88305 258.4147,-229.169363 280.3493,-244.319954 11.7942,-8.1464193 25.7888,-10.89860276 33.7508,-6.6374555 11.6693,6.2451975 16.4046,31.3294085 9.6986,51.3764925 -4.1416,12.381408 -13.6422,24.911794 -77.2075,101.829677 -223.5804,270.54596 -342.6067,426.23689 -456.9746,597.74021 -165.2227,247.76411 -280.35335,481.34001 -348.53417,707.10291 -12.46934,41.2889 -35.4242,129.393 -39.1848,150.3971 -0.73856,4.125 -2.04764,7.5 -2.9091,7.5 -0.86144,0 -14.93628,-19.5699 -31.27742,-43.4887 z"
id="path842"
inkscape:connector-curvature="0"
transform="scale(0.75000002)" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.6 KiB

11
www/img/icons/ticket.svg Normal file
View file

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
<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="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
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

After

Width:  |  Height:  |  Size: 819 B

31
www/img/sponsors/GMF.svg Normal file
View file

@ -0,0 +1,31 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="299.4pt" height="299.04pt" viewBox="0 0 299.4 299.04" version="1.1">
<defs>
<clipPath id="clip1">
<path d="M 189 0 L 299.398438 0 L 299.398438 96 L 189 96 Z M 189 0 "/>
</clipPath>
<clipPath id="clip2">
<path d="M 0 81 L 299.398438 81 L 299.398438 299.039063 L 0 299.039063 Z M 0 81 "/>
</clipPath>
</defs>
<g id="surface1">
<path style=" stroke:none;fill-rule:evenodd;fill:rgb(94.898987%,54.098511%,35.699463%);fill-opacity:1;" d="M 54.25 13.679688 C 51.703125 14.09375 48.023438 15.453125 45.371094 16.5625 C 49.425781 17.066406 53.503906 17.546875 57.371094 18.242188 C 57.03125 23.261719 57.59375 29.183594 56.652344 33.601563 C 51.167969 33.085938 45 33.253906 39.851563 32.402344 C 40.097656 27.527344 40.457031 22.765625 40.8125 18 C 35.34375 19.816406 29.441406 21.191406 24.492188 23.519531 C 29.945313 27.375 35.589844 31.058594 41.289063 35.039063 C 42.828125 36.113281 45.519531 38.757813 47.050781 38.882813 C 48.761719 39.019531 51.644531 36.921875 53.289063 36 C 59.691406 32.421875 64.988281 28.722656 69.609375 24.242188 C 64.261719 20.949219 59.671875 16.898438 54.25 13.679688 M 0.25 0 L 90.011719 0 C 90.605469 0.753906 89.773438 1.457031 89.53125 2.160156 C 87.730469 7.371094 83.25 16.566406 84.25 23.039063 C 84.777344 26.464844 86.640625 30.230469 87.851563 34.082031 C 90.132813 41.339844 92.554688 48.855469 94.8125 56.402344 C 95.980469 60.304688 97.675781 64.070313 97.929688 67.921875 C 95.453125 71.097656 90.625 70.464844 86.890625 71.519531 C 83.6875 72.425781 79.382813 74.480469 78.25 77.039063 C 77.507813 78.726563 77.175781 83.21875 77.769531 85.199219 C 78.214844 86.683594 80.816406 86.902344 80.890625 88.5625 C 80.957031 90.019531 78.539063 91.015625 77.050781 92.160156 C 75.394531 93.433594 74.371094 94.507813 73.210938 95.519531 C 70.972656 97.476563 66.027344 100.195313 66.25 102.960938 C 66.515625 106.230469 72.519531 106.125 73.210938 109.199219 C 73.296875 112.011719 72.007813 113.4375 71.050781 115.199219 C 46.496094 115.519531 22.910156 115.390625 0.0117188 113.519531 L 0.0117188 0.722656 C -0.0117188 0.378906 -0.03125 0.0390625 0.25 0 "/>
<path style=" stroke:none;fill-rule:evenodd;fill:rgb(94.898987%,54.098511%,35.699463%);fill-opacity:1;" d="M 135.371094 28.082031 C 137.800781 29.972656 140.21875 31.871094 143.53125 32.882813 C 142.769531 29.804688 142.277344 26.453125 140.890625 24 C 138.574219 24.886719 136.761719 26.269531 135.371094 28.082031 M 157.929688 30.722656 C 155.003906 31.714844 152.183594 32.8125 149.769531 34.320313 C 156.703125 33.976563 161.59375 31.582031 164.410156 27.121094 C 161.8125 25.796875 159.242188 24.449219 156.25 23.519531 C 156.550781 26.183594 157.523438 28.167969 157.929688 30.722656 M 106.328125 0 L 127.210938 0 C 127.078125 8.1875 125.5625 14.996094 125.53125 23.28125 C 130.191406 21.492188 134.78125 19.578125 139.691406 17.519531 C 141.253906 16.867188 142.863281 15.726563 144.25 15.601563 C 146.433594 15.402344 149.894531 16.617188 152.410156 17.28125 C 159.929688 19.265625 167.390625 22.230469 172.8125 26.160156 C 170.972656 29.972656 167.382813 33.269531 163.210938 36 C 159.480469 38.445313 154.832031 41.621094 150.25 42.242188 C 146.796875 42.707031 142.878906 41.488281 139.449219 40.800781 C 136.183594 40.144531 133.035156 39.035156 130.089844 38.160156 C 127.996094 40.808594 128.464844 45.222656 128.648438 49.199219 C 128.839844 53.289063 129.042969 57.632813 128.890625 61.441406 C 128.832031 62.898438 128.390625 64.632813 128.648438 66 C 128.929688 67.480469 130.511719 69.605469 131.53125 71.519531 C 134.277344 76.6875 137.675781 82.800781 140.648438 87.121094 C 140.070313 94.296875 142.902344 102.121094 143.289063 109.921875 C 130.765625 111.714844 117.425781 112.695313 104.171875 113.761719 C 105.960938 99.609375 106.089844 83.890625 106.089844 67.921875 C 106.089844 51.949219 107.164063 35.5 106.089844 20.160156 C 105.675781 14.230469 105.628906 7.597656 106.089844 0.722656 C 106.070313 0.378906 106.050781 0.0390625 106.328125 0 "/>
<g clip-path="url(#clip1)" clip-rule="nonzero">
<path style=" stroke:none;fill-rule:evenodd;fill:rgb(94.898987%,54.098511%,35.699463%);fill-opacity:1;" d="M 227.050781 20.882813 C 230.878906 23.691406 235.753906 25.457031 240.011719 27.839844 C 239.777344 23.433594 240.527344 18.046875 239.53125 14.402344 C 235.398438 16.589844 231.402344 18.914063 227.050781 20.882813 M 248.652344 9.359375 C 246.035156 11.226563 242.644531 12.316406 240.25 14.402344 C 245.347656 14.742188 250.292969 15.238281 255.128906 15.839844 C 255.21875 19.671875 256.15625 23.933594 255.609375 27.601563 C 250.945313 27.976563 245.445313 27.515625 241.449219 28.5625 C 244.375 30.113281 247.402344 31.566406 250.328125 33.121094 C 255.742188 28.855469 260.851563 24.28125 266.410156 20.160156 C 260.8125 16.242188 254.707031 12.824219 248.652344 9.359375 M 209.289063 0 L 299.050781 0 L 299.050781 33.839844 C 299.050781 37.183594 299.847656 42.234375 299.050781 45.121094 C 298.441406 47.324219 292.734375 52.429688 290.890625 54.242188 C 271.152344 73.664063 242.453125 86.960938 213.128906 95.761719 C 212.609375 91.710938 212.613281 89.203125 210.972656 86.402344 C 210.039063 84.8125 207.652344 84.140625 207.371094 83.039063 C 206.453125 79.453125 213.800781 76.878906 213.851563 73.441406 C 212.152344 71.359375 209.941406 70.867188 207.371094 69.601563 C 205.625 68.738281 201.664063 67.542969 201.132813 65.761719 C 200.363281 63.21875 204.402344 62.015625 204.011719 59.28125 C 203.722656 57.273438 199.578125 56.25 197.53125 55.679688 C 194.597656 54.867188 191.789063 54.660156 190.089844 53.039063 C 189.160156 48.34375 193.796875 45.800781 196.089844 42.722656 C 201.839844 34.996094 206.636719 25.699219 211.691406 16.320313 C 212.722656 14.40625 214.519531 12.386719 214.570313 10.800781 C 214.710938 6.402344 210.148438 4.066406 209.289063 0 "/>
</g>
<path style=" stroke:none;fill-rule:evenodd;fill:rgb(94.898987%,54.098511%,35.699463%);fill-opacity:1;" d="M 131.53125 4.320313 C 149.121094 4.488281 161.972656 9.398438 172.328125 16.800781 C 166.671875 18.941406 161.984375 15.882813 156.730469 13.679688 C 149.910156 10.820313 143.828125 7.394531 133.449219 8.882813 C 132.789063 7.382813 131.941406 6.066406 131.53125 4.320313 "/>
<path style=" stroke:none;fill-rule:evenodd;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 266.410156 20.160156 C 260.851563 24.28125 255.746094 28.855469 250.328125 33.121094 C 247.402344 31.566406 244.378906 30.113281 241.449219 28.5625 C 245.445313 27.515625 250.945313 27.976563 255.609375 27.601563 C 256.15625 23.933594 255.21875 19.671875 255.128906 15.839844 C 250.292969 15.238281 245.347656 14.742188 240.25 14.402344 C 242.644531 12.316406 246.035156 11.226563 248.648438 9.359375 C 254.710938 12.824219 260.8125 16.242188 266.410156 20.160156 "/>
<path style=" stroke:none;fill-rule:evenodd;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 69.609375 24.242188 C 64.988281 28.722656 59.691406 32.421875 53.289063 36 C 51.644531 36.921875 48.761719 39.019531 47.050781 38.882813 C 45.519531 38.757813 42.828125 36.113281 41.289063 35.039063 C 35.585938 31.058594 29.945313 27.375 24.492188 23.519531 C 29.441406 21.191406 35.34375 19.816406 40.808594 18 C 40.457031 22.765625 40.097656 27.527344 39.851563 32.402344 C 45 33.253906 51.167969 33.085938 56.652344 33.601563 C 57.59375 29.183594 57.03125 23.261719 57.371094 18.242188 C 53.503906 17.546875 49.425781 17.066406 45.371094 16.5625 C 48.023438 15.453125 51.703125 14.09375 54.25 13.679688 C 59.671875 16.898438 64.261719 20.949219 69.609375 24.242188 "/>
<path style=" stroke:none;fill-rule:evenodd;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 239.53125 14.402344 C 240.523438 18.046875 239.777344 23.433594 240.007813 27.839844 C 235.753906 25.457031 230.878906 23.691406 227.050781 20.882813 C 231.402344 18.914063 235.398438 16.589844 239.53125 14.402344 "/>
<path style=" stroke:none;fill-rule:evenodd;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 156.25 23.519531 C 159.242188 24.449219 161.8125 25.796875 164.410156 27.121094 C 161.59375 31.582031 156.703125 33.976563 149.769531 34.320313 C 152.183594 32.8125 155.003906 31.714844 157.929688 30.722656 C 157.523438 28.167969 156.550781 26.183594 156.25 23.519531 "/>
<path style=" stroke:none;fill-rule:evenodd;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 140.890625 24 C 142.277344 26.453125 142.769531 29.804688 143.53125 32.882813 C 140.21875 31.871094 137.800781 29.972656 135.371094 28.082031 C 136.761719 26.273438 138.574219 24.886719 140.890625 24 "/>
<path style=" stroke:none;fill-rule:evenodd;fill:rgb(94.898987%,54.098511%,35.699463%);fill-opacity:1;" d="M 190.089844 84.480469 C 188.570313 89.203125 184.636719 91.507813 183.851563 96.960938 C 173.0625 96.308594 160.929688 97.003906 151.449219 95.039063 C 151.386719 91.535156 152.058594 88.769531 152.890625 86.160156 C 151.765625 84.964844 149.945313 84.464844 148.8125 83.28125 C 149.117188 81.828125 149.46875 80.417969 150.25 79.441406 C 161.523438 82.839844 175.160156 86.324219 190.089844 84.480469 "/>
<g clip-path="url(#clip2)" clip-rule="nonzero">
<path style=" stroke:none;fill-rule:evenodd;fill:rgb(14.498901%,30.198669%,61.999512%);fill-opacity:1;" d="M 299.050781 81.601563 L 299.050781 299.039063 L 0.0117188 299.039063 L 0.0117188 120.960938 C 47.886719 124.070313 221.761719 128.195313 299.050781 81.601563 "/>
</g>
<path style=" stroke:none;fill-rule:evenodd;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 66.492188 167.039063 C 49.140625 168.894531 40.777344 182.980469 39.851563 201.601563 C 39.117188 216.339844 41.496094 230.777344 50.652344 239.761719 C 57.054688 246.046875 67.648438 249.1875 78.25 245.761719 C 80.296875 245.097656 84.273438 243.769531 85.210938 241.921875 C 85.664063 241.027344 85.898438 239.648438 86.003906 238.027344 L 85.828125 212.898438 C 85.710938 210.386719 84.390625 209.140625 83.289063 208.320313 C 82.503906 207.738281 80.503906 207.175781 78.96875 206.882813 C 77.898438 206.671875 75.398438 206.480469 75.398438 206.480469 L 75.371094 204 L 96.730469 204 C 96.808594 204 96.890625 204 96.96875 204 L 96.96875 243.121094 C 93.011719 246.867188 87.691406 248.746094 82.570313 250.320313 C 63.765625 256.097656 45.105469 250.015625 35.53125 238.082031 C 21.414063 220.484375 23.769531 189.875 37.691406 174 C 46.273438 164.214844 62 158.226563 78.96875 163.441406 C 83.070313 164.699219 88.386719 167.5625 91.449219 163.441406 C 91.683594 163.128906 92.089844 162.382813 92.261719 161.914063 L 95.730469 161.945313 L 95.773438 164.480469 L 95.769531 189.359375 L 93.113281 189.328125 C 92.667969 188.535156 92.449219 187.824219 92.171875 187.199219 C 87.734375 177.332031 83.40625 167.648438 69.371094 167.039063 C 69.371094 167.039063 67.589844 166.929688 66.492188 167.039063 "/>
<path style=" stroke:none;fill-rule:evenodd;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 121.929688 250.5625 L 105.609375 250.523438 L 105.609375 248.300781 C 105.609375 248.300781 108.726563 247.707031 109.691406 247.441406 C 110.964844 247.085938 113.265625 246.265625 114.25 245.28125 C 117.039063 242.488281 116.890625 233.238281 116.890625 227.519531 L 116.890625 187.199219 C 116.890625 177.394531 117.507813 167.972656 110.652344 166.082031 C 109.285156 165.703125 108.203125 165.453125 106.453125 165.410156 L 106.425781 163 L 128.890625 162.960938 C 137.613281 185.117188 146.847656 206.765625 155.53125 228.960938 C 164.542969 207.175781 172.988281 184.820313 181.929688 162.960938 L 204.972656 162.882813 L 204.980469 165.691406 C 204.980469 165.691406 201.851563 165.847656 200.890625 166.082031 C 196.675781 167.113281 194.699219 169.722656 194.890625 175.679688 L 194.890625 237.839844 C 194.929688 244.195313 195.53125 246.511719 200.339844 247.710938 C 201.890625 248.097656 204.980469 248.652344 204.980469 248.652344 L 204.980469 250.890625 L 182.777344 250.890625 L 182.585938 176.691406 L 153.511719 250.527344 L 151.628906 250.453125 L 121.949219 178.199219 "/>
<path style=" stroke:none;fill-rule:evenodd;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 274.824219 181.921875 L 271.636719 181.882813 C 271.199219 177.632813 271.136719 173.648438 268.089844 170.882813 C 265.070313 168.132813 260.574219 168.429688 254.984375 168.296875 L 234.863281 168.242188 C 234.863281 168.242188 234.730469 196.484375 234.730469 201.839844 L 252.527344 201.875 C 260.789063 202.136719 262.269531 192.910156 262.402344 191.429688 L 264.539063 191.4375 L 264.492188 217.921875 L 262.136719 217.886719 C 262.035156 212.859375 257.617188 207.359375 252.488281 207.359375 L 234.722656 207.324219 C 234.722656 207.324219 234.730469 219.71875 234.730469 226.800781 C 234.730469 233.445313 234.261719 241.027344 236.171875 244.800781 C 237.828125 248.078125 240.699219 247.6875 245.289063 248.320313 L 245.261719 250.890625 L 212.648438 250.890625 L 212.648438 248.257813 C 217.605469 247.757813 220.3125 246.503906 221.210938 245.191406 C 223.324219 242.089844 222.96875 232.640625 222.96875 226.5625 C 222.96875 213.308594 222.96875 200.476563 222.96875 186.722656 C 222.96875 180.445313 223.628906 172.019531 221.289063 168.722656 C 219.617188 166.355469 215.816406 166.25 212.648438 165.8125 C 212.648438 165.253906 212.660156 163.441406 212.660156 162.882813 L 274.8125 162.960938 "/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
www/img/sponsors/a-ulm.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
www/img/sponsors/cof.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
www/img/sponsors/ens.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
www/img/sponsors/pls.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
www/img/sponsors/pls2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 16 KiB

140
www/img/sponsors/soge.svg Normal file
View file

@ -0,0 +1,140 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 12.0.0, SVG Export Plug-In -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="279.25647"
height="55.980793"
viewBox="-0.294 -0.317 279.25647 55.980793"
enable-background="new -0.294 -0.317 146 29"
xml:space="preserve"
id="svg2"
inkscape:version="0.48.1 "
sodipodi:docname="AJAX.svg"><metadata
id="metadata44"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1280"
inkscape:window-height="1004"
id="namedview42"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="2.5017672"
inkscape:cx="194.47602"
inkscape:cy="-36.36577"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="svg2" />
<defs
id="defs4">
</defs>
<path
d="M 90.665874,5.9452181 C 87.731747,4.6694713 84.591479,3.8380636 81.796063,3.8380636 c -4.086201,0 -6.126412,0.8965775 -6.126412,2.5139715 0,4.6270509 18.223185,0.9104013 18.223185,10.7846029 0,4.087919 -3.743276,7.243713 -11.243314,7.243713 -4.448391,0 -7.925804,-0.941998 -11.917604,-3.155794 l 1.647195,-3.683077 c 3.500532,1.992614 6.767951,2.877342 10.297381,2.877342 4.446465,0 6.831527,-1.315244 6.831527,-3.282184 0,-5.061516 -18.230891,-1.283647 -18.230891,-10.535773 0,-3.9911519 3.714378,-6.73617974 10.430312,-6.73617974 4.018772,0 7.397931,0.90447679 10.628746,2.56136764 l -1.670314,3.5191652"
id="path6"
inkscape:connector-curvature="0"
style="fill:#000000" />
<path
d="m 110.98128,24.502791 c -7.27848,0 -13.314343,-4.970672 -13.314343,-12.396071 0,-7.3404815 6.035863,-12.40594647 13.314343,-12.40594647 7.32087,0 13.26041,5.06546497 13.26041,12.40594647 0,7.427374 -5.93954,12.396071 -13.26041,12.396071 m 0,-20.8009913 c -5.29992,0 -8.92183,3.6791272 -8.92183,8.4049203 0,4.836383 3.46393,8.434542 8.92183,8.434542 5.42515,0 8.87174,-3.631731 8.87174,-8.434542 0,-4.7257931 -3.44659,-8.4049203 -8.87174,-8.4049203"
id="path8"
inkscape:connector-curvature="0"
style="fill:#000000" />
<path
d="m 141.6326,24.475144 c -7.6503,0 -13.41067,-4.962774 -13.41067,-12.398047 0,-7.3088837 5.85091,-12.37632347 13.41067,-12.37632347 4.50812,0 7.73893,1.31326877 10.63453,3.49941677 l -2.25406,3.4362218 c -2.10764,-1.6588657 -4.74508,-2.8694427 -8.25717,-2.8694427 -5.5812,0 -9.04898,3.6139575 -9.04898,8.3081526 0,4.834409 3.50054,8.3437 9.10485,8.3437 3.50439,0 6.28439,-1.159231 8.37855,-2.820072 l 2.26369,3.440172 c -2.90331,2.188123 -6.31329,3.436222 -10.82141,3.436222"
id="path10"
inkscape:connector-curvature="0"
style="fill:#000000" />
<path
style="fill:#000000"
d="m 157.07193,0.41961535 4.24803,0 0,23.42752865 -4.24803,0 z"
id="rect12"
inkscape:connector-curvature="0" />
<path
style="fill:#000000"
d="m 167.58894,23.847144 0,-23.42752865 20.81053,0 0,3.87463635 -16.56828,0 0,5.6914893 12.87702,0 0,3.864763 -12.87702,0 0,6.123979 17.29844,0 0,3.872661 -21.54069,0"
id="polyline14"
inkscape:connector-curvature="0" />
<path
style="fill:#000000"
d="m 204.94271,4.2685788 0,19.5785652 -4.22876,0 0,-19.5785652 -9.3187,0 0,-3.84896345 22.85845,0 0,3.84896345 -9.31099,0"
id="polyline16"
inkscape:connector-curvature="0" />
<path
style="fill:#000000"
d="m 217.66176,23.847144 0,-23.42752865 20.81053,0 0,3.87463635 -16.56828,0 0,5.6914893 12.88666,0 0,3.864763 -12.88666,0 0,6.123979 17.29844,0 0,3.872661 -21.54069,0"
id="polyline18"
inkscape:connector-curvature="0" />
<path
d="m 83.799669,51.571925 c 2.323413,0 4.720034,-0.535181 6.52328,-1.413985 v -6.809249 h 4.118952 v 9.094139 c -2.899449,1.998538 -6.88547,3.217014 -10.823327,3.217014 -7.638749,0 -13.401044,-4.960798 -13.401044,-12.400021 0,-7.308883 5.84899,-12.364474 13.401044,-12.364474 4.423346,0 7.742783,1.279696 10.642232,3.465844 l -2.25213,3.438197 c -2.11342,-1.656891 -4.762419,-2.788474 -8.272583,-2.788474 -5.57542,-0.118491 -9.039347,3.570511 -9.039347,8.248907 0,4.848233 3.504385,8.312102 9.102923,8.312102"
id="path20"
inkscape:connector-curvature="0"
style="fill:#000000" />
<path
style="fill:#000000"
d="m 100.0231,55.031845 0,-23.419629 20.81438,0 0,3.868712 -16.58562,0 0,5.689514 12.89436,0 0,3.868712 -12.89436,0 0,6.123979 17.31193,0 0,3.868712 -21.54069,0"
id="polyline22"
inkscape:connector-curvature="0" />
<path
d="m 129.8749,55.031845 h -4.14592 V 31.612216 h 4.32509 l 14.90182,17.651121 0.10211,-0.0316 c -0.25045,-4.437466 -0.2832,-8.0297 -0.2832,-11.503444 v -6.11608 h 4.14207 v 23.419629 h -4.29042 l -14.84787,-17.647171 -0.0674,0.03555 c 0.16375,3.467819 0.16375,9.524654 0.16375,11.495544 v 6.11608"
id="path24"
inkscape:connector-curvature="0"
style="fill:#000000" />
<path
style="fill:#000000"
d="m 154.88338,55.031845 0,-23.419629 20.80668,0 0,3.868712 -16.57792,0 0,5.689514 12.89051,0 0,3.868712 -12.89051,0 0,6.123979 17.31771,0 0,3.868712 -21.54647,0"
id="polyline26"
inkscape:connector-curvature="0" />
<path
d="m 191.96936,46.415618 h -6.82767 v 8.616227 h -4.2384 V 31.612216 h 14.68605 c 4.87223,0 7.89498,3.064952 7.89498,7.46687 0,4.180737 -2.96881,6.676935 -6.55411,7.210142 l 6.8007,8.742617 h -5.30763 l -6.45392,-8.616227 m 3.16724,-3.902285 c 2.649,0 4.14785,-1.406086 4.14785,-3.432272 0,-2.221695 -1.31583,-3.598158 -3.69511,-3.598158 h -10.44765 v 7.032405 h 9.99491 z"
id="path28"
inkscape:connector-curvature="0"
style="fill:#000000" />
<path
d="m 212.41385,49.34628 -2.6201,5.685565 h -4.58518 l 11.13351,-23.419629 h 4.45224 l 11.14699,23.419629 h -4.56784 l -2.62973,-5.685565 h -12.32989 m 1.76472,-3.803542 h 8.80238 l -4.38674,-9.491081 -4.41564,9.491081 z"
id="path30"
inkscape:connector-curvature="0"
style="fill:#000000" />
<path
style="fill:#000000"
d="m 235.05846,55.031845 0,-23.419629 4.23261,0 0,19.550917 15.25824,0 0,3.868712 -19.49085,0"
id="polyline32"
inkscape:connector-curvature="0" />
<path
style="fill:#000000"
d="m 257.41215,55.031845 0,-23.419629 20.82402,0 0,3.868712 -16.58369,0 0,5.689514 12.89051,0 0,3.868712 -12.89051,0 0,6.123979 17.31,0 0,3.868712 -21.55033,0"
id="polyline34"
inkscape:connector-curvature="0" />
<path
style="fill:#ed1a3a;fill-rule:evenodd"
d="m -0.294,-0.31700003 54.611758,0 0,28.55026403 -54.611758,0 z"
id="rect36"
inkscape:connector-curvature="0" />
<path
style="fill:#000000;fill-rule:evenodd"
d="m -0.294,27.674385 54.611758,0 0,27.989409 -54.611758,0 z"
id="rect38"
inkscape:connector-curvature="0" />
<path
style="fill:none;stroke:#ffffff;stroke-width:1.72500002;stroke-miterlimit:10"
d="m 9.2481751,27.672409 35.5293339,0"
id="line40"
inkscape:connector-curvature="0" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 7.3 KiB

46
www/img/sponsors/soge2.svg Normal file
View file

@ -0,0 +1,46 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
<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="132.762px"
height="31.561px" viewBox="0 0 132.762 31.561" xml:space="preserve">
<rect x="3.525" y="3.244" fill="#FFFFFF" width="25.211" height="25.206"/>
<rect x="4.112" y="3.833" fill="#EC1A3A" width="24.033" height="12.015"/>
<rect x="4.112" y="15.848" fill="#231F20" width="24.033" height="12.015"/>
<rect x="8.304" y="15.117" fill="#FFFFFF" width="15.634" height="1.459"/>
<path fill="#FFFFFF" d="M44.036,6.519c-1.291-0.55-2.671-0.908-3.902-0.908c-1.799,0-2.697,0.387-2.697,1.081
c0,1.988,8.019,0.392,8.019,4.629c0,1.756-1.648,3.112-4.947,3.112c-1.959,0-3.488-0.404-5.244-1.356l0.725-1.581
c1.541,0.855,2.978,1.235,4.533,1.235c1.954,0,3.003-0.565,3.003-1.41c0-2.174-8.021-0.55-8.021-4.521
c0-1.715,1.635-2.895,4.589-2.895c1.769,0,3.257,0.388,4.679,1.102L44.036,6.519"/>
<path fill="#FFFFFF" d="M52.732,14.484c-3.202,0-5.859-2.132-5.859-5.321c0-3.15,2.657-5.323,5.859-5.323
c3.221,0,5.835,2.173,5.835,5.323C58.567,12.352,55.953,14.484,52.732,14.484 M52.732,5.555c-2.331,0-3.926,1.581-3.926,3.607
c0,2.078,1.524,3.62,3.926,3.62c2.388,0,3.903-1.558,3.903-3.62C56.635,7.136,55.12,5.555,52.732,5.555"/>
<path fill="#FFFFFF" d="M66.138,14.473c-3.366,0-5.901-2.132-5.901-5.325c0-3.136,2.576-5.31,5.901-5.31
c1.984,0,3.407,0.563,4.682,1.502l-0.992,1.475c-0.928-0.712-2.09-1.233-3.635-1.233c-2.456,0-3.981,1.555-3.981,3.566
c0,2.077,1.541,3.583,4.007,3.583c1.543,0,2.766-0.5,3.688-1.211l0.994,1.479C69.625,13.936,68.122,14.473,66.138,14.473"/>
<rect x="73.177" y="4.146" fill="#FFFFFF" width="1.871" height="10.058"/>
<polyline fill="#FFFFFF" points="78.05,14.204 78.05,4.146 87.208,4.146 87.208,5.809 79.915,5.809 79.915,8.25 85.583,8.25
85.583,9.912 79.915,9.912 79.915,12.541 87.53,12.541 87.53,14.204 78.05,14.204 "/>
<polyline fill="#FFFFFF" points="94.489,5.798 94.489,14.204 92.627,14.204 92.627,5.798 88.524,5.798 88.524,4.145 98.583,4.145
98.583,5.798 94.489,5.798 "/>
<polyline fill="#FFFFFF" points="100.327,14.204 100.327,4.146 109.485,4.146 109.485,5.809 102.194,5.809 102.194,8.25
107.864,8.25 107.864,9.912 102.194,9.912 102.194,12.541 109.807,12.541 109.807,14.204 100.327,14.204 "/>
<path fill="#FFFFFF" d="M41.017,26.107c1.02,0,2.076-0.232,2.869-0.608v-2.922h1.812v3.903c-1.275,0.856-3.029,1.382-4.761,1.382
c-3.364,0-5.9-2.132-5.9-5.325c0-3.138,2.576-5.307,5.9-5.307c1.946,0,3.406,0.546,4.682,1.485l-0.991,1.479
c-0.929-0.713-2.096-1.199-3.64-1.199c-2.452-0.049-3.979,1.533-3.979,3.542C37.009,24.617,38.55,26.107,41.017,26.107"/>
<polyline fill="#FFFFFF" points="47.992,27.592 47.992,17.537 57.152,17.537 57.152,19.199 49.853,19.199 49.853,21.64
55.527,21.64 55.527,23.301 49.853,23.301 49.853,25.93 57.47,25.93 57.47,27.592 47.992,27.592 "/>
<path fill="#FFFFFF" d="M61.291,27.592h-1.825V17.537h1.904l6.558,7.576l0.046-0.014c-0.111-1.902-0.125-3.445-0.125-4.938v-2.625
h1.821v10.056h-1.888l-6.536-7.576l-0.026,0.013c0.07,1.488,0.07,4.091,0.07,4.938V27.592"/>
<polyline fill="#FFFFFF" points="72.377,27.592 72.377,17.537 81.532,17.537 81.532,19.199 74.239,19.199 74.239,21.64
79.909,21.64 79.909,23.301 74.239,23.301 74.239,25.93 81.856,25.93 81.856,27.592 72.377,27.592 "/>
<path fill="#FFFFFF" d="M88.614,23.892H85.61v3.699h-1.863V17.536h6.461c2.144,0,3.475,1.317,3.475,3.205
c0,1.796-1.305,2.867-2.886,3.098l2.993,3.753h-2.334L88.614,23.892 M90.008,22.217c1.166,0,1.826-0.605,1.826-1.477
c0-0.953-0.58-1.543-1.626-1.543H85.61v3.02H90.008z"/>
<path fill="#FFFFFF" d="M97.612,25.151l-1.153,2.441h-2.017l4.898-10.056h1.959l4.904,10.056h-2.01l-1.154-2.441H97.612
M98.39,23.519h3.872l-1.931-4.079L98.39,23.519z"/>
<polyline fill="#FFFFFF" points="107.575,27.592 107.575,17.537 109.438,17.537 109.438,25.93 116.155,25.93 116.155,27.592
107.575,27.592 "/>
<polyline fill="#FFFFFF" points="117.415,27.592 117.415,17.537 126.575,17.537 126.575,19.199 119.282,19.199 119.282,21.64
124.952,21.64 124.952,23.301 119.282,23.301 119.282,25.93 126.896,25.93 126.896,27.592 117.415,27.592 "/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.2 KiB

139
www/index.html Normal file
View file

@ -0,0 +1,139 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,">
<meta name="description" content="La Nuit &mdash; Gala de l'ENS">
<meta name="keywords" content="ENS Gala Nuit 2021 Ulm Ecole Normale Supérieure">
<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/tipso.css">
<link rel="stylesheet" href="css/calendar.css">
</head>
<body>
<header id="main-header">
<!img id="main-header-leaves" src="../newheader.jpg" alt="Par une Nuit d'hiver brille une étoile">
<!img id="main-header-title" src="img/header/title.jpg" alt="À la faveur de la Nuit">
<!img id="main-header-subtitle" src="img/header/subtitle.png" alt="Gala de l'ENS">
<!img id="main-header-hands" src="img/header/hands.png" alt="Deux mains serrées">
<!canvas id="main-header-stars"><!/canvas>
</header>
<section>
<div>
<a href="english_index.html" target="_blank">
<div class="button">
<img src="img/icons/english_flag.svg" class="fix-alignement" alt="English version">
English version
</div>
</a>
</div>
</section>
<section>
<h2>Retours sur la Nuit</h2>
<div>
<p>Le <strong>samedi 4 décembre 2021</strong>, tout en triomphe, en fanfare et en tapis rouges, se tenait <strong>la Nuit de la rue d'Ulm</strong>, le Gala de l'ENS. La soirée a connu un succès fou comme aucune année auparavant, et l'équipe d'organisation tient à remercier tout&middot;es celles et ceux qui ont participé à l'installation, la tenue et le rangement de la soirée !</p>
<p>Mais nous pouvons, et nous voulons faire encore mieux l'année prochaine ! Quel prestataire devrions-nous réinviter ? Avez-vous eu le temps de vous amuser à souhait ? etc... Nous n'avons pas pu tout voir, aussi n'hésitez pas contribuer au Gala en répondant <strong>en moins de cinq minutes au questionnaire ci-dessous !</strong></p>
<a href="https://framaforms.org/questionuit-1639404138" target="_blank">
<div class="button">
<img src="img/icons/survey.svg" alt="Sondage">
<span>Questionnaire de retours</span>
</div>
</a>
<a href="https://photos.cof.ens.fr/index.php/%C3%89v%C3%A8nements/2021-2022/Par%20une%20Nuit%20d'hiver,%20brille%20une%20%C3%A9toile" target="_blank">
<div class="button">
<img src="img/icons/photo.svg" alt="Photo">
<span>Serveur photos</span>
</div>
</a>
<a href="https://www.instagram.com/la_nuit_ulm/" target="_blank">
<div class="button">
<img src="img/icons/instagram.svg" alt="Page Instagram">
<span>Page Instagram</span>
</div>
</a>
<a href="https://www.facebook.com/LaNuitGalaENS/" target="_blank">
<div class="button">
<img src="img/icons/facebook.svg" alt="Page Facebook">
<span>Page Facebook</span>
</div>
</a>
</div>
</section>
<section>
<h2>Nous contacter</h2>
<div>
<p id="contact-email">
<img src="img/icons/email.svg" alt="Email">
<span>responuit[arobase]ens[point]fr</span>
</p>
</div>
</section>
<section>
<h2>Remerciements</h2>
<div>
<div id="sponsors">
<a href="https://www.cof.ens.fr">
<img class="sponsor-disc" src="img/sponsors/cof.png" alt="COF">
</a>
<a href="https://www.archicubes.ens.fr">
<img class="sponsor-disc" src="img/sponsors/a-ulm.png" alt="A-Ulm">
</a>
<a href="https://www.ens.fr/">
<img class="sponsor-disc" src="img/sponsors/ens.png" alt="ENS">
</a>
<a href="https://www.facebook.com/clubPLS/">
<img src="img/sponsors/pls2.png" alt="PLS">
</a>
<br>
<a href="https://www.societegenerale.fr">
<img src="img/sponsors/soge2.svg" alt="Société Générale">
</a>
<a href="https://www.gmf.fr">
<img src="img/sponsors/GMF.svg" alt="Garantie Mutuelle des Fonctionnaires">
</a>
</div>
</div>
</section>
</body>
<!-- Note: tipso plugin requires the full jQuery library, the slim one is not sufficient -->
<!-- <script type="text/javascript" src="js/jquery-3.3.1.slim.min.js"></script> -->
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/stars.js"></script>
<script type="text/javascript" src="js/tipso.min.js"></script>
<script type="text/javascript" src="js/calendar.js"></script>
<script type="text/javascript">
$(window).ready(() => {
// Starry background init
const canvas = document.getElementById("main-header-stars");
const sky = new StarrySky(canvas);
// Calendar init
let cal = new Calendar({
startDate: new Date(2019, 10, 30, 19),
endDate: new Date(2019, 11, 01, 5),
groupEventsByLocation: true
});
});
</script>
</html>

1272
www/js/calendar.js Normal file
View file

File diff suppressed because it is too large Load diff

2
www/js/jquery-3.3.1.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

2
www/js/jquery-3.3.1.slim.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

129
www/js/stars.js Normal file
View file

@ -0,0 +1,129 @@
// Helper function to get a random element in an array
function getRandomElement(array) {
return array[Math.floor(Math.random() * array.length)];
}
// Class representing a single star
// It handles its life cycle and drawing by itself
class Star {
constructor(context, x, y) {
this.context = context;
this.x = x;
this.y = y;
this.color = Star.getRandomColor();
this.radius = Star.getRandomRadius();
this.lifetime = Star.getRandomLifetime();
this.creationTime = Date.now();
}
draw() {
const c = this.context;
// Use a 2nd-degree polynomiam to have an non-linearly increasing/decreasing opacity
const t = Date.now() - this.creationTime; // Elapsed time since star creation
const L = (- this.lifetime * this.lifetime / 4); // Normalisation factor (to max at 1)
c.globalAlpha = Math.max(0, ((t * t) - (t * this.lifetime)) / L);
c.fillStyle = this.color;
c.beginPath();
c.moveTo(this.x, this.y)
c.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
c.closePath();
c.fill();
}
static getRandomColor() {
return getRandomElement([
"#fee9ca", "#fbd1a6", "#c7e0f6", "#fbd4c7"
]);
}
static getRandomRadius() {
return getRandomElement([
0.5, 1, 2, 3
]);
}
static getRandomLifetime() {
return getRandomElement([
1000, 3000, 5000, 8000
]);
}
}
// Class representing an animated starry sky
// It periodically create new stars in a given canvas
class StarrySky {
constructor(canvas) {
this.canvas = canvas;
this.context = canvas.getContext("2d");
this.stars = new Set();
this.delayBetweenUpdates = 500;
this.nbStarsPerBatch = 8;
this.updateCanvasDimensions();
this.startWatchingWindowResizes();
this.startUpdatingStars();
this.startDrawingStars();
}
updateCanvasDimensions() {
const c = this.canvas;
c.width = c.parentElement.clientWidth;
c.height = c.parentElement.clientHeight;
}
startWatchingWindowResizes() {
window.addEventListener("resize", () => this.updateCanvasDimensions());
}
startUpdatingStars() {
window.setInterval(() => {
// Clean up the list of stars to draw
this.removeDeadStars();
// Generate new stars
for (let i = 0; i < this.nbStarsPerBatch; i++) {
this.generateStar();
}
}, this.delayBetweenUpdates);
}
generateStar() {
const xMax = this.canvas.clientWidth;
const yMax = this.canvas.clientHeight;
const x = Math.floor(Math.random() * xMax);
const y = Math.floor(Math.random() * yMax);
this.stars.add(new Star(this.context, x, y));
}
removeDeadStars() {
for (let star of this.stars.values()) {
if (star.creationTime + star.lifetime <= Date.now()) {
this.stars.delete(star);
}
}
}
startDrawingStars() {
window.requestAnimationFrame((_) => this.drawStars())
}
drawStars() {
this.context.clearRect(0, 0, this.canvas.clientWidth, this.canvas.clientHeight);
for (let star of this.stars.values()) {
star.draw();
}
window.requestAnimationFrame(() => this.drawStars())
}
}

1
www/js/tipso.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long