diff --git a/www/OLD_english_index.html b/www/OLD_english_index.html new file mode 100644 index 0000000..dcecca4 --- /dev/null +++ b/www/OLD_english_index.html @@ -0,0 +1,815 @@ + + + + + + + + + + La Nuit — The ENS Gala + + + + + + + +
+ + + + + + +
+ +
+
+ +
+ Version française + Version française +
+ +
+
+ +
+

Presentation

+
+

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.

+ +

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!

+ +

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.

+ +

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!

+ + + +
+ Instagram + Instagram +
+ + + +
+ Facebook + Facebook +
+ + + +
+ LinkedIn + LinkedIn +
+ +
+

Feel free to have a look at the full planning below!

+
+
+ + + +
+

Prices and ticketing

+
+

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:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
COF memberStudentOther
Entry (pre-sales)18€22€29€
Entry (on site)24€28€35€
With buffet+10€+14€+19€
+ + + +

Student price also concerns students outside the ENS!

+ + + + + + + + + +
+ Ticket + Online ticketing service +
+ +
+
+ + + + + + + +
+

Program of the Gala

+

The buffet will start at 8:00 pm and the party at 9:30 pm. Click on an event to see its description!

+ + +
+
+ + +
+ 20 + Buffet + 04/12/2021 20:00 + 04/12/2021 21:45 + Pôt + + A buffet including two drinks, one of which being a glass of Champagne, will be served before the evening : petits fours
+ and puffs prepared by normalien·ne·s for the savoury part, followed by mignardises and sweet delights prepared by a pastry
+ school! It's also an opportunity to get together with friends in a festive (and tasty...!) setting.

+ RESERVATION RECOMMENDED - LIMITED ENTRIES +
+ + + +
+ 35 + Foodtruck + 04/12/2021 22:00 + 05/12/2021 02:00 + Libraries' courtyard + + Hungry in the middle of the night? The generous buffet wasn't enough for you? Attention to all appetites,
+ the foodtruck set in the libraries' courtyard's will offer classic, veggie and non-veggie options. +
+ + + +
+ 30 + Tasting & Encouters + 04/12/2021 22:00 + 05/12/2021 04:00 + Résistants Room + + If you are coming to La Nuit to meet people of all ages and from all backgrounds, while enjoying some local products, you are
+ in the right place! The ENS Cheese and Oenology clubs offer a joint wine and cheese tasting. We hope that students from the ENS
+ and elsewhere, the administration staff, the alumni and everyone else will go beyond the age gap and discuss freely. +
+ + + + + + +
+ 1 + Mulled wine & wassail + 04/12/2021 22:00 + 05/12/2021 04:00 + Courô + + If, as the cold sting of the winter night starts getting to you, you need a pick-me-up
+ (with or without alcohol) to warm you up, go and visit this booth. You will be offered
+ mulled wine and wassail, an ancient English drink made with apple juice and cinnamon. +
+ +
+ 55 + Lasershow : Shows at 10PM, 11PM, midnight, 1.30AM, 2.30AM & 3.30AM! + 04/12/2021 22:00 + 05/12/2021 4:00 + Courô + + + The association LaserWave will offer to everyone a breathtaking sound-and-light lasershow, all night in Courô.
+ The show lasts a few minutes at the above scheduled times. If you want to see other videos, click below :
+ LaserWave Institut d'optique — Youtube
+ LaserWave website
+ +
+ + +
+ 0 + Opening speech + 04/12/2021 21:45 + 04/12/2021 22:00 + Courô + + Speeches by Rachel Piednoir and Martin Teuscher, from the gala organisation team, by Emma Oswald,
+ president of the student's association (COF), by Marc Mézard, the ENS director, and by a spokesperson
+ from the alumni association (a-Ulm) will launch the evening. +
+ + +
+ 3 + ENS Choirs + 04/12/2021 22:00 + 04/12/2021 22:30 + Courô + + From traditional songs to the Beatles, the ENS choirs will present a broad repertoire of
+ tunes, sung a capella by crystalline voices to harmoniously open the evening. +
+ +
+ 2 + Brass band + 04/12/2021 23:00 + 04/12/2021 23:45 + Courô + + "It's the fanfare!" The Ernestophone, the incomparable brass band from the ENS, will bring the first part of
+ the evening to life with its wild tunes : perfect to heat the courtyard up and get people dancing to the sound
+ of the brass. You want to know more about them ? Click on these links!
+ L'Ernestophone — Facebook
+ L'Ernestophone website +
+ + +
+ 1 + BandarrêtdurgENS + 05/12/2021 00:45 + 05/12/2021 01:30 + Courô + + The BandarrêtdurgENS or banda is a piece of southwestern France in Paris, an opportunity to enjoy the delicacies
+ of its local tunes, full of joyous hospitality. From the Spanish pasa doble, to the "moto", come and discover a
+ broad repertoire which brings life to the villages' fairs.
+ Bandarrêtdurgence — Facebook +
+ + + + +
+ 19 + N'improte Quoi + 05/12/2021 00:00 + 05/12/2021 00:45 + Dussane Room + + The exceptional ENS improv team is coming for its traditional cabaret night. Be ready for
+ improv, silliness, high spirits, and above all, tears of laughter. Some useful links:
+ N’improte Quoi — Facebook
+ N'improte Quoi website +
+ + + +
+ 35 + Jazz concert Oléojazz + 04/12/2021 22:00 + 05/12/2021 00:00 + Salle d'Expression Artistique + + How about a quintet of professional musicians here to delight our ears with some jazz mated with blues, bebop, swing,
+ ballads and bossa nova? That's a yes for us! Guitar and vocals tunes, wacky saxophone and drum improvisations,
+ orchestrated by a strong double bass: all the ingredients are here for an extraordinary musical time!
+ Oléo Jazz website +
+ + +
+ 42 + Rap - Nina Simone Studio + 05/12/2021 00:15 + 05/12/2021 01:15 + Salle d'Expression Artistique + + Nina Simone Studio is an initiative to bring a good musical accompaniement to Seine-Saint-Denis youth and help
+ foster the future talents of urban music! Coming back here for the second time this year, they will delight you
+ with their instinctive rap and their striking texts.
+ Nina Simone Studio website +
+ +
+ 21 + DJ Set Marc Ryan + 05/12/2021 01:30 + 05/12/2021 04:00 + Salle d'Expression Artistique + + With Marc Ryan, internationally known DJ, who mixed for Martin Solweig and Rihanna, be ready for a true blast,
+ with a hugely diverse set, blending pop, rock, funk and disco. Come and enjoy a splendid musical feeling,
+ dancing under the lights of a lightshow up to the event!
+ Marc Ryan's Sound Cloud +
+ + + + + + +
+ 22 + Boum + 04/12/2021 23:00 + 05/12/2021 01:30 + K-Fêt + + The Boum is the ENS DJ club, and its members will enliven the beginning of the evening in K-Fêt. Calling to all
electronic music enthusiasts, they will make you dance at the sound of an ecclectic and harmoniously mixed playlist.
+ Boum — Facebook +
+ + + +
+ 78 + Waltz initiation + 04/12/2021 23:30 + 05/12/2021 00:30 + Actes Room + + Seeing waltzers circle at the show conquered your heart and you want to venture to Waltz-Land?
+ The ENS waltz club will teach you the first steps and you will then be able to continue whirling
+ as much as you want with a partner during the dance party following the initiation! +
+ +
+ 4 + Waltz + 05/12/2021 00:30 + 05/12/2021 04:00 + Actes Room + + Waltz, a dance which marries grace and elegance so well... A couple waltzing is like a top harmoniously
+ spinning and spinning until floating above the ballroom floor. You were working this very morning? Very well, dance now!
+ Beginners or experienced dancers, come and twirl in the gorgeous Actes room. +
+ + + +
+ 10 + Dance show (1) + 04/12/2021 22:00 + 04/12/2021 23:00 + Gymnasium + + For all tastes, in all styles, music and glitter,... The ENS dance clubs will perform their most beautiful
+ choreographies in a colourful show that will take your breath away. Your eyes will surely be dazzled !
+ Program of the first part: Pole DENS, Pole Solo, African dances, 4-beat Rock, Choreographic workshop, Waltz. +
+ +
+ 11 + Break + 04/12/2021 23:00 + 04/12/2021 23:30 + Gymnasium + + There will be a 30 minute break between the two parts. It will be possible to come in to attend the second show,
+ or to leave in order to enjoy the other events. We invite you to choose between one of the two halves of the show,
+ so as not to neglect the other activities! +
+ +
+ 12 + Dance show (2) + 04/12/2021 23:30 + 05/12/2021 00:30 + Gymnasium + + For all tastes, in all styles, music and glitter,... The ENS dance clubs will perform their most beautiful
+ choreographies in a colourful show that will take your breath away. Your eyes will surely be dazzled !
+ Program of the second part: Choré-choré, DécadENS, Acro-yoga, Tango, 6-beat Rock, Pompom. +
+ + + +
+ 13 + Rock dance party + 05/12/2021 01:15 + 05/12/2021 04:00 + Gymnasium + + The two rock clubs of the ENS join forces in the gym! Whether you prefer 4-beat rock, a young and rhythmic dance
+ influenced by contemporary musical evolutions such as pop, or 6-beat rock, which remains close to its swing or
+ boogie roots, whether you are a trained acrobat or an occasional dancer, don't hesitate and get on the dancefloor! +
+ + + + + + + + + + +
+ 14 + 4-beat rock initiation + 04/12/2021 23:30 + 05/12/2021 00:30 + Celan room + + 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
+ will teach you the basics, then you can enjoy the rock dance party in the gym in order to put your discoveries into practice! +
+ + +
+ 15 + 6-beat rock initiation + 05/12/2021 00:30 + 05/12/2021 01:15 + Celan room + + You want to try some rock steps on shifted tempos, to dance on swing or boogie ? Enjoy the
+ initiation offered by the 6 count/beat rock club to learn a few passes, then head to the rock
+ dance party at the gym in order to put your discoveries into practice! +
+ + + +
+ 33 + Latin dances initiation + 05/12/2021 00:30 + 05/12/2021 01:30 + Cavaillès room + + Three dance clubs of the ENS, DecadENS, Tango and HispaniENSes join forces to teach you the steps of
+ few couple dances with a sweet South American accent... The initiation will be followed by a dance
+ party around Latin dances where you can confirm what you have learned! +
+ +
+ 33 + Latin dances party + 05/12/2021 01:30 + 05/12/2021 04:00 + Cavaillès room + + Three dance clubs of the ENS, DécadENS, Tango and HispaniENSes join forces to make you live a
+ frenzied evening : What is planned... Latin dances! Whether you've got natural rhythm or you have
+ just learned your first steps, come and shake and vibrate to the bewitching rhythms of chacha, rumba, salsa and tango! +
+ + + + +
+ 18 + Karaoke + 05/12/2021 02:00 + 05/12/2021 04:00 + Galois auditorium + + Gather what's left of your voices and end the evening in style by going
+ to the traditional karaoke of the Night! Colourful playlist guaranteed:
+ French songs, international variety, pop, there's something for everyone! +
+ + + + + +
+ 34 + Photobooth + 04/12/2021 22:00 + 05/12/2021 04:00 + War memorial + + What would the ENS Night be without its inevitable photobooth? Dressed in your most beautiful jackets,
+ dresses, bow ties, hats, accessories, or unicorn costumes for the most exotic, come and immortalize this unforgettable
+ evening with a beaming and charming smile! No limit of people per photo, as long as you fit in the frame! +
+ + + +
+ 24 + Photo & lego exhibitions + 04/12/2021 20:00 + 05/12/2021 04:00 + Petit Pôt + + From the forbidden realms of dreams, we head towards the inky sky of nocturnal Tunisia by the shortest
+ way: a round trip in the stars. Mixing photographs and mosaic Legos, this place revolves around the fusion
+ of several exhibitions, with multiple themes but which join and intertwine in more than one way. +
+ + + +
+ 31 + Relaxation room + 04/12/2021 22:00 + 05/12/2021 04:00 + Weil room + + You need a break before going dancing again? You want to catch up with a friend or simply to rest? This room
+ will be set up for those who need a little island of calm in the heart of the Gala's bustling activity.

