diff --git a/www/css/calendar.css b/www/css/calendar.css index 9452709..f9478b8 100644 --- a/www/css/calendar.css +++ b/www/css/calendar.css @@ -1,26 +1,24 @@ /* Calendar */ -#cal-container { - position: relative; +.cal-container { + position: relative; - width: 100%; - /* height: 1200px; */ - padding: 0; + width: 100%; + /* height: 1200px; */ + padding: 0; - font-size: 0.8rem; - line-height: 100%; + font-size: 0.8rem; + line-height: 100%; } -#cal-container, -#cal-container * { +.cal-container, +.cal-container * { box-sizing: border-box; } - - /* Time slots */ -#cal-container .cal-time-slot-container { +.cal-container .cal-time-slot-container { display: grid; /* grid-template-columns: repeat(24, 1fr); */ grid-template-rows: 30px auto; @@ -31,65 +29,50 @@ width: 100%; height: calc(100% + 30px); padding: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.5); + border-bottom: 0px solid rgba(0, 0, 0, 0.5); z-index: 10; } -#cal-container .cal-time-slot { +.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 { +/* .cal-container .cal-time-slot:hover { background-color: red; } */ -#cal-container .cal-time-slot:nth-child(even) { - background-color: rgba(255, 255, 255, 0.9); +.cal-container .cal-time-slot:nth-child(even) { + background-color: rgba(71, 19, 43, 0); } -/* #cal-container .cal-time-slot:nth-child(even):hover { +/* .cal-container .cal-time-slot:nth-child(even):hover { background-color: #D9D9D9; } */ -#cal-container .cal-time-slot:last-child { +.cal-container .cal-time-slot:last-child { border-right: 0; } -#cal-container .cal-time-slot-hour { +.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 rgba(0, 0, 0, 0.5); - font-size: 0.9rem; + 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:nth-child(even) { + background-color: none; /* rgba(255, 223, 165, 0.05);*/ } -#cal-container .cal-time-slot-hour:first-child { +.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 rgba(0, 0, 0, 0.5); -} - -#cal-container .cal-time-slot.cal-first-hour, -#cal-container .cal-time-slot-hour.cal-first-hour { - border-left: 1px solid rgba(0, 0, 0, 0.5); -} - /* Events */ -#cal-container .cal-event-container { +.cal-container .cal-event-container { display: grid; /* grid-template-columns: repeat(24, 1fr); */ /* grid-template-rows: repeat(12, auto); */ @@ -103,7 +86,7 @@ z-index: 100; } -#cal-container .cal-event { +.cal-container .cal-event { position: relative; height: 42px; margin: 2px 0; @@ -121,57 +104,59 @@ transition: 50ms ease-in; } -#cal-container .cal-event > * { +.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 { +.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 { +.cal-container .cal-event > .cal-event-name { font-weight: 700; } -#cal-container .cal-event > .cal-event-location { - font-weight: 400; +.cal-container .cal-event > .cal-event-location { + font-weight: 300; font-style: italic; } -/*#cal-container .cal-event > .cal-event-location::before { +/*.cal-container .cal-event > .cal-event-location::before { content: " · "; }*/ -#cal-container .cal-event > .cal-event-perm-count { +.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 { +.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; + background-color: #fff; + border: 2px solid #e44; + color: #e44; font-weight: bold; border-radius: 3px; overflow: hidden; } -#cal-container .cal-event.cal-event-subscribed { +.cal-container .cal-event.cal-event-subscribed { border-width: 3px; border-color: #000; } -#cal-container .cal-event.cal-event-subscribed::after { +.cal-container .cal-event.cal-event-subscribed::after { content: "✔"; position: absolute; left: 0; @@ -184,37 +169,36 @@ border-top-right-radius: 3px; } - /* Event details popup */ -#cal-container .cal-event-details { +.cal-container .cal-event-details { position: absolute; min-height: 100px; /* min-width: 40%; */ max-width: 80%; padding: 20px; background-color: #333; - color: #FFF; + 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: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 { +.cal-container .cal-event-details.above-event:after { top: 100%; left: 50%; border: solid transparent; @@ -228,11 +212,11 @@ margin-left: -20px; } -#cal-container .cal-event-details * { +.cal-container .cal-event-details * { z-index: 1000; } -#cal-container .cal-event-details .cal-detail-close-button { +.cal-container .cal-event-details .cal-detail-close-button { width: 35px; height: 35px; position: absolute; @@ -244,107 +228,118 @@ border: none; border-radius: 50%; font-size: 1.2rem; - color: #BBB; + color: #bbb; transition: 100ms ease-out; } -#cal-container .cal-event-details .cal-detail-close-button:hover { +.cal-container .cal-event-details .cal-detail-close-button:hover { background-color: #484848; - color: #EFEFEF; + color: #efefef; } -#cal-container .cal-event-details a, -#cal-container .cal-event-details a:hover { - color: #FFF; +.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 { +.cal-container .cal-event-details .cal-detail-name { padding: 10px; border-radius: 4px; font-size: 1rem; - color: #FFF; + color: #fff; text-transform: uppercase; text-align: center; } -#cal-container .cal-event-details .cal-detail-name h3 { +.cal-container .cal-event-details .cal-detail-name h3 { margin: 0 20px 20px 20px; } -#cal-container .cal-event-details table { +.cal-container .cal-event-details table { margin: 0 auto; } -#cal-container .cal-event-details td.cal-detail-label { +.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 { +.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 { +.cal-container .cal-event-details .cal-detail-perm-area { margin: 10px 0; padding: 10px; - background-color: #DFDFDF; + background-color: #dfdfdf; color: #333; text-align: center; border-radius: 4px; } -#cal-container .cal-event-details .cal-detail-perm-title { +.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 { +.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-missing { + color: #e44; } -#cal-container .cal-event-details .cal-detail-perm-area .cal-detail-perm-count.cal-perms-full { +.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 { +.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 { +.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; + background-color: #fff; border-radius: 4px; text-align: center; font-size: 1.1rem; - color: #E44; + color: #e44; font-weight: bold; } -#cal-container .cal-event-details .cal-detail-description { +.cal-container .cal-event-details .cal-detail-description { margin: 20px 0 0 0; - color: #DDD; + color: #ddd; font-size: 0.9rem; font-style: italic; text-align: justify; line-height: 130%; } -#cal-container .cal-event-details .cal-detail-tag { +.cal-container .cal-event-details .cal-detail-tag { display: inline-block; margin: 5px; padding: 5px; - border: 1px solid #DDD; + border: 1px solid #ddd; } diff --git a/www/css/normalize.css b/www/css/normalize.css index 192eb9c..bb6e2a7 100644 --- a/www/css/normalize.css +++ b/www/css/normalize.css @@ -174,7 +174,8 @@ textarea { */ button, -input { /* 1 */ +input { + /* 1 */ overflow: visible; } @@ -184,7 +185,8 @@ input { /* 1 */ */ button, -select { /* 1 */ +select { + /* 1 */ text-transform: none; } diff --git a/www/css/style.css b/www/css/style.css index aae9e08..dfa3535 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -4,85 +4,92 @@ /* 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"); + 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"); + 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+ */ -} + 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"); + 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; + 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; +html, +body { + font-family: "Fira Sans", sans-serif; + font-weight: 400; + line-height: 180%; + color: #000000; + font-size: 18px; } body { - background-color: #fbfbfb; - + background-color: #fbfbfb; } a, a:hover, a:active, a:visited { - color: #000000; - text-decoration: none; + color: #000000; + text-decoration: none; } /*--------------------------------------------------------*/ - @media only screen and (max-width: 480px) { - html, body { - font-size: 16px; - line-height: 160%; - } + html, + body { + font-size: 16px; + line-height: 160%; + } } /*--------------------------------------------------------*/ @@ -90,273 +97,275 @@ a:visited { /*--------------------------------------------------------*/ #main-header { - position: relative; - height: 750px; - margin-bottom: 40px; - background-color: #fbfbfb; - background-image: url("../img/header/interq2.svg"); - background-position: top center; - background-size: cover; - background-repeat: no-repeat; + position: relative; + height: 750px; + margin-bottom: 40px; + background-color: #fbfbfb; + background-image: url("../img/header/interq4.svg"); + background-position: top center; + background-size: cover; + background-repeat: no-repeat; } - /*--------------------------------------------------------*/ - @media only screen and (max-width: 1200px) { - #main-header { - height: 600px; - /* margin-bottom: 30px; */ - } + #main-header { + height: 600px; + /* margin-bottom: 30px; */ + } } @media only screen and (max-width: 960px) { - #main-header { - height: 460px; - /* margin-bottom: 30px; */ - } + #main-header { + height: 460px; + /* margin-bottom: 30px; */ + } } @media only screen and (max-width: 880px) { - #main-header { - height: 420px; - /* margin-bottom: 20px; */ - } + #main-header { + height: 420px; + /* margin-bottom: 20px; */ + } } @media only screen and (max-width: 640px) { - #main-header { - height: 320px; - margin-bottom: 20px; - } + #main-header { + height: 320px; + margin-bottom: 20px; + } } @media only screen and (max-width: 480px) { - #main-header { - height: 250px; - /* margin-bottom: 20px; */ - } + #main-header { + height: 250px; + /* margin-bottom: 20px; */ + } } @media only screen and (max-width: 320px) { - #main-header { - height: 150px; - /* margin-bottom: 15px; */ - } + #main-header { + height: 150px; + /* margin-bottom: 15px; */ + } } @media only screen and (max-width: 220px) { - #main-header { - height: 120px; - /* margin-bottom: 15px; */ - } + #main-header { + height: 120px; + /* margin-bottom: 15px; */ + } } - /*--------------------------------------------------------*/ /* CONTENT /*--------------------------------------------------------*/ section { - padding: 0 0 100px 0; + padding: 0 0 200px 0; - background-repeat: no-repeat; - background-position: bottom center; + background-repeat: no-repeat; + background-position: bottom center; - text-align: justify; + text-align: justify; } section > * { - max-width: 960px; + max-width: 960px; - margin-left: calc(50% - 480px); - padding-left: 60px; - padding-right: 60px; + margin-left: calc(50% - 480px); + padding-left: 60px; + padding-right: 60px; } section h2 { - margin-bottom: 25px; - padding: 40px 60px 30px 60px; + 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; + 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-red.svg), url(../img/theme/elements/main.svg); - background-repeat: no-repeat; - background-position: 0% 100%, 0% 0%; - + 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-yellow.svg), url(../img/theme/elements/visage.svg), url(../img/theme/elements/bouche.svg); - background-repeat: no-repeat; - background-position: 0% 100%, center left, bottom right; + 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 left; } section:nth-child(4) { - background-color: #fbfbfb; - background-image: url(../img/theme/paint/paint-blue.svg), url(../img/theme/elements/pinceau.svg); - background-repeat: no-repeat; - background-position: 0% 100%, 100% 0%; -} + 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 right; +} section:nth-child(5) { - background-color: #fbfbfb; - background-image: url(../img/theme/elements/guitare.svg); - background-repeat: no-repeat; - background-position: center right; + 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 p { - padding-bottom: 20px; - font-size: 1.2rem; + padding-bottom: 20px; + font-size: 1.2rem; } section p.stand-out { - /* font-weight: 700; */ - text-align: center; + /* 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; + 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; + 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 > * { + max-width: 960px; - section h2 { - font-size: 2.6rem; - } + 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 h2 { + padding: 40px 40px 30px 40px; + font-size: 2.4rem; + } - section { - background-image: none - } + section { + background-image: none; + } } @media only screen and (max-width: 380px) { - section > * { - padding-left: 20px; - padding-right: 20px; - } + section > * { + padding-left: 20px; + padding-right: 20px; + } - section h2 { - padding: 40px 20px 30px 20px; - font-size: 2.4rem; - } - - + 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; - } + section h2 { + padding: 30px 20px 20px 20px; + font-size: 2rem; + } } - - /*--------------------------------------------------------*/ /* BUTTONS /*--------------------------------------------------------*/ .button { - display: block; - /* width: 80%; */ + display: block; + /* width: 80%; */ - margin: 20px auto 0 auto; - padding: 15px 20px; + margin: 20px auto 0 auto; + padding: 15px 20px; - background-color: transparent; + background-color: transparent; - border: 3px solid #000000; + border: 3px solid #000000; - color: #000000; - font-size: 1.4rem; - font-weight: 400; - text-transform: uppercase; - text-align: center; + color: #000000; + font-size: 1.4rem; + font-weight: 400; + text-transform: uppercase; + text-align: center; } .button:hover { - background-color: #000000; - color: #FFFFFF; + background-color: #000000; + color: #ffffff; } -#facebook-button > span::before { - content: " "; - display: inline-block; - background-image: url("../img/icons/facebook.svg"); - background-size: 32px 32px; - height: 32px; - width: 32px; - margin: 0 5px; +#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; } -#facebook-button:hover > span::before { - background-image: url("../img/icons/facebook-white.svg"); - background-color: #000000; +#instagram-button:hover > span::before { + background-image: url("../img/icons/instagram-white.svg"); + background-color: #000000; } .button > span { - line-height: 32px; - vertical-align: middle; + line-height: 32px; + vertical-align: middle; } - /*--------------------------------------------------------*/ - @media only screen and (max-width: 320px) { - .button { - width: 100%; - padding: 10px 15px; + .button { + width: 100%; + padding: 10px 15px; - font-size: 1.1rem; - line-height: 24px; - } + font-size: 1.1rem; + line-height: 24px; + } - .button img { - height: 24px; - width: 24px; - } + .button img { + height: 24px; + width: 24px; + } } /*--------------------------------------------------------*/ @@ -364,244 +373,230 @@ section p a:active { /*--------------------------------------------------------*/ .interq2016 img { - text-align: center; + text-align: center; } /*--------------------------------------------------------*/ @media only screen and (max-width: 880px) { - .interq2016 img { - width: 60%; - height: 60%; - } + .interq2016 img { + width: 60%; + height: 60%; + } } - - - /*--------------------------------------------------------*/ /* PRICE TABLE /*--------------------------------------------------------*/ #calendar { - width: 100%; - max-width: 100%; - margin: 0; - padding: 0; + width: 100%; + max-width: 100%; + margin: 0; + padding: 0; } - /*--------------------------------------------------------*/ - @media only screen and (max-width: 880px) { - #calendar { - overflow-x: scroll; - } + #calendar { + overflow-x: scroll; + } - #cal-container { - min-width: 1800px; - margin: 0 0 40px 0; /* Fix the weird y-overflow of the calendar root */ - } + #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; + margin: 0 0 20px 0; - font-size: 1.5rem; - font-weight: 700; - text-align: center; - line-height: 32px; - vertical-align: middle; + 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; + 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%; + width: 100%; - margin: 20px 0; + margin: 20px 0; - border: none; - border-radius: 10px; + border: none; + border-radius: 10px; } - #public-transport-info { - display: grid; - grid-template-columns: 1fr 1fr 1fr 1fr; - grid-template-rows: 1fr 1fr 1fr; + 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; + margin-left: calc(50% - 480px - 50px); - line-height: 48px; - vertical-align: middle; - white-space: nowrap; + font-size: 1.5rem; + + line-height: 48px; + vertical-align: middle; + white-space: nowrap; } #public-transport-info > * { - margin: 5px; + margin: 5px; - justify-self: left; + justify-self: left; } #public-transport-info img { - width: 48px; - height: 48px; + width: 48px; + height: 48px; - margin: 0 5px 0 0; + margin: 0 5px 0 0; - vertical-align: bottom; + vertical-align: bottom; } #transport-metro-icon, #transport-metro-stop, #transport-bus-1-icon, #transport-bus-1-stop { - grid-row: 1; + grid-row: 1; } #transport-rer-icon, #transport-rer-stop, #transport-bus-2-icon, #transport-bus-2-stop { - grid-row: 2; + grid-row: 2; } #transport-noctilien-icon, #transport-noctilien-stop { - grid-row: 3; + grid-row: 3; } #transport-metro-icon, #transport-rer-icon { - grid-column: 1; - justify-self: end; - + grid-column: 1; + justify-self: end; } #transport-metro-stop, #transport-rer-stop { - grid-column: 2; + grid-column: 2; } #transport-bus-1-icon, #transport-bus-2-icon, #transport-noctilien-icon { - grid-column: 3; - justify-self: end; - + grid-column: 3; + justify-self: end; } #transport-bus-1-stop, #transport-bus-2-stop, #transport-noctilien-stop { - grid-column: 4; + 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; + #public-transport-info { + display: grid; + grid-template-columns: auto auto; + grid-template-rows: auto auto auto auto auto; + align-items: center; - margin: 0; + margin: 0; - line-height: 48px; - } + line-height: 48px; + } - #transport-metro-icon, - #transport-metro-stop { - grid-row: 1; - } + #transport-metro-icon, + #transport-metro-stop { + grid-row: 1; + } - #transport-rer-icon, - #transport-rer-stop { - grid-row: 2; - } + #transport-rer-icon, + #transport-rer-stop { + grid-row: 2; + } - #transport-bus-1-icon, - #transport-bus-1-stop { - grid-row: 3; - } + #transport-bus-1-icon, + #transport-bus-1-stop { + grid-row: 3; + } - #transport-bus-2-icon, - #transport-bus-2-stop { - grid-row: 4; - } + #transport-bus-2-icon, + #transport-bus-2-stop { + grid-row: 4; + } - #transport-noctilien-icon, - #transport-noctilien-stop { - grid-row: 5; - } + #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-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; - } + #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; - } + #mailing-address { + font-size: 1.2rem; + } - #public-transport-info { - grid-template-columns: 4fr 6fr; + #public-transport-info { + grid-template-columns: 4fr 6fr; - line-height: 32px; - font-size: 1.1rem; - } + line-height: 32px; + font-size: 1.1rem; + } - #public-transport-info img { - width: 32px; - height: 32px; - } + #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; - } + #public-transport-info { + row-gap: 16px; + } + + #public-transport-info img { + display: block; + } } /*--------------------------------------------------------*/ @@ -609,139 +604,138 @@ section p a:active { /*--------------------------------------------------------*/ #sponsors { - text-align: center; + text-align: center; } #sponsors img { - height: 100px; - object-fit: cover; + height: 100px; + object-fit: cover; - margin: 20px; + margin: 20px; } #sponsors img.sponsor-disc { - height: 155px; - border-radius: 78px; - transition: 100ms ease-in; + height: 155px; + border-radius: 78px; + transition: 100ms ease-in; } #sponsors img.sponsor-disc:hover { - border: 5px solid #7b79b8 + border: 5px solid #884578ff; } /*--------------------------------------------------------*/ - @media only screen and (max-width: 480px) { - #sponsors img { - height: 60px; - margin: 5px; - } + #sponsors img { + height: 60px; + margin: 5px; + } - #sponsors img.sponsor-disc { - height: 80px; - } + #sponsors img.sponsor-disc { + height: 80px; + } } - - /*--------------------------------------------------------*/ /* CONTACT /*--------------------------------------------------------*/ #contact-email { - font-family: "Fira Mono"; - font-size: 1.5rem; - text-align: center; - word-wrap: break-word; + 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; + 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 { + font-size: 1.2rem; + } - #contact-email > span::before { - content: ""; - height: 0; - width: 0; - background: none; - } + #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; + margin: 0 0 10px 0; + font-weight: bold; + text-align: center; } .team-group { - display: flex; - justify-content: center; - margin: 20px 0; + display: flex; + justify-content: center; + margin: 20px 0; } .team-group figure { - margin: 0 20px; + margin: 0 20px; } .team-group figure img { - width: 260px; + width: 260px; } .team-group figcaption { - text-align: center; + text-align: center; } - - /*--------------------------------------------------------*/ @media only screen and (max-width: 880px) { - .team-group { - flex-direction: column; - } + .team-group { + flex-direction: column; + } - .team-group figure { - text-align: center; - } + .team-group figure { + text-align: center; + } } @media only screen and (max-width: 320px) { - - .team-group figure img { - width: 80%; - height: 80%; - } + .team-group figure img { + width: 80%; + height: 80%; + } } - /*--------------------------------------------------------*/ /* SIGNATURE /*--------------------------------------------------------*/ #signature { - text-align: right; - -} \ No newline at end of file + text-align: right; +} + +/* Tableau */ +td, +th { + border: 1px solid #333; + padding: 15px; +} + +table { + border-collapse: collapse; + margin: auto; +} diff --git a/www/css/tipso.css b/www/css/tipso.css index bdac6df..f3edd36 100644 --- a/www/css/tipso.css +++ b/www/css/tipso.css @@ -1,18 +1,19 @@ /* 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, +.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; + text-align: center; + border-radius: 6px; + z-index: 9999; } -.tipso_style{ - /* cursor: help; */ - /* border-bottom: 1px dotted; */ +.tipso_style { + /* cursor: help; */ + /* border-bottom: 1px dotted; */ } .tipso_title { padding: 0; @@ -27,17 +28,17 @@ /* Tipso Bubble size classes - Similar to Foundation's syntax*/ .tipso_bubble.tiny { - font-size: 0.6rem; + font-size: 0.6rem; } .tipso_bubble.small { - font-size: 0.8rem; + font-size: 0.8rem; } .tipso_bubble.default { - font-size: 1rem; + font-size: 1rem; } .tipso_bubble.large { - font-size: 1.2rem; - width: 100%; + font-size: 1.2rem; + width: 100%; } .tipso_bubble.cal_small { @@ -45,65 +46,66 @@ } /* Tipso Bubble Div */ -.tipso_bubble > .tipso_arrow{ - position: absolute; - width: 0; height: 0; - border: 8px solid; - pointer-events: none; +.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; + 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; + 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; + 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; + 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; + border-bottom-left-radius: 0; } .tipso_bubble .bottom_right_corner, -.tipso_bubble.bottom_right_corner { - border-top-left-radius: 0; +.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; + border-bottom-right-radius: 0; } .tipso_bubble .bottom_left_corner, -.tipso_bubble.bottom_left_corner { - border-top-right-radius: 0; +.tipso_bubble.bottom_left_corner { + border-top-right-radius: 0; } diff --git a/www/img/content/inscriptions.svg b/www/img/content/inscriptions.svg new file mode 100644 index 0000000..9ae81ad --- /dev/null +++ b/www/img/content/inscriptions.svg @@ -0,0 +1,238 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/img/content/nouscontacter.svg b/www/img/content/nouscontacter.svg index 9b841e8..a021b5a 100644 --- a/www/img/content/nouscontacter.svg +++ b/www/img/content/nouscontacter.svg @@ -1,133 +1,293 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/img/content/photos.svg b/www/img/content/photos.svg new file mode 100644 index 0000000..66047af --- /dev/null +++ b/www/img/content/photos.svg @@ -0,0 +1,185 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/img/content/presentation.svg b/www/img/content/presentation.svg index a421bea..5600f5f 100644 --- a/www/img/content/presentation.svg +++ b/www/img/content/presentation.svg @@ -1,144 +1,288 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/img/content/programme.svg b/www/img/content/programme.svg new file mode 100644 index 0000000..43f3ff5 --- /dev/null +++ b/www/img/content/programme.svg @@ -0,0 +1,292 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/img/header/header.svg b/www/img/header/header.svg new file mode 100644 index 0000000..8209d26 --- /dev/null +++ b/www/img/header/header.svg @@ -0,0 +1,100 @@ + + + + diff --git a/www/img/header/interq.svg b/www/img/header/interq.svg index 1d8ed6a..1fb986c 100644 --- a/www/img/header/interq.svg +++ b/www/img/header/interq.svg @@ -1,461 +1,114 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + diff --git a/www/img/header/interq2.svg b/www/img/header/interq2.svg index 4b5e675..e107072 100644 --- a/www/img/header/interq2.svg +++ b/www/img/header/interq2.svg @@ -1,473 +1,60 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + diff --git a/www/img/header/interq3.svg b/www/img/header/interq3.svg new file mode 100644 index 0000000..3f52144 --- /dev/null +++ b/www/img/header/interq3.svg @@ -0,0 +1,60 @@ + + + + + + + diff --git a/www/img/header/interq4.svg b/www/img/header/interq4.svg new file mode 100644 index 0000000..a0efd27 --- /dev/null +++ b/www/img/header/interq4.svg @@ -0,0 +1,60 @@ + + + + + + + diff --git a/www/img/icons/instagram-white.svg b/www/img/icons/instagram-white.svg new file mode 100644 index 0000000..afc2963 --- /dev/null +++ b/www/img/icons/instagram-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/www/img/icons/instagram.svg b/www/img/icons/instagram.svg new file mode 100644 index 0000000..3700091 --- /dev/null +++ b/www/img/icons/instagram.svg @@ -0,0 +1,19 @@ + + + + + + + + + + \ No newline at end of file diff --git a/www/img/photos/interq2016/atelierchore.jpg b/www/img/photos/interq2016/atelierchore.jpg new file mode 100644 index 0000000..6840baa Binary files /dev/null and b/www/img/photos/interq2016/atelierchore.jpg differ diff --git a/www/img/photos/interq2016/coinchill.jpg b/www/img/photos/interq2016/coinchill.jpg index dda6b95..da132f4 100644 Binary files a/www/img/photos/interq2016/coinchill.jpg and b/www/img/photos/interq2016/coinchill.jpg differ diff --git a/www/img/photos/interq2016/danse.JPG b/www/img/photos/interq2016/danse.JPG new file mode 100644 index 0000000..11b9de6 Binary files /dev/null and b/www/img/photos/interq2016/danse.JPG differ diff --git a/www/img/photos/interq2016/expo2.JPG b/www/img/photos/interq2016/expo2.JPG new file mode 100644 index 0000000..a8f1820 Binary files /dev/null and b/www/img/photos/interq2016/expo2.JPG differ diff --git a/www/img/photos/interq2016/expophoto2.jpg b/www/img/photos/interq2016/expophoto2.jpg index 8db589a..a1ed3fd 100644 Binary files a/www/img/photos/interq2016/expophoto2.jpg and b/www/img/photos/interq2016/expophoto2.jpg differ diff --git a/www/img/photos/interq2016/fanfare.JPG b/www/img/photos/interq2016/fanfare.JPG new file mode 100644 index 0000000..a0af2e2 Binary files /dev/null and b/www/img/photos/interq2016/fanfare.JPG differ diff --git a/www/img/photos/team/laurux.jpg b/www/img/photos/team/laurux.jpg new file mode 100644 index 0000000..3a440be Binary files /dev/null and b/www/img/photos/team/laurux.jpg differ diff --git a/www/img/photos/team/louiseh.jpg b/www/img/photos/team/louiseh.jpg new file mode 100644 index 0000000..c165133 Binary files /dev/null and b/www/img/photos/team/louiseh.jpg differ diff --git a/www/img/photos/team/nadia.jpg b/www/img/photos/team/nadia.jpg new file mode 100644 index 0000000..5be6c85 Binary files /dev/null and b/www/img/photos/team/nadia.jpg differ diff --git a/www/img/photos/team/noe.jpg b/www/img/photos/team/noe.jpg new file mode 100644 index 0000000..57e18b1 Binary files /dev/null and b/www/img/photos/team/noe.jpg differ diff --git a/www/img/theme/elements/chenille.svg b/www/img/theme/elements/chenille.svg new file mode 100644 index 0000000..c612970 --- /dev/null +++ b/www/img/theme/elements/chenille.svg @@ -0,0 +1,57 @@ + + + + diff --git a/www/img/theme/elements/cocon.svg b/www/img/theme/elements/cocon.svg new file mode 100644 index 0000000..3ba2284 --- /dev/null +++ b/www/img/theme/elements/cocon.svg @@ -0,0 +1,67 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/img/theme/elements/cocon_sortie.svg b/www/img/theme/elements/cocon_sortie.svg new file mode 100644 index 0000000..03fbee2 --- /dev/null +++ b/www/img/theme/elements/cocon_sortie.svg @@ -0,0 +1,67 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/img/theme/elements/early_papillon.svg b/www/img/theme/elements/early_papillon.svg new file mode 100644 index 0000000..c33d717 --- /dev/null +++ b/www/img/theme/elements/early_papillon.svg @@ -0,0 +1,60 @@ + + + + + + + diff --git a/www/img/theme/elements/fleur.svg b/www/img/theme/elements/fleur.svg new file mode 100644 index 0000000..284ba72 --- /dev/null +++ b/www/img/theme/elements/fleur.svg @@ -0,0 +1,91 @@ + + + + diff --git a/www/img/theme/elements/fleur_2.svg b/www/img/theme/elements/fleur_2.svg new file mode 100644 index 0000000..9e5253b --- /dev/null +++ b/www/img/theme/elements/fleur_2.svg @@ -0,0 +1,91 @@ + + + + diff --git a/www/img/theme/elements/papillon.svg b/www/img/theme/elements/papillon.svg new file mode 100644 index 0000000..c095133 --- /dev/null +++ b/www/img/theme/elements/papillon.svg @@ -0,0 +1,60 @@ + + + + + + + diff --git a/www/img/theme/paint/paint-green.svg b/www/img/theme/paint/paint-green.svg new file mode 100644 index 0000000..9a22551 --- /dev/null +++ b/www/img/theme/paint/paint-green.svg @@ -0,0 +1,60 @@ + + + + + +Fichier 1 + + + + + +Fichier 1 diff --git a/www/img/theme/paint/paint-magenta.svg b/www/img/theme/paint/paint-magenta.svg new file mode 100644 index 0000000..8151271 --- /dev/null +++ b/www/img/theme/paint/paint-magenta.svg @@ -0,0 +1,59 @@ + + + + + +Fichier 1xxx + + + + + +Fichier 1xxx diff --git a/www/img/theme/paint/paint-orange.svg b/www/img/theme/paint/paint-orange.svg new file mode 100644 index 0000000..d1e1fd9 --- /dev/null +++ b/www/img/theme/paint/paint-orange.svg @@ -0,0 +1,59 @@ + + + + + +Fichier 1xxx + + + + + +Fichier 1xxx diff --git a/www/img/theme/paint/paint-red.svg b/www/img/theme/paint/paint-red.svg index a7c5269..48996d8 100644 --- a/www/img/theme/paint/paint-red.svg +++ b/www/img/theme/paint/paint-red.svg @@ -1,25 +1,65 @@ - - - - -Fichier 1 - - - - - - + + + + + +Fichier 1 + + + + + + diff --git a/www/img/theme/paint/paint-violet.svg b/www/img/theme/paint/paint-violet.svg new file mode 100644 index 0000000..575d220 --- /dev/null +++ b/www/img/theme/paint/paint-violet.svg @@ -0,0 +1,74 @@ + + + + + +Fichier 1 + + + + + +Fichier 1 diff --git a/www/img/theme/paint/paint-yellow.svg b/www/img/theme/paint/paint-yellow.svg index ab379a3..99477bd 100644 --- a/www/img/theme/paint/paint-yellow.svg +++ b/www/img/theme/paint/paint-yellow.svg @@ -1,25 +1,54 @@ - - - - -Fichier 1xxx - - - - - - + + + + + +Fichier 1xxx + + + + + + diff --git a/www/index.html b/www/index.html index 0766b3d..0dc3cfc 100644 --- a/www/index.html +++ b/www/index.html @@ -1,201 +1,985 @@ - - - - - - - - - - Les InterQ 2020 - - - - - - - -
- -
- -
- Présentation -
-

