From d581b975259b21c880c24f9161759fa83968c548 Mon Sep 17 00:00:00 2001 From: louiseh Date: Fri, 23 Feb 2024 20:56:08 +0100 Subject: [PATCH] =?UTF-8?q?T=C3=A9l=C3=A9verser=20les=20fichiers=20vers=20?= =?UTF-8?q?"www"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- www/calendar.css | 337 ++++++++++ www/index.html | 1584 +++++++++++++++++++++------------------------ www/normalize.css | 349 ++++++++++ www/style.css | 767 ++++++++++++++++++++++ 4 files changed, 2196 insertions(+), 841 deletions(-) create mode 100644 www/calendar.css create mode 100644 www/normalize.css create mode 100644 www/style.css diff --git a/www/calendar.css b/www/calendar.css new file mode 100644 index 0000000..c7f8793 --- /dev/null +++ b/www/calendar.css @@ -0,0 +1,337 @@ +/* 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: 0px solid rgba(0, 0, 0, 0.5); + z-index: 10; +} + +.cal-container .cal-time-slot { + border-right: 1px solid rgba(0, 0, 0, 0.5); + background-color: rgba(255, 255, 255, 0.8); +} + +/* .cal-container .cal-time-slot:hover { + background-color: red; +} */ + +.cal-container .cal-time-slot:nth-child(even) { + background-color: rgba(71, 19, 43, 0); +} + +/* .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: 0px solid rgba(71, 19, 43, 0.25); + font-size: 1rem; +} + +.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; +} + +/* 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/index.html b/www/index.html index 0dc3cfc..7616866 100644 --- a/www/index.html +++ b/www/index.html @@ -1,806 +1,710 @@ - + - - - - - - - + + + + + + Les InterQ 2024 - - - - - + + + + + -
- +
- Présentation + Présentation
-

- Bienvenue sur le site des InterQ 2024 ! L'ENS de - Paris accueille cette année le plus grand festival artistique - français, dont le retentissement dépassera certainement les JO de - Paris. -

+

Bienvenue sur le site des InterQ 2024 ! L'ENS de Paris accueille cette année le plus grand festival artistique français, dont le retentissement dépassera certainement les JO de Paris.

-

- Les InterENS Culturelles ou InterQ sont un festival organisé chaque - année dans une des 4 ENS de France (rue d'Ulm, Paris-Saclay, Lyon et - Rennes). Lors de cet événement, vous, étudiant·e·s des 4 ENS, êtes - invité·e·s à vous rejoindre à l'ENS d'Ulm à Paris du - 12 au 14 avril 2024 et à proposer des performances, - expositions, concerts, pièces de théâtre. Cet événement mythique de la - vie culturelle des écoles normales supérieures est un incontournable ; - venez rencontrer les étudiant·e·s venus des 4 coins de France et - partager des moments inoubliables autour d'une expo, d'un verre ou - d'un spectacle ! -

- -

- Cette année, le thème proposé est : Métamorphose(s). - D'Ovide à Kafka, tou·te·s les étudiant·e·s, expérimenté·e·s ou non, - biologistes ou philosophes, présenteront leurs petits ou grands - projets. -

- -

- Si tu n'es pas artiste dans l'âme, mais que tu aimes les spectacles, - les soirées, les expositions, tu es au bon endroit. Suis nous sur - instagram pour être au courant des dernières actualités! -

+

Les InterENS Culturelles ou InterQ sont un festival organisé chaque année dans une des 4 ENS de France (rue d'Ulm, Paris-Saclay, Lyon et Rennes). + Lors de cet événement, vous, étudiant·e·s des 4 ENS, êtes invité·e·s à vous rejoindre à l'ENS d'Ulm à Paris du 12 au 14 avril 2024 et à proposer des performances, expositions, concerts, pièces de théâtre. + Cet événement mythique de la vie culturelle des écoles normales supérieures est un incontournable ; venez rencontrer les étudiant·e·s venus des 4 coins de France et partager des moments inoubliables autour d'une expo, d'un verre ou d'un spectacle !

+ +

Cette année, le thème proposé est : Métamorphose(s). + D'Ovide à Kafka, tou·te·s les étudiant·e·s, expérimenté·e·s ou non, biologistes ou philosophes, présenteront leurs petits ou grands projets.

+

Si tu n'es pas artiste dans l'âme, mais que tu aimes les spectacles, les soirées, les expositions, tu es au bon endroit. + Suis nous sur instagram pour être au courant des dernières actualités!

+
Page Instagram
+
+
+ +
- Programme -
-

Vendredi

- -
- -
- impro - 🥸 N'improtequoi - 12/04/2024 19:00 - 12/04/2024 22:00 - Salle Dussane - - Cabaret d'improvisation théâtrale mêlant théâtre et musique - + Programme +
+

Vendredi

+ +
+ +
+ impro + 🥸 N'improtequoi + 12/04/2024 20:00 + 12/04/2024 22:00 + Salle Dussane + + Cabaret d'improvisation théâtrale mêlant théâtre et musique + +
+ + +
+ bocal + 🖋 Edition du BOcal + 12/04/2024 19:00 + 12/04/2024 23:30 + Salle Histoire + + Edition collaborative du BOcal, gazette de l'ENS de Paris, à l'occasion des InterQ 2024 +
+ + +
+ soiree-kfet + 🍸 K-Fêt ouverte (bar) + 12/04/2024 21:30 + 13/04/2024 1:00 + K-Fêt + +
+ +
+ karaoke + 🎙️ Karaoké + 12/04/2024 22:00 + 13/04/2024 2:30 + Amphithéâtre Galois + +
+ +
+ concerts1 + 🎸 Concerts + 12/04/2024 21:30 + 13/04/2024 2:30 + SEA + + Duo harpe voix + +
+ +
+ oeno + 🍷 Vignes et vers : dégustation oenologique et discussion littéraire + 12/04/2024 21:00 + 12/04/2024 23:00 + Pôt + + Vignes et vers : miroirs de la métamorphose du vin et des mots. + Notre projet invite à la fois à réfléchir sur la métamorphose comme motif scriptural, + et aussi à en faire une expérience esthétique directe grâce à l'appréciation de vins de différents millésimes. + Nous aurons le plaisir d'être accompagnés par l'écrivaine et artiste Gaëlle Vatimbella, vice-présidente de l'Association Internationale Les Amis de Rimbaud, + qui nous présentera un discours sur cette relation fascinante entre vin et littérature. + +
+ + +
+ degradation + 🦋 Expositions Chrysalide, Métamoprhose photographique, Métamorphoses entomologiques + 12/04/2024 18:00 + 13/04/2024 4:00 + Salle Cavailles + + - Chrysalides : Installation de sculptures suspendues sur le thème de la métamorphose animale.
+ - Métamorphose photographique : expérimentation de différentes transformations ou altérations du support, du traitement, + du tirage des oeuvres photographiques, interrogeant l'importance de la forme dans l'art photographique.
+ - Métamorphoses entomologiques : exposition de photos macros d'insectes, interrogeant les différents états de + transformation de certaines espèces et dans nos rapports humains à eux.
+ +
+ +
+ taches + 📷 Expositions Tâches et Déchets + 12/04/2024 18:00 + 13/04/2024 4:00 + Salle Celan + + - Métamorphose et déchets : exposition mêlant photographie et vidéoprojection, + autour du thème de la métamorphose des aliments et des déchets du quotidien, + parfois si transformés qu'ils en deviennent méconaissables
+ - Tâches : Project collaboratif autour de la tâche, accompagné d'une + exposition de productions photographiques et littéraires, sociologiques, scientifiques, + autour du thème de la tâche. + +
+ +
+ geographe + 🏔️ Exposition Terrains de géographes + 12/04/2024 18:00 + 13/04/2024 4:00 + Salle Beckett + + La salle d'exposition offre une vision multiforme des enquêtes menées par les jeunes géographes, + tel un voyage au travers des métamorphoses opérées lors d'un travail de recherche : une exposition à la + croisée de l'artistique et de la réflexion méta sur la recherche en sciences humaines et sociales. + +
+ +
+ expo-chore + 🖼️ Exposition décors choré-choré + 12/04/2024 18:00 + 13/04/2024 4:00 + Avant SEA + + Exposition des décors des spectacles de choré choré des années précédentes +
+ +
+ expo-fanzine + 🖼️ Expos fanzine, peinture digitale, métamorphoses textile, photos Dramaqueer + 12/04/2024 18:00 + 13/04/2024 4:00 + Salle Résistants + + - Métamorphoses textiles : Exposition de couture upcycling (transformation de vêtements et de tissus + en nouveaux vêtements)
+ - Peinture digitale : Exposition d'une affiche peinture digitale, représent + Méduse confortée par un groupe de femmes dans le temple d'Athéna
+ - Fanzine Origines : Exposition des pages d'un fanzine féministe des Salopettes sur le thème "Origines"
+ - Photos Dramaqueer 4 Exposition de photos prises pendant le drag show "Dramaqueer 4", + drag show annuel organisé par ArcENSiel, association LGBTQ+ de l'ENS Lyon + +
+ +
+ expo-plage + 🌞 Exposition Ceci est une plage + 12/04/2024 18:00 + 13/04/2024 4:00 + Petit Pôt + +
+ + +
+ chill + 🛋 Salle de détente + 12/04/2024 18:00 + 13/04/2024 4:00 + Salle Simone Weil + + Salle pour chiller, discuter, se reposer, ouverte 24h/24 + +
+
- -
- valse - 💃 Initiation valse - 12/04/2024 13:00 - 12/04/2024 15:00 - Salle des Actes - Lyonnais, Cachanais, Rennais, Parisiens, laissez vous - métamorphoser par une initiation à la valse, une danse de salon - qui se fait sur des musiques en ternaire, classiques comme - modernes. On vous apprendra les pas de base ainsi que quelques - figures, avant de vous laisser vous envoler. Pas besoin de venir à - deux, les rôles de lead/follow sont libres et interchangeables! - + +

Samedi

+ +
+ + +
+ petitdej + 🍽️ Petit déjeuner à l'auberge + 13/04/2024 9:30 + 13/04/2024 11:00 + Auberge de jeunesse + +
+ +
+ brunch + 🍽️ Brunch + 13/04/2024 12:00 + 13/04/2024 14:00 + Pôt + + Pour les lève-tard + +
+ +
+ bbq + 🍽️ BBQ au son de l'interfanfare 🎺 + 13/04/2024 19:00 + 13/04/2024 22:00 + Cour du NIR + + BBQ végétarien organisé par le BDS et animé par Fanfarovis, Kizh my Brass, F[ens]foire, Ouatelse et Ernestophone (de 18h30 à 21h) + +
+ + +
+ tapir + 🥸 La blague des 3 tapirs + 13/04/2024 14:00 + 13/04/2024 15:00 + Salle Dussane + + Sketch en improvisation et en interaction avec le public, + visant à narrer l'inénarrable blague des 3 tapirs. +
+ +
+ comedie-musicale + 💃 Comédie musicale + 13/04/2024 13:00 + 13/04/2024 16:00 + Gymnase + + Dans un monde dirigé par un groupe vénérant le Hasard, les jets de dé font loi. Après la perte du maître du groupe, + l'élection du nouveau dirigeant, trop malchanceux, plonge la société dans l'instabilité. Un groupe de citoyens se constitue + alors pour enquêter sur les le chaos ambiant. + Mais entre querelles de pouvoir, quête d'identité et de sens, réussiront-ils à trouver ce qu'ils cherchent ? + +
+ +
+ theatre + 🎭 Pièce de théâtre + 13/04/2024 14:00 + 13/04/2024 17:00 + Théâtre + ??? +
+ +
+ nucleaire + 🎭 Performance nucléaire & Drag show Neptune + 13/04/2024 11:00 + 13/04/2024 18:00 + Salle W + + Performance nucléaire : Spectacle immersif centré autour d'une ouvrière dans le nucléaire qui + parle de son expérience, ses motivations, ses peurs et ses rêves sous la forme d'une déambulation.
+ Performance de drag de l'artiste Neptune à 22h +
+ + + +
+ valse + 💃 Initiation valse + 13/04/2024 13:00 + 13/04/2024 15:00 + Salle des Actes + Lyonnais, Cachanais, Rennais, Parisiens, laissez vous métamorphoser + par une initiation à la valse, une danse de salon qui se fait sur des musiques en ternaire, + classiques comme modernes. On vous apprendra les pas de base ainsi que quelques figures, avant de vous laisser vous envoler. + Pas besoin de venir à deux, les rôles de lead/follow sont libres et interchangeables! + +
+
+ bal + 💃 Bal valse + 13/04/2024 20:00 + 14/04/2024 03:00 + Salle des Actes + + Venez animer la piste de danse porté.e.s par une playlist moderne et montrer + les prouesses acquises pendant l'initiation ! +
+ + +
+ spectacle-danse + 💃 Spectacle de danse + 13/04/2024 16:30 + 13/04/2024 19:00 + Gymnase + + Au programme : pole danse, atelier chroégraphique, pompoms, valse, rock 4 temps, rock swing, + tango, danse égyptienne, K-pop... + +
+ + +
+ harpe + 🎼 Concert à trois instruments + 13/04/2024 15:00 + 13/04/2024 16:00 + Salle des Actes + +
+ +
+ choeurs + 🗣 Concert choeurs + 13/04/2024 16:00 + 13/04/2024 17:00 + Salle des Actes + +
+ +
+ interfanf + 🎺 Interfanfare + 13/04/2024 10:30 + 13/04/2024 13:30 + Cour du NIR + + Au programme: Fanfarovis, Kizh my Brass, F[ens]foire, Ouatelse et Ernestophone ...inter + +
+ + +
+ feline + 🎬 Projection La féline + 13/04/2024 19:00 + 13/04/2024 22:00 + Salle Dussane + + Séance du Ciné-club de l'ENS de Paris sur le thème de la métamorphose : projection de "La Féline", de Jacques Tourneur suivie d'une discussion.
+ Synopsis de "La Féline": Irena Dubrovna est une jeune dessinatrice de mode qui pense être la descendante de personnes pouvant se changer en panthères noires. + Lors d'une visite au zoo, elle rencontre Oliver Reed, ingénieur en construction navale. + Les deux jeunes New Yorkais tombent éperdument amoureux l'un de l'autre. Oliver demande Irena en mariage, celle-ci accepte mais est effrayée à l’idée de perdre sa virginité : + selon les vieilles légendes de son pays (la Serbie), elle se transformera en féline et dévorera son amant lorsque celui-ci l'embrassera..." + +
+ +
+ radio + 🎬 Emission de radio en direct + 13/04/2024 14:00 + 13/04/2024 18:00 + Salle Histoire + + Trensistor, Topla, TrENSmission et Ker lann proposent une émission en direct et en public, d'environ trois heures. + Au programme : interview des participant.e.s de l'événement (troupes de théâtre, danseurs et acteurs d'autres performances); + échanges sur des thèmes variés (expérience d'étudiants, place de l'art dans leur vie étudiante/personnelle); + des chroniques, émissions et jeux en interaction avec le public. + + +
+
+ photo + 📷 Stand photo + 13/04/2024 18:00 + 14/04/2024 00:00 + Monument aux morts + + Stand photo tenu par Reflex pour immortaliser ce week-end de folie + +
+ +
+ AI + 👀 Intelligence artificielle et perception visuelle + 13/04/2024 16:00 + 13/04/2024 18:00 + K-Fêt + + Face à la projection d'une image un peu "floue", comme une peinture impressionniste, vous serez invités à décrire + l'image avec tout le vocabulaire que vous possédez; nous entrerons chaque texte proposé dans Dall-E et + l'auditoire jugera qui a réussi à produire l'image la plus proche de l'initiale. + +
+ + +
+ soiree-gymnase + 🎶 Soirée Gymnase + 13/04/2024 22:00 + 14/04/2024 4:00 + Gymnase + Attention, les entrées ferment à 1h! +
+ + +
+ concerts2 + 🎷 Concerts + 13/04/2024 14:30 + 13/04/2024 19:00 + SEA + + 14h30 : Chorale : Concert de chant a capella
+ 15h : Viva Australis : concert électro-pop d'une chanteuse et compositrice chilienne + accompagnée des synthétiseurs texturés d'Emilie Bey et du groove de Sacha à la guitare basse
+ 16h : Quincaillerie orchestrée : Concert de musique jouée à base d'objets récupérés
+ 16h30 : Terre to cuite
+ 17h : club musique : concert de rock du groupe musique de Rennes
+ 18h : orchestre : concert de l'orchestre de Rennes + +
+ + +
+ degradation + 🦋 Expositions Chrysalide, Métamoprhose photographique, Métamorphoses entomologiques + 13/04/2024 11:00 + 14/04/2024 4:00 + Salle Cavailles + + - Chrysalides : Installation de sculptures suspendues sur le thème de la métamorphose animale.
+ - Métamorphose photographique : expérimentation de différentes transformations ou altérations du support, du traitement, + du tirage des oeuvres photographiques, interrogeant l'importance de la forme dans l'art photographique.
+ - Métamorphoses entomologiques : exposition de photos macros d'insectes, interrogeant les différents états de + transformation de certaines espèces et dans nos rapports humains à eux.
+ + +
+ +
+ taches + 📷 Expositions Tâches et Déchets + 13/04/2024 10:00 + 14/04/2024 4:00 + Salle Celan + + - Métamorphose et déchets : exposition mêlant photographie et vidéoprojection, + autour du thème de la métamorphose des aliments et des déchets du quotidien, + parfois si transformés qu'ils en deviennent méconaissables
+ - Tâches : Project collaboratif autour de la tâche, accompagné d'une + exposition de productions photographiques et littéraires, sociologiques, scientifiques, + autour du thème de la tâche. + +
+ +
+ geographe + 🏔️ Exposition Terrains de géographes + 13/04/2024 10:00 + 14/04/2024 4:00 + Salle Beckett + + La salle d'exposition offre une vision multiforme des enquêtes menées par les jeunes géographes, + tel un voyage au travers des métamorphoses opérées lors d'un travail de recherche : une exposition à la + croisée de l'artistique et de la réflexion méta sur la recherche en sciences humaines et sociales. + +
+ +
+ expo-chore + 🖼️ Exposition décors choré-choré + 13/04/2024 10:00 + 14/04/2024 4:00 + Avant SEA + + Exposition des décors des spectacles de choré choré des années précédentes +
+ +
+ expo-fanzine + 🖼️ Expos fanzine, peinture digitale, métamorphoses textile, photos Dramaqueer + 13/04/2024 10:00 + 14/04/2024 4:00 + Salle Résistants + + - Métamorphoses textiles : Exposition de couture upcycling (transformation de vêtements et de tissus + en nouveaux vêtements)
+ - Peinture digitale : Exposition d'une affiche peinture digitale, représentant + Méduse confortée par un groupe de femmes dans le temple d'Athéna
+ - Fanzine Origines : Exposition des pages d'un fanzine féministe des Salopettes sur le thème "Origines"
+ - Photos Dramaqueer 4 Exposition de photos prises pendant le drag show "Dramaqueer 4", + drag show annuel organisé par ArcENSiel, association LGBTQ+ de l'ENS Lyon + +
+ +
+ expo-plage + 🌞 Exposition Ceci est une plage + 13/04/2024 10:00 + 14/04/2024 4:00 + Petit Pôt + +
+ + + +
+ chill + 🛋 Salle de détente + 13/04/2024 10:00 + 14/04/2024 4:00 + Salle Simone Weil + Salle pour chiller, discuter, se reposer, ouverte 24h/24 +
+
- -
- bocal - 🖋 Edition du BOcal - 12/04/2024 19:00 - 12/04/2024 23:30 - Salle Histoire - - Edition collaborative du BOcal, gazette de l'ENS de Paris, à - l'occasion des InterQ 2024 -
+

Dimanche

- -
- soiree-kfet - - 🎶 K-Fêt ouverte & Drag show Neptune - 12/04/2024 22:00 - 13/04/2024 3:00 - K-Fêt - - Performance de drag de l'artiste Neptune à 22h -
+
+ + +
+ petitdej2 + 🍽️ Petit déjeuner à l'auberge + 14/04/2024 9:30 + 14/04/2024 11:00 + Auberge de jeunesse + +
-
- karaoke - 🎙️ Karaoké - 12/04/2024 22:00 - 13/04/2024 3:00 - Amphithéâtre Galois - -
+
+ brunch2 + 🍽️ Brunch + 14/04/2024 12:00 + 14/04/2024 14:00 + Pôt + + Pour les lève-tard + +
-
- concerts1 - 🎸 Concerts - 12/04/2024 22:00 - 13/04/2024 1:00 - SEA - -
+ +
+ initiation-pole + 💃 Initiation pole danse + 14/04/2024 11:00 + 14/04/2024 13:00 + Gymnase + + Venez participer à une initiation à la pole, composée d'une heure d'initiation et d'une heure de préparation + d'une courte chorégraphie que l'on pourra filmer et partager avec vous, pour celleux qui le souhaitent bien entendu! + +
-
- oeno - 🍷 Vignes et vers : dégustation oenologique et discussion - littéraire - 12/04/2024 21:00 - 12/04/2024 23:00 - Pôt - - Vignes et vers : miroirs de la métamorphose du vin et des mots. - - Notre projet invite à la fois à réfléchir sur la métamorphose - comme motif scriptural, et aussi à en faire une expérience - esthétique directe grâce à l'appréciation de vins de différents - millésimes. Nous aurons le plaisir d'être accompagnés par - l'écrivaine et artiste Gaëlle Vatimbella, vice-présidente de - l'Association Internationale Les Amis de Rimbaud, qui nous - présentera un discours sur cette relation fascinante entre vin et - littérature. - -
+ +
+ banda + 🎺 Concert Banda + 14/04/2024 11:00 + 14/04/2024 13:00 + Courô + +
- -
- degradation - 🦋 Expositions Chrysalide, Métamoprhose photographique, - Métamorphoses entomologiques - 12/04/2024 18:00 - 13/04/2024 4:00 - Salle Cavailles - - - Chrysalides : Installation de sculptures - suspendues sur le thème de la métamorphose animale.
- - Métamorphose photographique : expérimentation - de différentes transformations ou altérations du support, du - traitement, du tirage des oeuvres photographiques, interrogeant - l'importance de la forme dans l'art photographique.
- - Métamorphoses entomologiques : exposition de - photos macros d'insectes, interrogeant les différents états de - transformation de certaines espèces et dans nos rapports humains à - eux.
- -
+ +
+ degradation + 🦋 Expositions Chrysalide, Métamoprhose photographique, Métamorphoses entomologiques + 14/04/2024 10:00 + 14/04/2024 14:00 + Salle Cavailles + + - Chrysalides : Installation de sculptures suspendues sur le thème de la métamorphose animale.
+ - Métamorphose photographique : expérimentation de différentes transformations ou altérations du support, du traitement, + du tirage des oeuvres photographiques, interrogeant l'importance de la forme dans l'art photographique.
+ - Métamorphoses entomologiques : exposition de photos macros d'insectes, interrogeant les différents états de + transformation de certaines espèces et dans nos rapports humains à eux.
+ + +
-
- taches - 📷 Expositions Tâches et Déchets - 12/04/2024 18:00 - 13/04/2024 4:00 - Salle Celan - - - Métamorphose et déchets : exposition mêlant - photographie et vidéoprojection, autour du thème de la - métamorphose des aliments et des déchets du quotidien, parfois si - transformés qu'ils en deviennent méconaissables
- - Tâches : Project collaboratif autour de la - tâche, accompagné d'une exposition de productions photographiques - et littéraires, sociologiques, scientifiques, autour du thème de - la tâche. - -
+
+ taches + 📷 Expositions Tâches et Déchets + 14/04/2024 10:00 + 14/04/2024 14:00 + Salle Celan + + - Métamorphose et déchets : exposition mêlant photographie et vidéoprojection, + autour du thème de la métamorphose des aliments et des déchets du quotidien, + parfois si transformés qu'ils en deviennent méconaissables
+ - Tâches : Project collaboratif autour de la tâche, accompagné d'une + exposition de productions photographiques et littéraires, sociologiques, scientifiques, + autour du thème de la tâche. + +
-
- geographe - 🏔️ Exposition Terrains de géographes - 12/04/2024 18:00 - 13/04/2024 4:00 - Salle Beckett - - La salle d'exposition offre une vision multiforme des enquêtes - menées par les jeunes géographes, tel un voyage au travers des - métamorphoses opérées lors d'un travail de recherche : une - exposition à la croisée de l'artistique et de la réflexion méta - sur la recherche en sciences humaines et sociales. - -
+
+ geographe + 🏔️ Exposition Terrains de géographes + 14/04/2024 10:00 + 14/04/2024 14:00 + Salle Beckett + + La salle d'exposition offre une vision multiforme des enquêtes menées par les jeunes géographes, + tel un voyage au travers des métamorphoses opérées lors d'un travail de recherche : une exposition à la + croisée de l'artistique et de la réflexion méta sur la recherche en sciences humaines et sociales. + +
-
- expo-chore - 🖼️ Exposition décors choré-choré - 12/04/2024 18:00 - 13/04/2024 4:00 - Avant SEA - - Exposition des décors des spectacles de choré choré des années - précédentes -
+
+ expo-chore + 🖼️ Exposition décors choré-choré + 14/04/2024 10:00 + 14/04/2024 14:00 + Avant SEA + + Exposition des décors des spectacles de choré choré des années précédentes +
-
- expo-fanzine - 🖼️ Expos fanzine, peinture digitale, métamorphoses textile, - photos Dramaqueer - 12/04/2024 18:00 - 13/04/2024 4:00 - Salle Résistants - - - Métamorphoses textiles : Exposition de couture - upcycling (transformation de vêtements et de tissus en nouveaux - vêtements)
- - Peinture digitale : Exposition d'une affiche - peinture digitale, représent Méduse confortée par un groupe de - femmes dans le temple d'Athéna
- - Fanzine Origines : Exposition des pages d'un - fanzine féministe des Salopettes sur le thème "Origines"
- - Photos Dramaqueer 4 Exposition de photos - prises pendant le drag show "Dramaqueer 4", drag show annuel - organisé par ArcENSiel, association LGBTQ+ de l'ENS Lyon - -
+
+ expo-fanzine + 🖼️ Expos fanzine, peinture digitale, métamorphoses textile, photos Dramaqueer + 14/04/2024 10:00 + 14/04/2024 14:00 + Salle Résistants + + - Métamorphoses textiles : Exposition de couture upcycling (transformation de vêtements et de tissus + en nouveaux vêtements)
+ - Peinture digitale : Exposition d'une affiche peinture digitale, représent + Méduse confortée par un groupe de femmes dans le temple d'Athéna
+ - Fanzine Origines : Exposition des pages d'un fanzine féministe des Salopettes sur le thème "Origines"
+ - Photos Dramaqueer 4 Exposition de photos prises pendant le drag show "Dramaqueer 4", + drag show annuel organisé par ArcENSiel, association LGBTQ+ de l'ENS Lyon + +
-
- expo-plage - 🌞 Exposition Ceci est une plage - 12/04/2024 18:00 - 13/04/2024 4:00 - Petit Pôt - -
+
+ expo-plage + 🌞 Exposition Ceci est une plage + 14/04/2024 10:00 + 14/04/2024 14:00 + Petit Pôt + +
+ + + +
+ chill + 🛋 Salle de détente + 14/04/2024 10:00 + 14/04/2024 14:00 + Salle Simone Weil + Salle pour chiller, discuter, se reposer, ouverte 24h/24 +
- -
- chill - 🛋 Salle de détente - 12/04/2024 18:00 - 13/04/2024 4:00 - Salle Simone Weil - - Salle pour chiller, discuter, se reposer, ouverte 24h/24 -
- -

Samedi

- -
- -
- petitdej - 🍽️ Petit déjeuner - 13/04/2024 11:00 - 13/04/2024 12:00 - Courô - -
- -
- brunch - 🍽️ Brunch - 13/04/2024 12:00 - 13/04/2024 14:00 - Pôt - Pour les lève-tard -
- -
- bbq - 🍽️ BBQ BDS - 13/04/2024 19:00 - 13/04/2024 22:00 - Courô - BBQ végétarien -
- - -
- tapir - 🥸 La blague des 3 tapirs - 13/04/2024 14:00 - 13/04/2024 15:00 - Salle Dussane - - Sketch en improvisation et en interaction avec le public, visant à - narrer l'inénarrable blague des 3 tapirs. -
- -
- comedie-musicale - 💃 Comédie musicale - 13/04/2024 13:00 - 13/04/2024 16:00 - Gymnase - - Dans un monde dirigé par un groupe vénérant le Hasard, les jets de - dé font loi. Après la perte du maître du groupe, l'élection du - nouveau dirigeant, trop malchanceux, plonge la société dans - l'instabilité. Un groupe de citoyens se constitue alors pour - enquêter sur les le chaos ambiant. Mais entre querelles de - pouvoir, quête d'identité et de sens, réussiront-ils à trouver ce - qu'ils cherchent ? - -
- -
- theatre - 🎭 Pièce de théâtre - 13/04/2024 14:00 - 13/04/2024 17:00 - Théâtre - ??? -
- -
- nucleaire - 🎭 Performance nucléaire - 13/04/2024 11:00 - 13/04/2024 18:00 - Salle W - - Spectacle immersif centré autour d'une ouvrière dans le nucléaire - qui parle de son expérience, ses motivations, ses peurs et ses - rêves sous la forme d'une déambulation. - -
- - -
- bal - 💃 Bal valse - 13/04/2024 19:00 - 13/04/2024 23:00 - Salle des Actes - - Venez animer la piste de danse porté.e.s par une playlist moderne - et montrer les prouesses acquises pendant l'initiation ! -
- -
- spectacle-danse - 💃 Spectacle de danse - 13/04/2024 16:30 - 13/04/2024 19:00 - Gymnase - - Au programme : pole danse, atelier chroégraphique, pompoms, valse, - rock 4 temps, rock swing, tango, danse égyptienne, K-pop... - -
- - -
- harpe - 🎼 Concert harpe flûte - 13/04/2024 15:00 - 13/04/2024 16:00 - Salle des Actes - -
- -
- choeurs - 🗣 Concert choeurs - 13/04/2024 16:00 - 13/04/2024 17:00 - Salle des Actes - -
- -
- interfanf - 🎺 Interfanfare - 13/04/2024 12:00 - 13/04/2024 16:00 - Courô - - Au programme: F[ens]foire, Ouatelse, Ernestophone, battles... - -
- - -
- feline - 🎬 Projection La féline - 13/04/2024 19:00 - 13/04/2024 22:00 - Salle Dussane - - Séance du Ciné-club de l'ENS de Paris sur le thème de la - métamorphose : projection de "La Féline", de Jacques Tourneur - suivie d'une discussion.
- Synopsis de "La Féline": Irena Dubrovna est une - jeune dessinatrice de mode qui pense être la descendante de - personnes pouvant se changer en panthères noires. Lors d'une - visite au zoo, elle rencontre Oliver Reed, ingénieur en - construction navale. Les deux jeunes New Yorkais tombent - éperdument amoureux l'un de l'autre. Oliver demande Irena en - mariage, celle-ci accepte mais est effrayée à l’idée de perdre sa - virginité : selon les vieilles légendes de son pays (la Serbie), - elle se transformera en féline et dévorera son amant lorsque - celui-ci l'embrassera..." - -
- -
- radio - 🎬 Emission de radio en direct - 13/04/2024 14:00 - 13/04/2024 18:00 - Salle Histoire - - Trensistor (Rennes) Topla, la radio de Paris-Saclay et - TrENSmission proposent une émission en direct et en public, - d'environ trois heures. Au programme : interview des - participant.e.s de l'événement (troupes de théâtre, danseurs et - acteurs d'autres performances); échanges sur des thèmes variés - (expérience d'étudiants, place de l'art dans leur vie - étudiante/personnelle); des chroniques, émissions et jeux en - interaction avec le public. - -
- -
- AI - - 👀 Intelligence artificielle et perception visuelle - 13/04/2024 16:00 - 13/04/2024 18:00 - K-Fêt - - Face à la projection d'une image un peu "floue", comme une - peinture impressionniste, vous serez invités à décrire l'image - avec tout le vocabulaire que vous possédez; nous entrerons chaque - texte proposé dans Dall-E et l'auditoire jugera qui a réussi à - produire l'image la plus proche de l'initiale. - -
- - -
- soiree-gymnase - 🎶 Soirée Gymnase - 13/04/2024 22:00 - 14/04/2024 4:00 - Gymnase - -
- -
- karaoke2 - 🎙️ Karaoké - 13/04/2024 18:00 - 13/04/2024 22:00 - Amphithéâtre Galois - -
- -
- concerts2 - 🎷 Concerts - 13/04/2024 14:30 - 13/04/2024 19:00 - SEA - - 14h30 : Chorale : Concert de chant a capella -
- 15h : Viva Australis : concert électro-pop d'une - chanteuse et compositrice chilienne accompagnée des synthétiseurs - texturés d'Emilie Bey et du groove de Sacha à la guitare basse -
- 16h : Quincaillerie orchestrée : Concert de - musique jouée à base d'objets récupérés
- 16h30 : Terre to cuite
- 17h : club musique : concert de rock du groupe - musique de Rennes
- 18h : orchestre : concert de l'orchestre de - Rennes - -
- - -
- degradation - 🦋 Expositions Chrysalide, Métamoprhose photographique, - Métamorphoses entomologiques - 13/04/2024 11:00 - 14/04/2024 4:00 - Salle Cavailles - - - Chrysalides : Installation de sculptures - suspendues sur le thème de la métamorphose animale.
- - Métamorphose photographique : expérimentation - de différentes transformations ou altérations du support, du - traitement, du tirage des oeuvres photographiques, interrogeant - l'importance de la forme dans l'art photographique.
- - Métamorphoses entomologiques : exposition de - photos macros d'insectes, interrogeant les différents états de - transformation de certaines espèces et dans nos rapports humains à - eux.
- -
- -
- taches - 📷 Expositions Tâches et Déchets - 13/04/2024 11:00 - 14/04/2024 4:00 - Salle Celan - - - Métamorphose et déchets : exposition mêlant - photographie et vidéoprojection, autour du thème de la - métamorphose des aliments et des déchets du quotidien, parfois si - transformés qu'ils en deviennent méconaissables
- - Tâches : Project collaboratif autour de la - tâche, accompagné d'une exposition de productions photographiques - et littéraires, sociologiques, scientifiques, autour du thème de - la tâche. - -
- -
- geographe - 🏔️ Exposition Terrains de géographes - 13/04/2024 11:00 - 14/04/2024 4:00 - Salle Beckett - - La salle d'exposition offre une vision multiforme des enquêtes - menées par les jeunes géographes, tel un voyage au travers des - métamorphoses opérées lors d'un travail de recherche : une - exposition à la croisée de l'artistique et de la réflexion méta - sur la recherche en sciences humaines et sociales. - -
- -
- expo-chore - 🖼️ Exposition décors choré-choré - 13/04/2024 11:00 - 14/04/2024 4:00 - Avant SEA - - Exposition des décors des spectacles de choré choré des années - précédentes -
- -
- expo-fanzine - 🖼️ Expos fanzine, peinture digitale, métamorphoses textile, - photos Dramaqueer - 13/04/2024 11:00 - 14/04/2024 4:00 - Salle Résistants - - - Métamorphoses textiles : Exposition de couture - upcycling (transformation de vêtements et de tissus en nouveaux - vêtements)
- - Peinture digitale : Exposition d'une affiche - peinture digitale, représentant Méduse confortée par un groupe de - femmes dans le temple d'Athéna
- - Fanzine Origines : Exposition des pages d'un - fanzine féministe des Salopettes sur le thème "Origines"
- - Photos Dramaqueer 4 Exposition de photos - prises pendant le drag show "Dramaqueer 4", drag show annuel - organisé par ArcENSiel, association LGBTQ+ de l'ENS Lyon - -
- -
- expo-plage - 🌞 Exposition Ceci est une plage - 13/04/2024 11:00 - 14/04/2024 4:00 - Petit Pôt - -
- - - -
- chill - 🛋 Salle de détente - 13/04/2024 11:00 - 14/04/2024 4:00 - Salle Simone Weil - Salle pour chiller, discuter, se reposer, ouverte 24h/24 -
-
- -

Dimanche

- -
- -
- petitdej2 - 🍽️ Petit déjeuner - 14/04/2024 10:00 - 14/04/2024 11:00 - Courô - -
- -
- brunch2 - 🍽️ Brunch - 14/04/2024 12:00 - 14/04/2024 14:00 - Pôt - Pour les lève-tard -
- - -
- initiation-pole - 💃 Initiation pole danse - 14/04/2024 11:00 - 14/04/2024 13:00 - Gymnase - - Venez participer à une initiation à la pole, composée d'une heure - d'initiation et d'une heure de préparation d'une courte - chorégraphie que l'on pourra filmer et partager avec vous, pour - celleux qui le souhaitent bien entendu! - -
- - -
- banda - 🎺 Concert Banda - 14/04/2024 11:00 - 14/04/2024 13:00 - Courô - -
- - -
- degradation - 🦋 Expositions Chrysalide, Métamoprhose photographique, - Métamorphoses entomologiques - 14/04/2024 10:00 - 14/04/2024 14:00 - Salle Cavailles - - - Chrysalides : Installation de sculptures - suspendues sur le thème de la métamorphose animale.
- - Métamorphose photographique : expérimentation - de différentes transformations ou altérations du support, du - traitement, du tirage des oeuvres photographiques, interrogeant - l'importance de la forme dans l'art photographique.
- - Métamorphoses entomologiques : exposition de - photos macros d'insectes, interrogeant les différents états de - transformation de certaines espèces et dans nos rapports humains à - eux.
- -
- -
- taches - 📷 Expositions Tâches et Déchets - 14/04/2024 10:00 - 14/04/2024 14:00 - Salle Celan - - - Métamorphose et déchets : exposition mêlant - photographie et vidéoprojection, autour du thème de la - métamorphose des aliments et des déchets du quotidien, parfois si - transformés qu'ils en deviennent méconaissables
- - Tâches : Project collaboratif autour de la - tâche, accompagné d'une exposition de productions photographiques - et littéraires, sociologiques, scientifiques, autour du thème de - la tâche. - -
- -
- geographe - 🏔️ Exposition Terrains de géographes - 14/04/2024 10:00 - 14/04/2024 14:00 - Salle Beckett - - La salle d'exposition offre une vision multiforme des enquêtes - menées par les jeunes géographes, tel un voyage au travers des - métamorphoses opérées lors d'un travail de recherche : une - exposition à la croisée de l'artistique et de la réflexion méta - sur la recherche en sciences humaines et sociales. - -
- -
- expo-chore - 🖼️ Exposition décors choré-choré - 14/04/2024 10:00 - 14/04/2024 14:00 - Avant SEA - - Exposition des décors des spectacles de choré choré des années - précédentes -
- -
- expo-fanzine - 🖼️ Expos fanzine, peinture digitale, métamorphoses textile, - photos Dramaqueer - 14/04/2024 10:00 - 14/04/2024 14:00 - Salle Résistants - - - Métamorphoses textiles : Exposition de couture - upcycling (transformation de vêtements et de tissus en nouveaux - vêtements)
- - Peinture digitale : Exposition d'une affiche - peinture digitale, représent Méduse confortée par un groupe de - femmes dans le temple d'Athéna
- - Fanzine Origines : Exposition des pages d'un - fanzine féministe des Salopettes sur le thème "Origines"
- - Photos Dramaqueer 4 Exposition de photos - prises pendant le drag show "Dramaqueer 4", drag show annuel - organisé par ArcENSiel, association LGBTQ+ de l'ENS Lyon - -
- -
- expo-plage - 🌞 Exposition Ceci est une plage - 14/04/2024 10:00 - 14/04/2024 14:00 - Petit Pôt - -
- - - -
- chill - 🛋 Salle de détente - 14/04/2024 10:00 - 14/04/2024 14:00 - Salle Simone Weil - Salle pour chiller, discuter, se reposer, ouverte 24h/24 -
-
-
- Inscriptions + Inscriptions
-

- Réserve vite ta place avant que les billets ne s'envolent ! Des - options de repas végétariens avec des alternatives vegan sont - disponibles pour les samedi-midi, samedi soir et dimanche midi. Des - solutions d'hébergement, incluant deux nuits et le petit-déjeuner les - samedi et dimanche matin, sont également disponibles pour te garantir - un séjour confortable et inoubliable. -

-

- Pour réserver tes billets, c'est sur - - ce lien ! -

+

Réserve vite ta place avant que les billets ne s'envolent ! + Des options de repas végétariens avec des alternatives vegan sont disponibles pour les samedi-midi, + samedi soir et dimanche midi. Des solutions d'hébergement, incluant deux nuits et le petit-déjeuner + les samedi et dimanche matin, sont également disponibles pour te garantir un séjour confortable et inoubliable.

+

Pour réserver tes billets, c'est sur + ce lien !

- + - + @@ -821,131 +725,128 @@ - +
- TARIFS - TARIFS
Entrée Nourriture LogementExtérieur.e.s 25 euros 10 euros/ /
+ +
+
- Photos + Photos
-

- Après une pause de 8 ans, cette tradition revient à Paris avec encore - plus d'éclat. Ne manque pas cette occasion unique de participer à un - événement qui promet des souvenirs inoubliables! Voici quelques photos - d'événements culturels qui se sont déroulées à l'ENS de Paris : -

+

Après une pause de 8 ans, cette tradition revient à Paris avec encore plus d'éclat. + Ne manque pas cette occasion unique de participer à un événement qui promet des souvenirs inoubliables! + Voici quelques photos d'événements culturels qui se sont déroulées à l'ENS de Paris :

-

-

-

- Danse de salon -

-

- -

-

- Pompom -

-

- Concert -

+

+

+

Danse de salon

+

+

Pompom

+

Concert

- Nous contacter + Nous contacter

respointerq@ens.fr

-
- -
+
+ +

Les respos interQ

- Noé + Noé
Noé Valenti-Mouraeff
- +
- Laurux + Laurux
Laura Gruson
- +
- Nadia -
Nadia Sorabji Stewart
+ Louise +
Louise Harari
-
+
+ +
+

45 rue d'Ulm 75005 Paris

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

© Louise Harari, Camille Gobert

+ +

© Louise Harari, Camille Gobert

@@ -954,32 +855,33 @@ - + let calendar3 = new Calendar({ + containerNode: $("#cal-container-3"), + startDate: new Date(2024, 3, 14, 9), + endDate:new Date(2024, 3, 14, 14), + groupEventsByLocation: true, + }); + + + }); + + \ No newline at end of file diff --git a/www/normalize.css b/www/normalize.css new file mode 100644 index 0000000..192eb9c --- /dev/null +++ b/www/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/style.css b/www/style.css new file mode 100644 index 0000000..c91e458 --- /dev/null +++ b/www/style.css @@ -0,0 +1,767 @@ +/*--------------------------------------------------------*/ +/* FONTS +/*--------------------------------------------------------*/ + +/* fira-sans-regular - latin */ +@font-face { + font-family: "Fira Sans"; + font-style: normal; + font-weight: 400; + src: local("Fira Sans Regular"), local("FiraSans-Regular"), + url("../fonts/fira-sans-v10-latin-regular.woff2") format("woff2"), + url("../fonts/fira-sans-v10-latin-regular.woff") format("woff"); +} + +/* fira-sans-700 - latin */ +@font-face { + font-family: "Fira Sans"; + font-style: normal; + font-weight: 700; + src: local("Fira Sans Bold"), local("FiraSans-Bold"), + url("../fonts/fira-sans-v10-latin-700.woff2") format("woff2"), + url("../fonts/fira-sans-v10-latin-700.woff") format("woff"); +} + +/* fira-mono-regular - latin */ +@font-face { + font-family: 'Fira Mono'; + font-style: normal; + font-weight: 400; + src: local('Fira Mono Regular'), local('FiraMono-Regular'), + url('../fonts/fira-mono-v8-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/fira-mono-v8-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* permanent-marker-regular - latin */ +@font-face { + font-family: "Permanent Marker"; + font-style: normal; + font-weight: 400; + src: local("Permanent Marker Regular"), local("PermanentMarker-Regular"), + url("../fonts/permanent-marker-v9-latin-regular.woff2") format("woff2"), + url("../fonts/permanent-marker-v9-latin-regular.woff") format("woff"); +} + + + +/*--------------------------------------------------------*/ +/* GENERAL RULES +/*--------------------------------------------------------*/ + +* { + box-sizing: border-box; + padding: 0; + margin: 0; +} + +html, body { + font-family: "Fira Sans", sans-serif; + font-weight: 400; + line-height: 180%; + color: #000000; + font-size: 18px; +} + +body { + background-color: #fbfbfb; + +} + +a, +a:hover, +a:active, +a:visited { + color: #000000; + text-decoration: none; +} + +/*--------------------------------------------------------*/ + + +@media only screen and (max-width: 480px) { + html, body { + font-size: 16px; + line-height: 160%; + } +} + +/*--------------------------------------------------------*/ +/* HEADER +/*--------------------------------------------------------*/ + +#main-header { + position: relative; + height: 750px; + margin-bottom: 40px; + background-color: #fbfbfb; + background-image: url("../img/header/text_header.svg"), url("../img/header/fond.svg") ; + background-position: top center, top center; + background-size: cover; + background-repeat: no-repeat; +} + + +/*--------------------------------------------------------*/ + + +@media only screen and (max-width: 1200px) { + #main-header { + height: 600px; + /* margin-bottom: 30px; */ + } +} + +@media only screen and (max-width: 1100px) { + #main-header { + height: 440px; + /* margin-bottom: 30px; */ + } +} + +@media only screen and (max-width: 880px) { + #main-header { + height: 400px; + /* margin-bottom: 20px; */ + } +} + +@media only screen and (max-width: 640px) { + #main-header { + height: 300px; + margin-bottom: 20px; + } +} + +@media only screen and (max-width: 480px) { + #main-header { + height: 220px; + /* margin-bottom: 20px; */ + } +} + +@media only screen and (max-width: 320px) { + #main-header { + height: 120px; + /* margin-bottom: 15px; */ + } +} + +@media only screen and (max-width: 220px) { + #main-header { + height: 100px; + /* margin-bottom: 15px; */ + } +} + + +/*--------------------------------------------------------*/ +/* CONTENT +/*--------------------------------------------------------*/ + +section { + padding: 0 0 200px 0; + + background-repeat: no-repeat; + background-position: bottom center; + + text-align: justify; +} + +section > * { + max-width: 960px; + + margin-left: calc(50% - 480px); + padding-left: 60px; + padding-right: 60px; +} + +section h2 { + margin-bottom: 25px; + padding: 40px 60px 30px 60px; + + color: #000000; + font-family: "Permanent Marker"; + font-size: 3.2rem; + text-align: center; + word-wrap: break-word; + hyphens: auto; +} + +section:nth-child(2) { + background-color: #fbfbfb; + background-image: url(../img/theme/paint/paint-yellow.svg) , url(../img/theme/elements/chenille.svg); + background-repeat: no-repeat; + background-position: 0% 100%, 0% 0%; + +} +section:nth-child(3) { + background-color: #fbfbfb; + background-image: url(../img/theme/paint/paint-orange.svg), url(../img/theme/elements/cocon.svg) /*url(../img/theme/elements/bouche.svg)*/; + background-repeat: no-repeat; + background-position: 0% 100%, top right; +} + +section:nth-child(4) { + background-color: #fbfbfb; + background-image: url(../img/theme/paint/paint-magenta.svg), url(../img/theme/elements/cocon_sortie.svg); + background-repeat: no-repeat; + background-position: 0% 100%, center left; +} + + +section:nth-child(5) { + background-color: #fbfbfb; + background-image: url(../img/theme/paint/paint-violet.svg), url(../img/theme/elements/early_papillon.svg); + background-repeat: no-repeat; + background-position: 0% 100%, center right; +} + +section:nth-child(6) { + background-color: #fbfbfb; + background-image: url(../img/theme/elements/papillon.svg); + background-repeat: no-repeat; + background-position: top left; +} + +section p { + padding-bottom: 20px; + font-size: 1.2rem; +} + +section p.stand-out { + /* font-weight: 700; */ + text-align: center; +} + +section p a, +section p a:visited { + padding: 0px 2px; + color: #000000; + /* text-decoration: underline; */ + border-bottom: 3px solid #000; +} + +section p a:hover, +section p a:active { + background-color: #000000; + color: #FFFFFF; + text-decoration: none; +} + + +/*--------------------------------------------------------*/ + + +@media only screen and (max-width: 880px) { + section > * { + max-width: 960px; + + margin-left: auto; + margin-right: auto; + padding-left: 40px; + padding-right: 40px; + } + + section h2 { + font-size: 2.6rem; + } +} + +@media only screen and (max-width: 580px) { + section h2 { + padding: 40px 40px 30px 40px; + font-size: 2.4rem; + } + + section { + background-image: none + } +} + +@media only screen and (max-width: 380px) { + section > * { + padding-left: 20px; + padding-right: 20px; + } + + section h2 { + padding: 40px 20px 30px 20px; + font-size: 2.4rem; + } + + +} + +@media only screen and (max-width: 320px) { + section h2 { + padding: 30px 20px 20px 20px; + font-size: 2rem; + } +} + + + +/*--------------------------------------------------------*/ +/* BUTTONS +/*--------------------------------------------------------*/ + +.button { + display: block; + /* width: 80%; */ + + margin: 20px auto 0 auto; + padding: 15px 20px; + + background-color: transparent; + + border: 3px solid #000000; + + color: #000000; + font-size: 1.4rem; + font-weight: 400; + text-transform: uppercase; + text-align: center; +} + +.button:hover { + background-color: #000000; + color: #FFFFFF; +} + +#instagram-button > span::before { + content: " "; + display: inline-block; + background-image: url("../img/icons/instagram.svg"); + background-size: 32px 32px; + height: 32px; + width: 32px; + margin: 0 5px; +} + +#instagram-button:hover > span::before { + background-image: url("../img/icons/instagram-white.svg"); + background-color: #000000; +} + +.button > span { + line-height: 32px; + vertical-align: middle; +} + + +/*--------------------------------------------------------*/ + + +@media only screen and (max-width: 320px) { + .button { + width: 100%; + padding: 10px 15px; + + font-size: 1.1rem; + line-height: 24px; + } + + .button img { + height: 24px; + width: 24px; + } +} + +/*--------------------------------------------------------*/ +/* INTERQ 2016 +/*--------------------------------------------------------*/ + +.interq2016 img { + text-align: center; +} + +/*--------------------------------------------------------*/ + +@media only screen and (max-width: 880px) { + .interq2016 img { + width: 60%; + height: 60%; + } +} + + + + +/*--------------------------------------------------------*/ +/* 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 */ + } +} + + + + + +/*--------------------------------------------------------*/ +/* LOCATION +/*--------------------------------------------------------*/ + +#mailing-address { + margin: 0 0 20px 0; + + font-size: 1.5rem; + font-weight: 700; + text-align: center; + line-height: 32px; + vertical-align: middle; +} + +#mailing-address > span::before { + content: " "; + display: inline-block; + background-image: url("../img/icons/location.svg"); + background-size: 32px 32px; + height: 32px; + width: 32px; + margin: 0 5px; +} + +#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: auto auto; + 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.2rem; + } + + #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 { + row-gap: 16px; + } + + #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; + border-radius: 78px; + transition: 100ms ease-in; +} + +#sponsors img.sponsor-disc:hover { + border: 5px solid #884578ff +} + +/*--------------------------------------------------------*/ + + +@media only screen and (max-width: 480px) { + #sponsors img { + height: 60px; + margin: 5px; + } + + #sponsors img.sponsor-disc { + height: 80px; + } +} + + + +/*--------------------------------------------------------*/ +/* CONTACT +/*--------------------------------------------------------*/ + +#contact-email { + font-family: "Fira Mono"; + font-size: 1.5rem; + text-align: center; + word-wrap: break-word; +} + +#contact-email > span::before { + content: " "; + display: inline-block; + background-image: url("../img/icons/email.svg"); + background-size: 32px 32px; + height: 32px; + width: 32px; + margin: 0 5px; +} + + + +/*--------------------------------------------------------*/ + + +@media only screen and (max-width: 480px) { + #contact-email { + font-size: 1.2rem; + } + + #contact-email > span::before { + content: ""; + height: 0; + width: 0; + background: none; + } +} + + + +/*--------------------------------------------------------*/ +/* EQUIPE INTERQ +/*--------------------------------------------------------*/ + +#team h3 { + margin: 0 0 10px 0; + font-weight: bold; + text-align: center; +} + +.team-group { + display: flex; + justify-content: center; + margin: 20px 0; +} + +.team-group figure { + margin: 0 20px; +} + +.team-group figure img { + width: 260px; +} + +.team-group figcaption { + text-align: center; +} + + + +/*--------------------------------------------------------*/ + +@media only screen and (max-width: 880px) { + .team-group { + flex-direction: column; + } + + .team-group figure { + text-align: center; + } +} + +@media only screen and (max-width: 320px) { + + .team-group figure img { + width: 80%; + height: 80%; + } +} + + +/*--------------------------------------------------------*/ +/* SIGNATURE +/*--------------------------------------------------------*/ + +#signature { + text-align: right; + +} + +/* Tableau */ +td, th { + border: 1px solid #333; + padding: 15px; + } + + table { + + border-collapse: collapse; + margin: auto; + } \ No newline at end of file