+ WARNING : in case of serious problems and/or if assistance is needed, you must go
+ to the Red Cross stand which is in another room! +
+ + + + + + + + +
+ 47 + Red Cross stand + 04/12/2021 20:00 + 05/12/2021 04:00 + Aron room + + First-aiders from the Red Cross will be permanently available in this room in case there is a problem requiring intervention. +
+ + + + + + + + + + + + + + + + + + + +
+
+
+ + +
+

Practical information

+
+

Bars: WARNING: it will only be possible to pay by cash at the bars, so withdraw cash if you need it before entering the Gala.

+ +

Entry and exit: 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.

+ +

Checkroom: A free checkroom will be available at the Pôt all night long and plaids will be at disposal.

+ +

Catering: 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.

+ +

Drinks: 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.

+ +

Souvenir photos: A photo booth will be present in the war memorial throughout the evening.

+ +

Dresscode: 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!

+
+
+ + + +
+

How to come?

+
+

+ Location + 45 rue d'Ulm 75005 Paris +

+ + +
+ +
+
+ Metro line 7 +
+ Place Monge + +
+ RER B +
+ Luxembourg + +
+ Bus line 24 +
+ École Normale Supérieure + +
+ Bus line 21 + Bus line 27 +
+ Feuillantines + +
+ Night bus line 14 + Night bus line 21 + Night bus line 122 +
+ Auguste Comte +
+
+ +
+

Contact us

+
+ +

+ Email + responuit[arobase]ens[point]fr +

+
+
+ +
+

Special thanks to

+
+ +
+
+ + + + + + + + + + + diff --git a/www/OLD_index.html b/www/OLD_index.html new file mode 100644 index 0000000..40cb493 --- /dev/null +++ b/www/OLD_index.html @@ -0,0 +1,833 @@ + + + + + + + + + + La Nuit — Gala de l'ENS + + + + + + + +
+ + + + + + +
+ +
+
+ +
+ English version + English version +
+ +
+
+ +
+