Les InterQ, c'est un week-end au cours duquel les étudiant·e·s des ENS de France se réunissent pour partager leurs créations artistiques. Théâtre, danse, photographie, arts plastiques, concerts, cinéma, cirque, il y en aura pour tous les goûts !

-

Que ce soit pour présenter un projet ou découvrir ceux des autres, tou·te·s les étudiant·e·s des ENS sont les bienvenu·e·s. De leur vrai nom Interculturelles, elles se déroulent du 20 au 22 mars 2020 et ont pour but de réunir tous les amateur·e·s ou créateurs·rices accompli·e·s, artistes en herbe ou amoureux·ses des expositions en tout genre.

-

Tu es inspiré·e et souhaites participer ? Propose-nous ton projet en remplissant ce formulaire. Les propositions seront recueillies jusqu'au 1er mars 2020.

-

Tu souhaites venir passer ce premier week-end printanier dans un lieu regorgeant des oeuvres de tes camarades? Alors ouvre l'oeil, pour ne pas rater les inscriptions qui ouvriront prochainement.

- - -
- Page Facebook -
- - -
- -
- -
- Appel à projets -
-

Les InterQ sont pour tou·te·s l'occasion d'exposer ses oeuvres (dessin, photographie, peinture, courts-métrages), de présenter des spectacles (danse, musique, théâtre), d'organiser des oeuvres collectives (toile collaborative)... et la liste est loin d'être exhaustive. Afin que l'on puisse organiser l'événement en bonne et due forme, il est nécessaire que tous les participant·e·s remplissent le framaforms suivant avec leurs idées de projets : https://framaforms.org/appel-a-projets-interq-2020-1576017177/.

