2019-04-14 03:08:24 +02:00
<!DOCTYPE html>
< html lang = "fr" >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0," >
2019-04-14 05:47:13 +02:00
< meta name = "description" content = "Les 48h des Arts 2019 — festival artistique annuel de l'Ecole normale supérieure." >
< meta name = "keywords" content = "ENS 48h arts 2019 école normale supérieure" >
2019-04-14 03:08:24 +02:00
2019-04-14 05:47:13 +02:00
< title > Les 48h des Arts 2019< / title >
2019-04-14 03:08:24 +02:00
< link rel = "stylesheet" href = "css/normalize.css" >
< link rel = "stylesheet" href = "css/style.css" >
< link rel = "stylesheet" href = "css/tipso.css" >
< link rel = "stylesheet" href = "css/calendar.css" >
< / head >
< body >
< header id = "main-header" >
2019-04-14 05:47:13 +02:00
< canvas id = "main-header-background" > < / canvas >
< img id = "main-header-title" src = "img/header/title.svg" alt = "Les 48h des Arts" >
2019-04-14 03:08:24 +02:00
< / header >
2019-04-14 05:47:13 +02:00
< section class = "red" >
2019-04-14 03:08:24 +02:00
< h2 > Présentation< / h2 >
< div >
2019-04-16 20:25:49 +02:00
< p >
2019-04-22 16:57:11 +02:00
Les 48h des Arts sont un < strong > festival culturel et artistique gratuit< / strong > organisé < strong > du 3 au 5 mai 2019< / strong > par le Bureau des Arts de l'ENS et des membres de plusieurs écoles de PSL au 45 rue d'Ulm.
2019-04-18 11:26:29 +02:00
Il rassemble des projets artistiques d'une grande diversité autour du thème < strong > « Ruptures » < / strong > : théâtre, concerts, cinéma, arts martiaux, danse, photographie, arts plastiques et bien d'autres encore.
2019-04-16 20:25:49 +02:00
À cette occasion, l'ENS ouvre ses bâtiments historiques au public et accueille les habitant· e· s du quartier ainsi que tou· te· s celles et ceux qui souhaitent s'y rendre.
< / p >
2019-04-22 16:57:43 +02:00
< p class = "stand-out" >
Festival Lauréat de l'appel à projets d'initiatives étudiantes PSL.
< / p >
2019-04-14 05:47:13 +02:00
< a href = "https://www.facebook.com/events/616379335488431/" target = "_blank" >
2019-04-14 03:08:24 +02:00
< div class = "button" >
< img src = "img/icons/facebook.svg" alt = "Facebook" >
< span > Page Facebook< / span >
< / div >
< / a >
< / div >
< / section >
2019-04-14 05:47:13 +02:00
< section class = "orange" >
2019-04-14 03:08:24 +02:00
< h2 > Programme< / h2 >
2019-04-14 05:47:13 +02:00
< p > Les activités débutent le < strong > vendredi 3 mai à 20h00< / strong > et se terminent le < strong > dimanche 5 mai à 21h00< / strong > .< / p >
2019-04-18 11:29:23 +02:00
< p class = "stand-out" >
Le programme des activités sera prochainement disponible !
< / p >
2019-04-14 03:08:24 +02:00
< / section >
2019-04-14 05:47:13 +02:00
< section class = "green" >
2019-04-14 03:08:24 +02:00
< h2 > Comment venir ?< / h2 >
< div >
< p id = "mailing-address" >
< img src = "img/icons/location.svg" alt = "Emplacement" >
45 rue d'Ulm 75005 Paris
< / p >
< iframe id = "interactive-map" width = "750" height = "400" src = "https://www.openstreetmap.org/export/embed.html?bbox=2.334809303283692%2C48.8368567401711%2C2.3548936843872075%2C48.84636099015179&layer=hot&marker=48.841602029496684%2C2.344851493835449" > < / iframe >
< / div >
< div id = "public-transport-info" >
< div id = "transport-metro-icon" >
< img src = "img/icons/ratp/metro-7.svg" alt = "Métro 7" >
< / div >
< span id = "transport-metro-stop" > Place Monge< / span >
< div id = "transport-rer-icon" >
< img src = "img/icons/ratp/rer-B.svg" alt = "RER B" >
< / div >
< span id = "transport-rer-stop" > Luxembourg< / span >
< div id = "transport-bus-icon" >
< img src = "img/icons/ratp/bus-21.svg" alt = "Bus 21" >
< img src = "img/icons/ratp/bus-27.svg" alt = "Bus 27" >
< / div >
< span id = "transport-bus-stop" > Feuillantines< / span >
< div id = "transport-noctilien-icon" >
< img src = "img/icons/ratp/noctilien-14.svg" alt = "Noctilien 14" >
< img src = "img/icons/ratp/noctilien-21.svg" alt = "Noctilien 21" >
< img src = "img/icons/ratp/noctilien-122.svg" alt = "Noctilien 122" >
< / div >
< span id = "transport-noctilien-stop" > Auguste Compte< / span >
< / div >
< / section >
2019-04-14 05:47:13 +02:00
< section class = "blue" >
2019-04-14 03:08:24 +02:00
< h2 > Nous contacter< / h2 >
< div >
< p id = "contact-email" >
< img src = "img/icons/email.svg" alt = "Email" >
2019-04-14 05:47:13 +02:00
< span > bda[arobase]ens[point]fr< / span >
2019-04-14 03:08:24 +02:00
< / p >
< / div >
< / section >
2019-04-14 05:47:13 +02:00
< section class = "purple" >
2019-04-22 16:59:11 +02:00
< h2 > Organisateurs< / h2 >
2019-04-14 03:08:24 +02:00
< div >
< div id = "sponsors" >
< a href = "https://www.cof.ens.fr" >
2019-04-18 11:26:06 +02:00
< img src = "img/sponsors/cof.png" alt = "COF" >
2019-04-14 03:08:24 +02:00
< / a >
2019-04-16 20:25:49 +02:00
< a href = "https://bda.ens.fr/" >
2019-04-18 11:26:06 +02:00
< img src = "img/sponsors/bda.png" alt = "BdA" >
2019-04-14 03:08:24 +02:00
< / a >
2019-04-18 11:26:06 +02:00
< a href = "https://www.facebook.com/clubPLS/" >
< img src = "img/sponsors/pls.png" alt = "PLS" >
2019-04-14 03:08:24 +02:00
< / a >
< br >
2019-04-16 20:25:49 +02:00
< a href = "https://www.archicubes.ens.fr/" >
< img src = "img/sponsors/a-ulm.png" alt = "a-Ulm" >
2019-04-14 03:08:24 +02:00
< / a >
2019-04-16 20:25:49 +02:00
< a href = "https://www.ens.fr/" >
< img src = "img/sponsors/ens-psl.png" alt = "ENS-PSL" >
2019-04-14 03:08:24 +02:00
< / a >
< / div >
< / div >
< / section >
2019-04-22 16:59:11 +02:00
< section class = "pink" >
< h2 > Remerciements< / h2 >
< table id = "acknowledgements" >
< tr >
< td class = "name" > Camille Gobert< / td >
< td class = "role" > , communication graphique et site web< / td >
< / tr >
< tr >
< td class = "name" > Christian Huet< / td >
< td class = "role" > , régisseur du théâtre de l'ENS< / td >
< / tr >
< / table >
< / section >
2019-04-14 03:08:24 +02:00
< / body >
<!-- Note: tipso plugin requires the full jQuery library, the slim one is not sufficient -->
<!-- <script type="text/javascript" src="js/jquery - 3.3.1.slim.min.js"></script> -->
< script type = "text/javascript" src = "js/jquery-3.3.1.min.js" > < / script >
2019-04-14 05:47:13 +02:00
< script type = "text/javascript" src = "js/triangles-mask.js" > < / script >
2019-04-18 11:26:50 +02:00
<!-- <script type="text/javascript" src="js/tipso.min.js"></script> -->
<!-- <script type="text/javascript" src="js/interval_coloration.js"></script> -->
<!-- <script type="text/javascript" src="js/calendar.js"></script> -->
2019-04-14 03:08:24 +02:00
2019-04-18 11:26:50 +02:00
<!-- <script type="text/javascript">
2019-04-14 03:08:24 +02:00
$(window).ready(() => {
let cal = new Calendar({
startDate: new Date(2018, 11, 01, 19, 00),
endDate: new Date(2018, 11, 02, 5),
groupEventsByLocation: true
});
console.log(cal);
});
2019-04-18 11:26:50 +02:00
< / script > -->
2019-04-14 03:08:24 +02:00
< / html >