Présentation

+
+

Le samedi 4 décembre 2021, 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 Gala nocturne ! La soirée se déroulera dans le bâtiment historique du 45 rue d'Ulm, paré de ses plus somptueux atours.

+ +

Le tapis rouge sera déroulé pour toutes et tous, et il ne sera pas simple de choisir parmi le florilège d'activités, de manifestations artistiques et de rencontres auxquelles prendre part !

+ +

De 7 à 77 ans, les clubs de danse de l'ENS proposeront des initiations à la valse, au rock ou à d'autres danses de salon. De nombreux concerts, spectacles et expositions ponctueront cette soirée extraordinaire, de l'étourdissant spectacle de danse au concert professionnel de jazz, en passant par le set de mixage DJ et l'imprédictible cabaret d'improvisation.

+ +

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 : grand buffet, chant, fanfare, expositions, dégustations, illuminations laser,... joyeuses festivités !

+ + +
+ Instagram + Page Instagram +
+ + + +
+ Page Facebook + Page Facebook +
+ + + +
+ LinkedIn + Page LinkedIn +
+ +
+

N'hésitez pas à jeter un œil au planning complet plus bas !

+
+
+ + + +
+

Tarifs et billetterie

+
+

Les préventes sont ouvertes dès le lundi 8 novembre au 45 rue d'Ulm, en Aqua de 12h à 14h et au Burô du COF. + Une billetterie en ligne ouvrira également à cette date, accessible en cliquant ci-dessous :

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
COFÉtudiant·eAutre
Soirée (prévente)18€22€29€
Soirée (sur place)24€28€35€
Avec buffet+10€+14€+19€
+ + +

Le tarif étudiant est à prendre au sens large : il concerne aussi les étudiant·e·s en dehors de l'ENS !

+ + + + + + + + + +
+ Ticket + Billetterie en ligne +
+ + +
+
+ + + + + + + +
+

Programme de la soirée

+

Le buffet commencera à 20h00 et la soirée à 21h30. Cliquez sur un événement pour en voir la description !

+ + +
+
+ + +
+ 20 + Buffet + 04/12/2021 20:00 + 04/12/2021 21:45 + Pôt + + Un buffet incluant deux boissons dont une coupe de Champagne sera servi avant la soirée : petits fours et feuil-
+ -letés préparés par des normalien·ne·s pour la partie salée, suivis de mignardises et délices sucrés préparés par
+ une école de pâtisserie ! C’est aussi l’occasion de se retrouver entre ami·e·s dans un cadre festif... et gustatif.