-

De nombreux espaces sont réservés pour l'exposition et la présentation des projets : salles de classe, théâtre, petite salle de concert, salle de projection, mais aussi l'indémodable Courô.

-

Voici quelques photos des InterQ 2016 qui se sont déroulées à l'ENS de Paris :

-
-
-

Expo photo

-

-

Toile collaborative

-

-

Match d'improvisation

-

Danse de salon

-

Pompom

-

DJ

-

Concert

-
- -
- -
- Projets collaboratifs -
-

Les InterQ, c'est aussi et surtout l'occasion de partager des moments ensemble... et l'occasion de créer ensemble ! Tu peux proposer des projets collaboratifs pour faire découvrir aux autres ta passion ! Toile collaborative, atelier couture, atelier cirque, minifestival cinématographique... Tout cela rentre parfaitement dans le cadre des InterQ. Pour mettre ces projets en oeuvre et réserver un espace, il faut également remplir l'appel à projets.

-
-

Notamment, deux étudiant·e·s de l'ENS de Paris Saclay lancent un appel pour participer à leur projet Silens, ça tourne, un festival cinématographique de courts-métrages, dans lequel toutes les ENS seraient représentées. L'idée serait que chaque ENS présente (au maximum) trois courts métrages d'une durée maximale de 6/7 minutes, qui seraient projetés dans notre salle de projection, sans concours. Une seule contrainte : le thème, à savoir Le doute. Si vous êtes intéressé·e·s, n'hésitez pas à contacter votre BdA et/ou respointerq@ens.fr pour être mis·e en relation avec les porteur·se·s du projet.