+ RÉSERVATION RECOMMANDÉE - PLACES LIMITÉES +
+ + + +
+ 35 + Foodtruck + 04/12/2021 22:00 + 05/12/2021 02:00 + Cour des bibliothèques + + 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
+ foodtruck installé dans la Cour des bibliothèques vous proposera des plats végétariens et non végétariens de qualité. +
+ + + +
+ 30 + Dégustations & Rencontres + 04/12/2021 22:00 + 05/12/2021 04:00 + Salle Résistants + + Si vous souhaitez profiter de la Nuit pour rencontrer des esprits de tout âge et de tous horizons, tout en savourant
+ quelques produits du terroir, vous êtes au bon endroit ! Les clubs Fromage et Œnologie de l'école proposeront une
+ dégustation commune de vin et fromage. Nous espérons qu'étudiant·e·s de l'école et d'ailleurs, personnel admini-
+ -stratif, ancien·ne·s élèves et autres sauront s'affranchir de la barre des générations et échanger sur tous les sujets ! +
+ + + + + + +
+ 1 + Stand vin chaud & wassail + 04/12/2021 22:00 + 05/12/2021 04:00 + Courô + + Le froid de la nuit hivernale se fait sentir, et vous avez besoin d'un petit remontant (avec ou sans
+ alcool) pour vous réchauffer ? Passez faire un tour au stand, où vous seront servis du vin chaud
+ et du wassail, une ancestrale boisson anglaise à base de jus de pomme et de cannelle. +
+ +
+ 55 + Illuminations Laser : Show à 22h, 23h, 0h, 1h30, 2h30 & 3h30 ! + 04/12/2021 22:00 + 05/12/2021 4:00 + Courô + + Illuminations Laser par l'association LaserWave toute la Nuit en Courô, avec un show lumineux
+ et sonore époustouflant de quelques minutes aux heures indiquées ! Pour d'autres vidéos :
+ LaserWave Institut d'optique — Youtube
+ Site internet de LaserWave
+ +
+ + +
+ 0 + Discours d'ouverture + 04/12/2021 21:45 + 04/12/2021 22:00 + Courô + + La soirée sera ouverte par des discours de Rachel Piednoir et Martin Teuscher, membres
+ de l’équipe organisatrice du Gala, Emma Osswald, présidente de l’Association des Élèves
+ (COF), Marc Mézard, directeur de l’ENS, et Nicolas Obtel, représentant de l’a-Ulm. +
+ + +
+ 3 + Chœurs de l'ENS + 04/12/2021 22:00 + 04/12/2021 22:30 + Courô + + De chants traditionnels aux Beatles, le club de chorale de l'ENS vous présentera un vaste répertoire
+ de mélodies, chantées a capella par des voix cristallines pour ouvrir la soirée dans l'harmonie. +
+ +
+ 2 + Fanfare + 04/12/2021 23:00 + 04/12/2021 23:45 + Courô + + « C’est la fanfare ! » L’Ernestophone, l’inimitable fanfare de l’École, animera la première partie
+ de soirée avec ses morceaux endiablés : l'idéal pour réchauffer l'atmosphère et se mettre
+ à danser au rythme des cuivres ! Envie d'en savoir plus sur leur musique ? Quelques liens :
+ Page Facebook de l'Ernestophone
+ Site internet de l'Ernestophone +
+ + +
+ 1 + BandarrêtdurgENS + 05/12/2021 00:45 + 05/12/2021 01:30 + Courô + + La BandarrêtdurgENS ou banda, c’est un morceau du Sud-Ouest à Paris, une occasion d'apprécier les
+ charmes de ses musiques si particulières, un concentré de joviale convivialité. Du pasodoble espa-
+ -gnol à « la moto », venez découvrir un très large répertoire qui met le feu dans les fêtes de village !
+ Page Facebook de la Bandarrêtdurgence +
+ + + + +
+ 19 + N'improte Quoi + 05/12/2021 00:00 + 05/12/2021 00:45 + Salle Dussane + + La brillantissime troupe d’improvisation étudiante de l’ENS Ulm revient pour son traditionnel cabaret.
+ Au menu : de l’impro, des bêtises, de la bonne humeur, mais surtout du rire à en perdre la mâchoire !
+ La troupe vous a tant subjugué·e que vous voulez les retrouver ? Voici quelques liens utiles :
+ Page Facebook des N’improtequoi
+ Site internet des N'improtequoi +
+ + + +
+ 35 + Concert de jazz Oléojazz + 04/12/2021 22:00 + 05/12/2021 00:00 + Salle d'Expression Artistique + + Un quintet de musiciens professionnels qui vient enchanter nos oreilles d'un jazz coloré aux accents de blues, be-bop, swing,
+ ballades et bossa nova ? On dit oui ! Mélodies à la guitare et au chant, improvisations déjantées du saxophone et de la batterie,
+ le tout orchestré par la puissante contrebasse, tous les ingrédients sont réunis pour un extraordinaire moment musical !
+ Site internet de l'Oléo Jazz +
+ + +
+ 42 + Rap - Studio Nina Simone + 05/12/2021 00:15 + 05/12/2021 01:15 + Salle d'Expression Artistique + + Le studio Nina Simone, c'est une initiative pour apporter un accompagnement musical de qualité à des jeunes
+ de Seine-Saint-Denis et voir émerger les nouveaux talents de la musique urbaine ! Ces jeunes reviennent à
+ l'ENS pour la seconde fois cette année, pour nous faire vibrer sur leur rap instinctif avec des textes saisissants.
+ Site internet du studio Nina Simone +
+ +
+ 21 + DJ Set Marc Ryan + 05/12/2021 01:30 + 05/12/2021 04:00 + Salle d'Expression Artistique + + Marc Ryan, DJ de renommée internationale dont la carrière l'a amené à mixer pour Martin Solweig ou Rihanna,
+ nous réserve une véritable déflagration, avec un set extrêmement riche à base de pop, rock, funk, et disco. Venez
+ vivre une fantastique émotion musicale, illuminé·e·s par un festival de lumières à la hauteur de l'événement !
+ Sound Cloud de Marc Ryan +
+ + + + + + +
+ 22 + Boum + 04/12/2021 23:00 + 05/12/2021 01:30 + K-Fêt + + 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
+ de musiques électroniques, il vous fera danser sur une playlist éclectique et harmonieusement mixée !
+ Page Facebook du Boum +
+ + + + +
+ 83 + Valse + 04/12/2021 23:30 + 05/12/2021 00:30 + Salle des Actes + + La valse, alliant savamment grâce et élégance... Un couple qui valse, c’est une toupie qui tourne et tournoie harmo-
+ -nieusement jusqu’à survoler le parquet de danse. Vous travailliez le matin-même ? J'en suis fort aise. Eh bien,
+ valsez maintenant ! Amateur·trice·s ou confirmé·e·s, venez virevolter dans la superbe salle des Actes de l’École ! +
+ +
+ 78 + Initiation Valse + 05/12/2021 00:30 + 05/12/2021 01:00 + Salle des Actes + + Voir virevolter valseurs et valseuses au spectacle vous a fait chavirer, et vous voulez vous aventurer
+ en Terre de Valse ? Le club éponyme de l'ENS vous enseignera les premiers pas, puis vous pourrez à
+ loisir tournoyer avec un·e partenaire tout au long de la soirée dansante qui suivra l'initiation ! +
+ +
+ 4 + Valse + 05/12/2021 01:00 + 05/12/2021 04:00 + Salle des Actes + + La valse, alliant savamment grâce et élégance... Un couple qui valse, c’est une toupie qui tourne et tournoie harmo-
+ -nieusement jusqu’à survoler le parquet de danse. Vous travailliez le matin-même ? J'en suis fort aise. Eh bien,
+ valsez maintenant ! Amateur·trice·s ou confirmé·e·s, venez virevolter dans la superbe salle des Actes de l’École ! +
+ + + +
+ 10 + Spectacle de danse (1) + 04/12/2021 22:00 + 04/12/2021 23:00 + Gymnase + + 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
+ leurs plus belles chorégraphies dans un spectacle haut en couleurs à vous couper le souffle. Pupilles émerveillées garanties !
+ Programme de la première partie : Pole DENS, Solo de pole, Danses africaines, Rock 4 temps, Atelier chorégraphique, Valse. +
+ +
+ 11 + Entracte + 04/12/2021 23:00 + 04/12/2021 23:30 + Gymnase + + Une pause de 30 minutes séparera les deux parties. Il sera possible d’entrer pour assis-
+ -ter au spectacle et de sortir pour profiter des autres événements. Nous vous invitons
+ d'ailleurs à choisir une des deux moitiés, pour ne pas dépeupler les autres activités ! +
+ +
+ 12 + Spectacle de danse (2) + 04/12/2021 23:30 + 05/12/2021 00:30 + Gymnase + + 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
+ leurs plus belles chorégraphies dans un spectacle haut en couleurs à vous couper le souffle. Pupilles émerveillées garanties !
+ Programme de la seconde partie : Choré-choré, DécadENS, Acro-yoga, Tango, Rock 6 temps, Pompom. +
+ + + +
+ 13 + Soirée dansante Rock + 05/12/2021 01:15 + 05/12/2021 04:00 + Gymnase + + 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,
+ influencée par les évolutions musicales contemporaines comme la pop, ou à 6 temps, resté proche de ses racines
+ swing ou boogie, que vous soyez expert·e acrobate ou danseur·se occasionnel·le, n’hésitez plus et entrez sur la piste ! +
+ + + + + + + + + + +
+ 14 + Initiation Rock 4 temps + 04/12/2021 23:30 + 05/12/2021 00:30 + Salle Celan + + Envie d'oser quelques pas de rock, d'apprendre à danser avec un·e partenaire ? Laissez-
+ vous guider par le club de rock 4 temps qui vous enseignera les bases, puis vous pourrez
+ profiter de la soirée rock au gymnase pour mettre en pratique vos découvertes ! +
+ + +
+ 15 + Initiation Rock 6 temps + 05/12/2021 00:30 + 05/12/2021 01:15 + Salle Celan + + Envie d'oser quelques pas de rock sur des tempos décalés, de chavirer sur du swing ou du
+ boogie ? Profitez de l'initiation proposée par le club de rock 6 temps pour apprendre quelques
+ passes, puis direction la soirée rock au gymnase pour mettre en pratique vos découvertes ! +
+ + + +
+ 33 + Initiation danses latines + 05/12/2021 00:30 + 05/12/2021 01:30 + Salle Cavaillès + + Trois clubs de danse de l'ENS, DécadENS, Tango et HispaniENSes s'associent pour vous apprendre les
+ pas de quelques danses de couple aux accents poivrés d'Amérique du Sud... L'initiation sera suivie
+ d'une soirée dansante autour des danses latines où vous pourrez confirmer ce que vous aurez appris ! +
+ +
+ 33 + Soirée danses latines + 05/12/2021 01:30 + 05/12/2021 04:00 + Salle Cavaillès + + Trois clubs de danse de l'ENS, DécadENS, Tango et HispaniENSes s'associent pour vous faire vivre une soirée
+ endiablée : au programme, danses latinos ! Que vous ayez le rythme dans la peau ou que vous veniez d'apprendre
+ vos premiers pas, venez vous trémousser et vibrer aux rythmes ensorcelants de la chacha, rumba, salsa et tango ! +
+ + + + +
+ 18 + Karaoké + 05/12/2021 02:00 + 05/12/2021 04:00 + Amphi Galois + + Rassemblez ce qu'il vous reste de voix, et terminez la soirée en beauté en allant vous
+ époumoner au traditionnel karaoké de la Nuit ! Playlist colorée garantie : de la chanson
+ française, de la variété internationale, de la pop, il y en a pour tous les goûts ! +
+ + + + + +
+ 34 + Stand photos + 04/12/2021 22:00 + 05/12/2021 03:00 + Monument aux Morts + + Que serait la Nuit de l'ENS sans son incontournable stand photo ? Vêtu·e·s de vos plus sublimes
+ vestes, robes, nœuds papillons, chapeaux, accessoires, ou costumes de licorne pour les plus
+ exotiques, passez immortaliser cette inoubliable soirée avec un rayonnant sourire au charme
+ séducteur ! Pas de limite de personnes par photo, tant que vous rentrez dans le cadre ! +
+ + + +
+ 24 + Expositions photos & legos + 04/12/2021 20:00 + 05/12/2021 04:00 + Petit Pôt + + Partant des royaumes interdits du rêve, direction le ciel d'encre de la Tunisie nocturne par le chemin le plus court :
+ un aller-retour dans les étoiles. Mêlant photographies et mosaïque Legos, cet espace s'organise autour de la
+ fusion de plusieurs expositions, aux thèmes multiples mais qui se joignent et s'entrelacent de plus d'une façon. +
+ + + +
+ 31 + Salle de détente + 04/12/2021 22:00 + 05/12/2021 04:00 + Salle Weil + + Besoin d'une pause avant de repartir danser, rattraper le temps perdu avec un·e ami·e
+ ou tout simplement de se reposer ? Cette salle sera aménagée pour celles et ceux
+ ayant besoin d'un petit îlot de calme au cœur de l'activité foisonnante du Gala.