-
-
- -
- Nous contacter -
-

- respointerq@ens.fr -

-
-
- L'équipe InterQ - -
-

- Voici une petite présentation des étudiant·e·s qui organisent les InterQ 2020 : -

- -

Les respos administratif et compta

-
-
- Benjamin -
Benjamin Basa
-
- -
- Maud -
Maud Lagier
-
- -
- Artän -
Louise Fontan-Ducret
-
-
- -

Le respo sécurité, hébergement et lumière/son

-
-
- Max -
Maxime Ligonnière
-
-
- -

Les respos communication

-
-
- Louise -
Louise Harari
-
- -
- Léa -
Léa Guyon
-
-
- -

Les respos alimentation

-
-
- Guillaume -
Guillaume Duchemin
-
- -
- Anthyme -
Anthyme Dutriaux
-
-
-
-
-

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

© Louise Harari, Camille Gobert

- + + + + + + + + + + + Les InterQ 2024 + + + + + + + + +
+ +
+ +
+ 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. +

+ +

+ 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 + +
+ + +
+ 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! + +
+ + +
+ 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 & Drag show Neptune + 12/04/2024 22:00 + 13/04/2024 3:00 + K-Fêt + + Performance de drag de l'artiste Neptune à 22h +
+ +
+ karaoke + 🎙️ Karaoké + 12/04/2024 22:00 + 13/04/2024 3:00 + Amphithéâtre Galois + +
+ +
+ concerts1 + 🎸 Concerts + 12/04/2024 22:00 + 13/04/2024 1:00 + SEA + +
+ +
+ 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 + +
+
+ +

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

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