+ ATTENTION, en cas de problème sérieux et/ou d'assistance nécessaire, il
+ faut se rendre au stand de la Croix Rouge se trouvant dans une autre salle ! +
+ + + + + + + + +
+ 47 + Stand de la Croix Rouge + 04/12/2021 20:00 + 05/12/2021 04:00 + Salle Aron + + Des secouristes de la croix rouge se tiendront en permanence dans cette salle en cas de problème nécessitant une intervention. +
+ + + + + + + + + + + + + + + + + + + +
+
+
+ + +
+

Informations pratiques

+
+

Bars : ATTENTION, seul l'argent liquide sera accepté aux bars : pensez à faire des provisions AVANT d'entrer au Gala !

+ +

Entrée et sortie : Il ne sera plus possible d'entrer au Gala passé 2h du matin. ATTENTION, toute sortie est définitive.

+ +

Vestiaire : Un vestiaire gratuit sera disponible au Pôt toute la Nuit avec des plaids à disposition.

+ +

Restauration : 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.

+ +

Boissons : Dans le barnum et au sous-sol du bâtiment des bibliothèques, des bars vendront du champagne, du vin et des jus de fruits toute la Nuit. Bière et cidre seront également disponibles en K-Fêt. Il est interdit d'apporter ses propres boissons, alcoolisées ou non.

+ +

Photos souvenirs : Un stand photo sera présent au monument aux morts pendant toute la soirée.

+ +

Tenue : 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·e·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é·e·s. En un mot, sentez-vous à l'aise dans votre habit !

+
+
+ + + +
+

Comment venir ?

+
+

+ Emplacement + 45 rue d'Ulm 75005 Paris +

+ + +
+ +
+
+ Métro 7 +
+ Place Monge + +
+ RER B +
+ Luxembourg + +
+ Bus 24 +
+ École Normale Supérieure + +
+ Bus 21 + Bus 27 +
+ Feuillantines + +
+ Noctilien 14 + Noctilien 21 + Noctilien 122 +
+ Auguste Comte +
+
+ +
+

Nous contacter

+
+ +

+ Email + responuit[arobase]ens[point]fr +

+
+
+ +
+

Remerciements

+
+ +
+
+ + + + + + + + + + + diff --git a/www/billetterie.html b/www/billetterie.html new file mode 100644 index 0000000..f950217 --- /dev/null +++ b/www/billetterie.html @@ -0,0 +1,30 @@ + + + + + + + + + + La Nuit — Gala de l'ENS + + + + + + + +
+

Billetterie en ligne

+
+

La billetterie n'est pas encore disponible. Elle ouvrira le lundi 8 novembre 2021.

+
+ + +
+ Retour au site +
+ + + diff --git a/www/billetterie_complete.html b/www/billetterie_complete.html new file mode 100644 index 0000000..e70d78f --- /dev/null +++ b/www/billetterie_complete.html @@ -0,0 +1,30 @@ + + + + + + + + + + La Nuit — Gala de l'ENS + + + + + + + +
+

Billetterie en ligne

+
+

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.

+
+ + +
+ Retour au site +
+ + + diff --git a/www/css/calendar.css b/www/css/calendar.css new file mode 100644 index 0000000..3eebe21 --- /dev/null +++ b/www/css/calendar.css @@ -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; +} diff --git a/www/css/normalize.css b/www/css/normalize.css new file mode 100644 index 0000000..192eb9c --- /dev/null +++ b/www/css/normalize.css @@ -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; +} diff --git a/www/css/style.css b/www/css/style.css new file mode 100644 index 0000000..4b775db --- /dev/null +++ b/www/css/style.css @@ -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; + } +} diff --git a/www/css/tipso.css b/www/css/tipso.css new file mode 100644 index 0000000..bdac6df --- /dev/null +++ b/www/css/tipso.css @@ -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; +} diff --git a/www/english_billetterie.html b/www/english_billetterie.html new file mode 100644 index 0000000..12179c0 --- /dev/null +++ b/www/english_billetterie.html @@ -0,0 +1,30 @@ + + + + + + + + + + La Nuit — The ENS Gala + + + + + + + +
+

Online ticketing service

+
+

The online ticketing has not open yet. Pre-sales will start on Monday, November 8th, 2021.

+
+ + +
+ Back to main page +
+ + + diff --git a/www/english_billetterie_complete.html b/www/english_billetterie_complete.html new file mode 100644 index 0000000..996fd04 --- /dev/null +++ b/www/english_billetterie_complete.html @@ -0,0 +1,31 @@ + + + + + + + + + + La Nuit — The ENS Gala + + + + + + + +
+

Online ticketing service

+
+

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. +

+
+ + +
+ Back to main page +
+ + + diff --git a/www/english_index.html b/www/english_index.html new file mode 100644 index 0000000..fbd022e --- /dev/null +++ b/www/english_index.html @@ -0,0 +1,140 @@ + + + + + + + + + + La Nuit — Gala de l'ENS + + + + + + + +
+ + + + + + +
+ +
+ +
+ +
+

La Nuit feedback

+
+

On Saturday, December 4, 2021, 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!

+ +

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 the questionnaire below in less than five minutes!

+ + + +
+ Sondage + Give your feedback +
+ + + +
+ Photo + Photo server +
+ + + +
+ Page Instagram + Instagram +
+ + + +
+ Page Facebook + Facebook +
+ + +
+
+ +
+

Contact us

+
+ +

+ Email + responuit[arobase]ens[point]fr +

+
+
+ +
+

Special thanks to

+
+ +
+
+ + + + + + + + + + + diff --git a/www/fonts/roboto-v18-latin-300.woff b/www/fonts/roboto-v18-latin-300.woff new file mode 100644 index 0000000..96663f0 Binary files /dev/null and b/www/fonts/roboto-v18-latin-300.woff differ diff --git a/www/fonts/roboto-v18-latin-300.woff2 b/www/fonts/roboto-v18-latin-300.woff2 new file mode 100644 index 0000000..52c5845 Binary files /dev/null and b/www/fonts/roboto-v18-latin-300.woff2 differ diff --git a/www/fonts/roboto-v18-latin-700.woff b/www/fonts/roboto-v18-latin-700.woff new file mode 100644 index 0000000..a0d2651 Binary files /dev/null and b/www/fonts/roboto-v18-latin-700.woff differ diff --git a/www/fonts/roboto-v18-latin-700.woff2 b/www/fonts/roboto-v18-latin-700.woff2 new file mode 100644 index 0000000..e327dc9 Binary files /dev/null and b/www/fonts/roboto-v18-latin-700.woff2 differ diff --git a/www/fonts/roboto-v18-latin-italic.woff b/www/fonts/roboto-v18-latin-italic.woff new file mode 100644 index 0000000..27c34da Binary files /dev/null and b/www/fonts/roboto-v18-latin-italic.woff differ diff --git a/www/fonts/roboto-v18-latin-italic.woff2 b/www/fonts/roboto-v18-latin-italic.woff2 new file mode 100644 index 0000000..3791c88 Binary files /dev/null and b/www/fonts/roboto-v18-latin-italic.woff2 differ diff --git a/www/fonts/roboto-v18-latin-regular.woff b/www/fonts/roboto-v18-latin-regular.woff new file mode 100644 index 0000000..92dfacc Binary files /dev/null and b/www/fonts/roboto-v18-latin-regular.woff differ diff --git a/www/fonts/roboto-v18-latin-regular.woff2 b/www/fonts/roboto-v18-latin-regular.woff2 new file mode 100644 index 0000000..7e854e6 Binary files /dev/null and b/www/fonts/roboto-v18-latin-regular.woff2 differ diff --git a/www/img/header/initial-newheader.jpg b/www/img/header/initial-newheader.jpg new file mode 100644 index 0000000..3dc4ff7 Binary files /dev/null and b/www/img/header/initial-newheader.jpg differ diff --git a/www/img/header/newheader.jpg b/www/img/header/newheader.jpg new file mode 100644 index 0000000..cf5f28d Binary files /dev/null and b/www/img/header/newheader.jpg differ diff --git a/www/img/icons/email.svg b/www/img/icons/email.svg new file mode 100644 index 0000000..1945779 --- /dev/null +++ b/www/img/icons/email.svg @@ -0,0 +1,10 @@ + + + + + + + diff --git a/www/img/icons/english_flag.svg b/www/img/icons/english_flag.svg new file mode 100644 index 0000000..3b33fad --- /dev/null +++ b/www/img/icons/english_flag.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/www/img/icons/facebook.svg b/www/img/icons/facebook.svg new file mode 100644 index 0000000..859e407 --- /dev/null +++ b/www/img/icons/facebook.svg @@ -0,0 +1,23 @@ + + + + + + + + diff --git a/www/img/icons/french_flag.svg b/www/img/icons/french_flag.svg new file mode 100644 index 0000000..a4bded5 --- /dev/null +++ b/www/img/icons/french_flag.svg @@ -0,0 +1,2 @@ + + diff --git a/www/img/icons/instagram.svg b/www/img/icons/instagram.svg new file mode 100644 index 0000000..866e1aa --- /dev/null +++ b/www/img/icons/instagram.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/img/icons/linkedin.svg b/www/img/icons/linkedin.svg new file mode 100644 index 0000000..487ba2b --- /dev/null +++ b/www/img/icons/linkedin.svg @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/img/icons/location.svg b/www/img/icons/location.svg new file mode 100644 index 0000000..97e1b22 --- /dev/null +++ b/www/img/icons/location.svg @@ -0,0 +1,10 @@ + + + + + + + diff --git a/www/img/icons/photo.svg b/www/img/icons/photo.svg new file mode 100644 index 0000000..aaa0577 --- /dev/null +++ b/www/img/icons/photo.svg @@ -0,0 +1,73 @@ + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/www/img/icons/ratp/bus-21.svg b/www/img/icons/ratp/bus-21.svg new file mode 100644 index 0000000..fa74f23 --- /dev/null +++ b/www/img/icons/ratp/bus-21.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + diff --git a/www/img/icons/ratp/bus-24.svg b/www/img/icons/ratp/bus-24.svg new file mode 100644 index 0000000..3c30e44 --- /dev/null +++ b/www/img/icons/ratp/bus-24.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + diff --git a/www/img/icons/ratp/bus-27.svg b/www/img/icons/ratp/bus-27.svg new file mode 100644 index 0000000..a370ec1 --- /dev/null +++ b/www/img/icons/ratp/bus-27.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + diff --git a/www/img/icons/ratp/metro-7.svg b/www/img/icons/ratp/metro-7.svg new file mode 100644 index 0000000..096cc62 --- /dev/null +++ b/www/img/icons/ratp/metro-7.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + diff --git a/www/img/icons/ratp/noctilien-122.svg b/www/img/icons/ratp/noctilien-122.svg new file mode 100644 index 0000000..a43cfd3 --- /dev/null +++ b/www/img/icons/ratp/noctilien-122.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + diff --git a/www/img/icons/ratp/noctilien-14.svg b/www/img/icons/ratp/noctilien-14.svg new file mode 100644 index 0000000..96f4486 --- /dev/null +++ b/www/img/icons/ratp/noctilien-14.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + diff --git a/www/img/icons/ratp/noctilien-21.svg b/www/img/icons/ratp/noctilien-21.svg new file mode 100644 index 0000000..5a4559f --- /dev/null +++ b/www/img/icons/ratp/noctilien-21.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + diff --git a/www/img/icons/ratp/rer-B.svg b/www/img/icons/ratp/rer-B.svg new file mode 100644 index 0000000..9085ccc --- /dev/null +++ b/www/img/icons/ratp/rer-B.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + diff --git a/www/img/icons/survey.svg b/www/img/icons/survey.svg new file mode 100644 index 0000000..f1d139d --- /dev/null +++ b/www/img/icons/survey.svg @@ -0,0 +1,67 @@ + + + + + +Created by potrace 1.15, written by Peter Selinger 2001-2017 + + + image/svg+xml + + + + + + + + + diff --git a/www/img/icons/ticket.svg b/www/img/icons/ticket.svg new file mode 100644 index 0000000..37b5847 --- /dev/null +++ b/www/img/icons/ticket.svg @@ -0,0 +1,11 @@ + + + + + + + diff --git a/www/img/sponsors/GMF.svg b/www/img/sponsors/GMF.svg new file mode 100644 index 0000000..0b5a221 --- /dev/null +++ b/www/img/sponsors/GMF.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/img/sponsors/a-ulm.png b/www/img/sponsors/a-ulm.png new file mode 100644 index 0000000..b7b74b3 Binary files /dev/null and b/www/img/sponsors/a-ulm.png differ diff --git a/www/img/sponsors/cof.png b/www/img/sponsors/cof.png new file mode 100644 index 0000000..86d1981 Binary files /dev/null and b/www/img/sponsors/cof.png differ diff --git a/www/img/sponsors/ens.png b/www/img/sponsors/ens.png new file mode 100644 index 0000000..59bea14 Binary files /dev/null and b/www/img/sponsors/ens.png differ diff --git a/www/img/sponsors/pls.png b/www/img/sponsors/pls.png new file mode 100644 index 0000000..a876d42 Binary files /dev/null and b/www/img/sponsors/pls.png differ diff --git a/www/img/sponsors/pls2.png b/www/img/sponsors/pls2.png new file mode 100644 index 0000000..a369336 Binary files /dev/null and b/www/img/sponsors/pls2.png differ diff --git a/www/img/sponsors/soge.svg b/www/img/sponsors/soge.svg new file mode 100644 index 0000000..86b8271 --- /dev/null +++ b/www/img/sponsors/soge.svg @@ -0,0 +1,140 @@ + + + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/www/img/sponsors/soge2.svg b/www/img/sponsors/soge2.svg new file mode 100644 index 0000000..4700dd7 --- /dev/null +++ b/www/img/sponsors/soge2.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/index.html b/www/index.html new file mode 100644 index 0000000..12b6275 --- /dev/null +++ b/www/index.html @@ -0,0 +1,139 @@ + + + + + + + + + + La Nuit — Gala de l'ENS + + + + + + + +
+ + + + + + +
+ +
+ +
+ +
+