+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ TARIFS +
EntréeNourritureLogement
Elèves15 euros10 euros25 euros
Etudiant.e.s10 euros10 euros15 euros
Extérieur.e.s25 euros10 euros/
+
+
+ +
+ 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 : +

+
+
+

+

+

+ Danse de salon +

+

+ +

+

+ Pompom +

+

+ Concert +

+
+
+ +
+ Nous contacter +
+

+ respointerq@ens.fr +

+
+
+ +
+

Les respos interQ

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

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

© Louise Harari, Camille Gobert

+ + + + + + + + + diff --git a/www/js/calendar.js b/www/js/calendar.js index 5158f29..9050e62 100644 --- a/www/js/calendar.js +++ b/www/js/calendar.js @@ -1,116 +1,128 @@ // Interval graph coloring algorithm, by Twal class IntervalColoration { - constructor (intervals) { - this.intervals = intervals; - this.n = this.intervals.length; - this.computeInterferenceGraph(); - this.computePEO(); - this.computeColoration(); + 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); - } - } + 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); + 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) { - marked[i] = false; - nbMarkedNeighbor[i] = 0; + if ( + !marked[i] && + (maxi == -1 || nbMarkedNeighbor[i] >= nbMarkedNeighbor[maxi]) + ) { + maxi = i; + } } - 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; + for (let i = 0; i < this.adj[maxi].length; ++i) { + nbMarkedNeighbor[this.adj[maxi][i]] += 1; } - // console.log(this.perm); + 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; + 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 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; - } - } + 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()); +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"); + 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.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; @@ -118,22 +130,27 @@ class Calendar { this.events = []; - this.onlyDisplaySubscribedEvents = calendarParameters.onlyDisplaySubscribedEvents !== undefined - ? calendarParameters.onlyDisplaySubscribedEvents - : false; - this.groupEventsByLocation = calendarParameters.groupEventsByLocation !== undefined - ? calendarParameters.groupEventsByLocation - : true; + 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 - : ""; + 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(); @@ -141,7 +158,7 @@ class Calendar { this.init(); } - init () { + init() { this.updateHoursToDisplay(); this.createTimeSlotContainer(); @@ -166,10 +183,9 @@ class Calendar { this.initEventOverflowTooltips(); } - // Date change - setStartDate (newStartDate) { + setStartDate(newStartDate) { this.startDate = newStartDate; this.updateHoursToDisplay(); @@ -183,7 +199,7 @@ class Calendar { this.startShowingEventOverflowTooltips(); } - setEndDate (newEndDate) { + setEndDate(newEndDate) { this.endDate = newEndDate; this.updateHoursToDisplay(); @@ -197,17 +213,18 @@ class Calendar { this.startShowingEventOverflowTooltips(); } - updateHoursToDisplay () { + updateHoursToDisplay() { this.startHourToDisplay = this.startDate.getHours(); this.endHourToDisplay = this.endDate.getHours(); - this.nbHoursToDisplay = Math.floor(computeDateDifferenceInHours(this.startDate, this.endDate)); + this.nbHoursToDisplay = Math.floor( + computeDateDifferenceInHours(this.startDate, this.endDate), + ); } - // Calendar container - updateCalendarNodeHeight () { + updateCalendarNodeHeight() { // Time slot hour row let timeSlotHourRowHeight = $(".cal-time-slot-hour").outerHeight(); @@ -221,31 +238,31 @@ class Calendar { return heightAccumulator + parseInt(currentRowHeight); }, 0); - this.containerNode.css("height", timeSlotHourRowHeight + eventContainerHeight); + this.containerNode.css( + "height", + timeSlotHourRowHeight + eventContainerHeight, + ); } - // Time slots - createTimeSlotContainer () { + createTimeSlotContainer() { this.timeSlotsContainerNode = $("
") .addClass("cal-time-slot-container") .appendTo(this.containerNode); } - createTimeSlots () { + createTimeSlots() { // Populate the container hour by hour let self = this; - function getHourStringToDisplay (index, hour) { - if (index === self.nbHoursToDisplay - 1 - || hour === 23) { + function getHourStringToDisplay(index, hour) { + if (index === self.nbHoursToDisplay - 1 || hour === 23) { return ""; } if (hour >= 10) { return hour + 1; - } - else { + } else { return " " + (hour + 1); } } @@ -258,9 +275,9 @@ class Calendar { .addClass("cal-time-slot-hour") .css({ "grid-column-start": `${i + 1}`, - "grid-column-end" : "span 1", - "grid-row-start" : "1", - "grid-row-end" : "1" + "grid-column-end": "span 1", + "grid-row-start": "1", + "grid-row-end": "1", }) .html(getHourStringToDisplay(i, hour)) .prependTo(this.timeSlotsContainerNode); @@ -270,50 +287,51 @@ class Calendar { .addClass("cal-time-slot") .css({ "grid-column-start": `${i + 1}`, - "grid-column-end" : "span 1", - "grid-row-start" : "2", - "grid-row-end" : "2" + "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 === 23) { + timeSlotHourNode.addClass("cal-last-hour"); + timeSlotBlockNode.addClass("cal-last-hour"); + } - if (hour === 0) { - timeSlotHourNode.addClass("cal-first-hour"); - timeSlotBlockNode.addClass("cal-first-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 }%)`); + updateTimeSlotContainerGridStyle() { + this.timeSlotsContainerNode.css( + "grid-template-columns", + `repeat(${this.nbHoursToDisplay}, ${100 / this.nbHoursToDisplay}%)`, + ); } - updateTimeSlots () { + updateTimeSlots() { this.timeSlotsContainerNode.empty(); this.createTimeSlots(); this.updateTimeSlotContainerGridStyle(); } - getHourSlotWidth () { + getHourSlotWidth() { return this.timeSlotsContainerNode.width() / this.nbHoursToDisplay; } - // Events - createEventContainer () { + createEventContainer() { this.eventContainerNode = $("
") .addClass("cal-event-container") .appendTo(this.containerNode); } - createEvents () { + createEvents() { // Move all event nodes into the event container let eventElements = this.containerNode.find(".cal-event"); eventElements.appendTo(this.eventContainerNode); @@ -325,33 +343,33 @@ class Calendar { } } - updateEventContainerGridStyle () { - this.eventContainerNode.css("grid-template-columns", - `repeat(${this.nbHoursToDisplay}, ${100 / this.nbHoursToDisplay }%)`); + updateEventContainerGridStyle() { + this.eventContainerNode.css( + "grid-template-columns", + `repeat(${this.nbHoursToDisplay}, ${100 / this.nbHoursToDisplay}%)`, + ); } - updateEventVisibilities () { + updateEventVisibilities() { for (let event of this.events) { event.updateVisibility(); } } - // Event details - createEventDetailsContainer () { + createEventDetailsContainer() { this.eventDetailsContainerNode = $("
") .addClass("cal-details-container") .appendTo(this.containerNode); } - // Location styles - createLocationStyles () { + createLocationStyles() { let locationIndices = new Map(); for (let event of this.events) { - if (! locationIndices.has(event.location)) { + if (!locationIndices.has(event.location)) { locationIndices.set(event.location, [...locationIndices.keys()].length); } } @@ -369,31 +387,31 @@ class Calendar { normal: [ `background-color: hsl(${hue}, 40%, 80%);`, `border-color: hsl(${hue}, 40%, 50%);`, - `color: #000;` + `color: #000;`, ], hover: [ `background-color: hsl(${hue}, 55%, 85%);`, `border-color: hsl(${hue}, 45%, 55%);`, - `color: #000;` + `color: #000;`, ], subscribed: [ `background-color: hsl(${hue}, 75%, 75%);`, `border-color: hsl(${hue}, 60%, 50%);`, - `color: #000;` + `color: #000;`, ], selected: [ `background-color: hsl(${hue}, 45%, 50%);`, `border-color: hsl(${hue}, 40%, 35%);`, - `color: #FFF;` - ] + `color: #FFF;`, + ], }); } } - applyLocationStylesAsCSS () { + applyLocationStylesAsCSS() { let styleNode = $("