Retours sur la Nuit

+
+

Le samedi 4 décembre 2021, tout en triomphe, en fanfare et en tapis rouges, se tenait la Nuit de la rue d'Ulm, 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·es celles et ceux qui ont participé à l'installation, la tenue et le rangement de la soirée !

+ +

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 en moins de cinq minutes au questionnaire ci-dessous !

+ + +
+ Sondage + Questionnaire de retours +
+ + + +
+ Photo + Serveur photos +
+ + + +
+ Page Instagram + Page Instagram +
+ + + +
+ Page Facebook + Page Facebook +
+ + +
+
+ +
+

Nous contacter

+
+ +

+ Email + responuit[arobase]ens[point]fr +

+
+
+ +
+

Remerciements

+
+ +
+
+ + + + + + + + + + + diff --git a/www/js/calendar.js b/www/js/calendar.js new file mode 100644 index 0000000..b7687c6 --- /dev/null +++ b/www/js/calendar.js @@ -0,0 +1,1272 @@ +// Interval graph coloring algorithm, by Twal +class IntervalColoration { + constructor (intervals) { + this.intervals = intervals; + this.n = this.intervals.length; + this.computeInterferenceGraph(); + this.computePEO(); + this.computeColoration(); + } + + computeInterferenceGraph() { + this.adj = new Array(this.n); + for (let i = 0; i < this.n; ++i) { + this.adj[i] = []; + } + for (let i = 0; i < this.n; ++i) { + for (let j = 0; j < i; ++j) { + let inti = this.intervals[i]; + let intj = this.intervals[j]; + if (inti[0] < intj[1] && intj[0] < inti[1]) { + this.adj[i].push(j); + this.adj[j].push(i); + } + } + } + } + + //Perfect elimination order using Maximum Cardinality Search + //Runs in O(n^2), could be optimized in O(n log n) + computePEO() { + let marked = new Array(this.n); + let nbMarkedNeighbor = new Array(this.n); + this.perm = new Array(this.n); + for (let i = 0; i < this.n; ++i) { + marked[i] = false; + nbMarkedNeighbor[i] = 0; + } + for (let k = this.n-1; k >= 0; --k) { + let maxi = -1; + for (let i = 0; i < this.n; ++i) { + if (!marked[i] && (maxi == -1 || nbMarkedNeighbor[i] >= nbMarkedNeighbor[maxi])) { + maxi = i; + } + } + for (let i = 0; i < this.adj[maxi].length; ++i) { + nbMarkedNeighbor[this.adj[maxi][i]] += 1; + } + this.perm[maxi] = k; + marked[maxi] = true; + } + // console.log(this.perm); + } + + computeColoration() { + this.colors = new Array(this.n); + let isColorUsed = new Array(this.n); + for (let i = 0; i < this.n; ++i) { + this.colors[i] = -1; + isColorUsed[i] = false; + } + for (let i = 0; i < this.n; ++i) { + let ind = this.perm[i]; + for (let j = 0; j < this.adj[ind].length; ++j) { + let neigh = this.adj[ind][j]; + if (this.colors[neigh] >= 0) { + isColorUsed[this.colors[neigh]] = true; + } + } + for (let j = 0; j < this.n; ++j) { + if (!isColorUsed[j]) { + this.colors[ind] = j; + break; + } + } + for (let j = 0; j < this.adj[ind].length; ++j) { + let neigh = this.adj[ind][j]; + if (this.colors[neigh] >= 0) { + isColorUsed[this.colors[neigh]] = false; + } + } + } + } +} + + +// Based on https://stackoverflow.com/a/15289883 +function computeDateDifferenceInHours (date1, date2) { + d1 = new Date(date1.getYear(), date1.getMonth(), date1.getDate(), date1.getHours()); + d2 = new Date(date2.getYear(), date2.getMonth(), date2.getDate(), date2.getHours()); + + const msPerHour = 60 * 60 * 1000; + return Math.abs(d2.getTime() - d1.getTime()) / msPerHour; +} + + + +class Calendar { + + constructor (calendarParameters = {}) { + this.containerNode = calendarParameters.containerNode !== undefined + ? calendarParameters.containerNode + : $("#cal-container"); + + this.eventContainerNode = null; + this.timeSlotsContainerNode = null; + this.eventDetailsContainerNode = null; + + this.startDate = calendarParameters.startDate !== undefined + ? calendarParameters.startDate + : new Date(); + this.endDate = calendarParameters.endDate !== undefined + ? calendarParameters.endDate + : new Date(Date.now() + (24 * 60 * 60 * 1000)); + + this.nbHoursToDisplay = 0; + this.firstHourToDisplay = 0; + this.endHourToDisplay = 0; + + this.events = []; + + this.onlyDisplaySubscribedEvents = calendarParameters.onlyDisplaySubscribedEvents !== undefined + ? calendarParameters.onlyDisplaySubscribedEvents + : false; + this.groupEventsByLocation = calendarParameters.groupEventsByLocation !== undefined + ? calendarParameters.groupEventsByLocation + : true; + + this.eventDetailURLFormat = calendarParameters.eventDetailURLFormat !== undefined + ? calendarParameters.eventDetailURLFormat + : ""; + this.subscriptionURLFormat = calendarParameters.subscriptionURLFormat !== undefined + ? calendarParameters.subscriptionURLFormat + : ""; + this.csrfToken = calendarParameters.csrfToken !== undefined + ? calendarParameters.csrfToken + : ""; + + // Map from locations to their CSS styles + this.locationStyles = new Map(); + + this.init(); + } + + init () { + this.updateHoursToDisplay(); + + this.createTimeSlotContainer(); + this.createEventContainer(); + this.createEventDetailsContainer(); + + this.updateTimeSlotContainerGridStyle(); + this.updateEventContainerGridStyle(); + + this.createTimeSlots(); + this.createEvents(); + + this.createLocationStyles(); + this.applyLocationStylesAsCSS(); + this.updateEventLocationStyleID(); + + //this.sortEventNodesByEndTimeAndLocation(); + this.sortEventNodesByIntervalGraphColoring(); + this.updateCalendarNodeHeight(); + + this.updateEventVisibilities(); + this.initEventOverflowTooltips(); + } + + + // Date change + + setStartDate (newStartDate) { + this.startDate = newStartDate; + + this.updateHoursToDisplay(); + this.updateEventContainerGridStyle(); + this.updateTimeSlots(); + + this.updateEventVisibilities(); + this.updateCalendarNodeHeight(); + this.sortEventNodesByIntervalGraphColoring(); + + this.startShowingEventOverflowTooltips(); + } + + setEndDate (newEndDate) { + this.endDate = newEndDate; + + this.updateHoursToDisplay(); + this.updateEventContainerGridStyle(); + this.updateTimeSlots(); + + this.updateEventVisibilities(); + this.updateCalendarNodeHeight(); + this.sortEventNodesByIntervalGraphColoring(); + + this.startShowingEventOverflowTooltips(); + } + + updateHoursToDisplay () { + this.startHourToDisplay = this.startDate.getHours(); + this.endHourToDisplay = this.endDate.getHours(); + + this.nbHoursToDisplay = Math.floor(computeDateDifferenceInHours(this.startDate, this.endDate)); + } + + + // Calendar container + + updateCalendarNodeHeight () { + // Time slot hour row + let timeSlotHourRowHeight = $(".cal-time-slot-hour").outerHeight(); + + // Event grid + this.containerNode.css("height", "calc(100% )"); + + let eventContainerHeight = this.eventContainerNode + .css("grid-template-rows") + .split("px ") + .reduce((heightAccumulator, currentRowHeight) => { + return heightAccumulator + parseInt(currentRowHeight); + }, 0); + + this.containerNode.css("height", timeSlotHourRowHeight + eventContainerHeight); + } + + + // Time slots + + createTimeSlotContainer () { + this.timeSlotsContainerNode = $("
") + .addClass("cal-time-slot-container") + .appendTo(this.containerNode); + } + + createTimeSlots () { + // Populate the container hour by hour + let self = this; + function getHourStringToDisplay (index, hour) { + if (index === self.nbHoursToDisplay - 1 + || hour === 23) { + return ""; + } + + if (hour >= 10) { + return hour + 1; + } + else { + return " " + (hour + 1); + } + } + + for (let i = 0; i < this.nbHoursToDisplay; i++) { + let hour = (this.startHourToDisplay + i) % 24; + + // Time slot hour + let timeSlotHourNode = $("
") + .addClass("cal-time-slot-hour") + .css({ + "grid-column-start": `${i + 1}`, + "grid-column-end" : "span 1", + "grid-row-start" : "1", + "grid-row-end" : "1" + }) + .html(getHourStringToDisplay(i, hour)) + .prependTo(this.timeSlotsContainerNode); + + // Time slot block + let timeSlotBlockNode = $("
") + .addClass("cal-time-slot") + .css({ + "grid-column-start": `${i + 1}`, + "grid-column-end" : "span 1", + "grid-row-start" : "2", + "grid-row-end" : "2" + }) + .appendTo(this.timeSlotsContainerNode); + + if (hour === 23) { + timeSlotHourNode.addClass("cal-last-hour"); + timeSlotBlockNode.addClass("cal-last-hour"); + } + + if (hour === 0) { + timeSlotHourNode.addClass("cal-first-hour"); + timeSlotBlockNode.addClass("cal-first-hour"); + } + } + } + + updateTimeSlotContainerGridStyle () { + this.timeSlotsContainerNode.css("grid-template-columns", + `repeat(${this.nbHoursToDisplay}, ${100 / this.nbHoursToDisplay }%)`); + } + + updateTimeSlots () { + this.timeSlotsContainerNode.empty(); + + this.createTimeSlots(); + this.updateTimeSlotContainerGridStyle(); + } + + getHourSlotWidth () { + return this.timeSlotsContainerNode.width() / this.nbHoursToDisplay; + } + + + // Events + + createEventContainer () { + this.eventContainerNode = $("
") + .addClass("cal-event-container") + .appendTo(this.containerNode); + } + + createEvents () { + // Move all event nodes into the event container + let eventElements = this.containerNode.find(".cal-event"); + eventElements.appendTo(this.eventContainerNode); + + // Create event objects from them all + for (let element of eventElements) { + let newEvent = new Event($(element), this); + this.events.push(newEvent); + } + } + + updateEventContainerGridStyle () { + this.eventContainerNode.css("grid-template-columns", + `repeat(${this.nbHoursToDisplay}, ${100 / this.nbHoursToDisplay }%)`); + } + + updateEventVisibilities () { + for (let event of this.events) { + event.updateVisibility(); + } + } + + + // Event details + + createEventDetailsContainer () { + this.eventDetailsContainerNode = $("
") + .addClass("cal-details-container") + .appendTo(this.containerNode); + } + + + // Location styles + + createLocationStyles () { + let locationIndices = new Map(); + for (let event of this.events) { + if (! locationIndices.has(event.location)) { + locationIndices.set(event.location, [...locationIndices.keys()].length); + } + } + + let nbUniqueLocations = [...locationIndices.keys()].length; + + let styleID = 0; + for (let [location, index] of locationIndices.entries()) { + let hue = (index / (nbUniqueLocations + 1)) * 255; + styleID += 1; + + this.locationStyles.set(location, { + id: styleID, + + normal: [ + `background-color: hsl(${hue}, 40%, 80%);`, + `border-color: hsl(${hue}, 40%, 50%);`, + `color: #000;` + ], + + hover: [ + `background-color: hsl(${hue}, 55%, 85%);`, + `border-color: hsl(${hue}, 45%, 55%);`, + `color: #000;` + ], + + subscribed: [ + `background-color: hsl(${hue}, 75%, 75%);`, + `border-color: hsl(${hue}, 60%, 50%);`, + `color: #000;` + ], + + selected: [ + `background-color: hsl(${hue}, 45%, 50%);`, + `border-color: hsl(${hue}, 40%, 35%);`, + `color: #FFF;` + ] + }); + } + } + + applyLocationStylesAsCSS () { + let styleNode = $("