diff --git a/www/css/calendar.css b/www/css/calendar.css index 3eebe21..8e91a09 100644 --- a/www/css/calendar.css +++ b/www/css/calendar.css @@ -30,13 +30,13 @@ width: 100%; height: calc(100% + 30px); padding: 0; - border-bottom: 2px solid #928c79; + border-bottom: 2px solid rgba(71, 19, 43, 0.25); z-index: 10; } #cal-container .cal-time-slot { - border-right: 1px solid #928c79; - background-color: rgba(255, 223, 165, 0.08); + /* border-right: 1px solid #928c79; */ + background-color: rgba(71, 19, 43, 0.15); } /* #cal-container .cal-time-slot:hover { @@ -44,7 +44,7 @@ } */ #cal-container .cal-time-slot:nth-child(even) { - background-color: rgba(255, 223, 165, 0.05); + background-color: rgba(71, 19, 43, 0.1); } /* #cal-container .cal-time-slot:nth-child(even):hover { @@ -58,7 +58,7 @@ #cal-container .cal-time-slot-hour { padding: 0 0 0 calc(100% - 0.9rem + 7px); background-color: none; /* rgba(255, 223, 165, 0.08); */ - border-bottom: 2px solid #928c79; + border-bottom: 2px solid rgba(71, 19, 43, 0.25); font-size: 0.9rem; } @@ -78,12 +78,12 @@ #cal-container .cal-time-slot.cal-last-hour, #cal-container .cal-time-slot-hour.cal-last-hour { - border-right: 1px solid #928c79; + border-right: 1px solid rgba(71, 19, 43, 0.25); } #cal-container .cal-time-slot.cal-first-hour, #cal-container .cal-time-slot-hour.cal-first-hour { - border-left: 1px solid #928c79; + border-left: 1px solid rgba(71, 19, 43, 0.25); } /* Events */ diff --git a/www/css/style.css b/www/css/style.css index 4b775db..efb4a17 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -59,21 +59,22 @@ html, body { font-family: "Roboto", serif; - font-weight: 300; + font-weight: 400; line-height: 180%; - color: #ebecf2; - font-size: 18px; + /* color: #47132B; */ + color: #000; + font-size: 22px; } body { - background-color: #110e05; /*#1a223e;*/ + background-color: #E1A07E; } a, a:hover, a:active, a:visited { - color: #ebecf2; + color: #47132B; text-decoration: none; } @@ -99,98 +100,56 @@ a:visited { #main-header { margin: 0 auto; max-width: 100vw; - height: calc(100vw * 2686 / 3893); /*750px;*/ + height: calc(100vh / 1.5); - position: relative; - - /*background: #1a223e; - background: radial-gradient(closest-side ellipse at center, #283e65 0%, #1a223e 100%)*/ - - background-image: radial-gradient(closest-side ellipse at 27.8% 65.7%, #e5c791c0 0%, #c89c2fa1 30%, #18171201 80%, #1817120f 100%), - /*Personne dans l'equipe 2021 n'a voulu de mes beaux projecteurs violets, snif :"(*/ - /*radial-gradient(farthest-side ellipse at 0% 0%, #7f00ffb0 0%, #7f00ff00 45%), - radial-gradient(farthest-side ellipse at 100% 0%, #7f00ffa0 0%, #7f00ff00 50%),*/ - linear-gradient(to bottom, #ffffff00 0%, #ffffff00 90%, #73716500 90%, #110e05ff 100%), - url("../img/header/newheader.jpg"); - - /*background-image: url("../img/header/newheader.jpg");*/ + position: relative; + background-image: url("../img/ui/header-48h-des-arts-2022-test.svg"); background-repeat: no-repeat; - background-size: 100% auto; + background-size: auto calc(100vh / 1.5); background-position: center bottom; - } -/*For mobile & tablet devices (this overrides the previous #main-header)*/ -@media only screen and (max-width: 800px) { -#main-header { - margin: 0 auto; - max-width: 100vw; - height: calc(100vw * 3434 / 3894); - - position: relative; - - /*background: #1a223e; - background: radial-gradient(closest-side ellipse at center, #283e65 0%, #1a223e 100%)*/ - - background-image: linear-gradient(to bottom, #ffffff00 0%, #ffffff00 70%, #73716500 70%, #110e05ff 100%), - url("../img/header/initial-newheader.jpg"); - background-repeat: no-repeat; - background-position: center bottom; - - display: block; - -} +@media only screen and (max-width: 1200px) { + #main-header { + height: calc(100vh / 2); + background-size: auto calc(100vh / 2); + } } -/*#main-header-title { - width: 661px; - height: 478px; - object-fit: cover; +@media only screen and (max-width: 900px) { + #main-header { + height: calc(100vh / 2.5); + background-size: auto calc(100vh / 2.5); + } +} - position: absolute; - top: 50px; - left: calc(50% - 331px); +@media only screen and (max-width: 600px) { + #main-header { + height: calc(100vh / 3); + background-size: auto calc(100vh / 3); + } +} - z-index: 1000; -}*/ +@media only screen and (max-width: 500px) { + #main-header { + height: calc(100vh / 5); + background-size: auto calc(100vh / 5); + } +} -/*#main-header-subtitle { - width: 550px; - height: 77px; - object-fit: cover; +@media only screen and (max-width: 300px) { + #main-header { + height: calc(100vh / 7); + background-size: auto calc(100vh / 7); + } +} - position: absolute; - top: 550px; - left: calc(50% - 275px); - - z-index: 800; -}*/ - -/*#main-header-hands { - width: 381px; - height: 600px; - object-fit: cover; - - position: absolute; - top: 0; - left: 0; - - z-index: 500; -}*/ - -/*#main-header-stars { - width: 100%; - height: 100%; - - z-index: 0; -}*/ - -#main-header-leaves { - width: 100%; - height: auto; - - z-index: 0; +@media only screen and (max-width: 200px) { + #main-header { + height: calc(100vh / 8); + background-size: auto calc(100vh / 8); + } } /*--------------------------------------------------------*/ @@ -221,16 +180,11 @@ section h2 { margin-bottom: 25px; padding: 100px 60px 15px 60px; - background: radial-gradient(ellipse at bottom, rgba(255, 223, 165, 0.1) 0%, transparent 70%); + color: #000000; + text-shadow: 3px 2px 1px #FFC62D, 2px 3px 1px #FFC62D; - border: none; - border-bottom: 2px solid rgba(255, 223, 165, 0.5); - border-image-source: linear-gradient(to right, transparent 0%, rgba(255, 223, 165, 0.7) 50%, transparent 100%); - border-image-slice: 1; - - color: #f2dab6; font-size: 2.1rem; - font-weight: 300; + font-weight: 800; text-transform: uppercase; text-align: center; word-wrap: break-word; @@ -297,27 +251,41 @@ section p.stand-out { .button { display: block; - width: 80%; + width: 60%; margin: 20px auto 0 auto; - padding: 15px 20px; + padding: 15px 25px; - background-color: rgba(255, 223, 165, 0.1); + /* background-image: url("../img/ui/button-background-darkgreen.svg"); */ + /* background-image: url("../img/ui/button-background-darkbrown.svg"); */ + /* background-image: url("../img/ui/button-background-lightbrown.svg"); */ + background-image: url("../img/ui/button-background-black.svg"); + background-repeat: no-repeat; + background-size: 100%; - border: 2px solid rgba(255, 223, 165, 0.7); + /* color: #A6D0B2; */ + /* color: #AA473C; */ + /* color: #47132B; */ + /* color: #000000; */ + color: #FFFFFF; - color: #f2dab6; font-size: 1.4rem; font-weight: 400; text-transform: uppercase; text-align: center; line-height: 32px; - vertical-align: middle; } .button:hover { - background-color: rgba(255, 223, 165, 0.2); + /* background-image: url("../img/ui/button-background-lightgreen.svg"); */ + /* background-image: url("../img/ui/button-background-lightbrown.svg"); */ + /* background-image: url("../img/ui/button-background-darkbrown.svg"); */ + background-image: url("../img/ui/button-background-yellow.svg"); + /* color: #00787E; */ + /* color: #47132B; */ + /* color: #AA473C; */ + color: #000000; } .button img { @@ -338,15 +306,11 @@ section p.stand-out { /*--------------------------------------------------------*/ - -@media only screen and (max-width: 480px) { +@media only screen and (max-width: 800px) { .button { - width: 100%; - + width: 75%; padding: 10px 15px; - - font-size: 1.1rem; - + font-size: 1.2rem; line-height: 24px; } @@ -356,12 +320,29 @@ section p.stand-out { } } +@media only screen and (max-width: 480px) { + .button { + width: 100%; + padding: 10px 10px; + font-size: 1.1rem; + line-height: 24px; + } +} + +@media only screen and (max-width: 350px) { + .button { + padding: 0 5px; + font-size: 0.9rem; + line-height: 24px; + } +} + /*--------------------------------------------------------*/ -/* PRICE TABLE +/* CALENDAR /*--------------------------------------------------------*/ #calendar { @@ -369,6 +350,8 @@ section p.stand-out { max-width: 100%; margin: 0; padding: 0; + + /* background-color: rgba(71, 19, 43, 0.05) ; */ } @@ -412,18 +395,18 @@ table.prices td { } table.prices th { - color: #f2dab6; + color: #47132B; } table.prices td { - background-color: rgba(255, 223, 165, 0.05); + /* background-color: rgba(71, 19, 43, 0.03); */ - border-top: 2px solid rgba(255, 223, 165, 0.5); - border-bottom: 2px solid rgba(255, 223, 165, 0.5); + border-top: 2px solid rgba(71, 19, 43, 0.2); + border-bottom: 2px solid rgba(71, 19, 43, 0.2); } table.prices tr:nth-child(odd) td { - background-color: rgba(255, 223, 165, 0.08); + /* background-color: rgba(71, 19, 43, 0.05); */ } diff --git a/www/english_index.html b/www/english_index.html index dcecca4..15f2640 100644 --- a/www/english_index.html +++ b/www/english_index.html @@ -4,10 +4,10 @@ - - + + - La Nuit — The ENS Gala + Les 48h des Arts @@ -26,9 +26,8 @@
- +
- Version française Version française
diff --git a/www/img/.DS_Store b/www/img/.DS_Store new file mode 100644 index 0000000..5b6b4d8 Binary files /dev/null and b/www/img/.DS_Store differ diff --git a/www/img/header/initial-newheader.jpg b/www/img/header/initial-newheader.jpg deleted file mode 100644 index 3dc4ff7..0000000 Binary files a/www/img/header/initial-newheader.jpg and /dev/null differ diff --git a/www/img/header/newheader.jpg b/www/img/header/newheader.jpg deleted file mode 100644 index cf5f28d..0000000 Binary files a/www/img/header/newheader.jpg and /dev/null differ diff --git a/www/img/ui/button-background-black.svg b/www/img/ui/button-background-black.svg new file mode 100644 index 0000000..657b28a --- /dev/null +++ b/www/img/ui/button-background-black.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/www/img/ui/button-background-darkbrown.svg b/www/img/ui/button-background-darkbrown.svg new file mode 100644 index 0000000..862d74a --- /dev/null +++ b/www/img/ui/button-background-darkbrown.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/www/img/ui/button-background-darkgreen.svg b/www/img/ui/button-background-darkgreen.svg new file mode 100644 index 0000000..01a2048 --- /dev/null +++ b/www/img/ui/button-background-darkgreen.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/www/img/ui/button-background-lightbrown.svg b/www/img/ui/button-background-lightbrown.svg new file mode 100644 index 0000000..b1ed6ed --- /dev/null +++ b/www/img/ui/button-background-lightbrown.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/www/img/ui/button-background-lightgreen.svg b/www/img/ui/button-background-lightgreen.svg new file mode 100644 index 0000000..01b6f20 --- /dev/null +++ b/www/img/ui/button-background-lightgreen.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/www/img/ui/button-background-yellow.svg b/www/img/ui/button-background-yellow.svg new file mode 100644 index 0000000..48e4630 --- /dev/null +++ b/www/img/ui/button-background-yellow.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/www/img/ui/header-48h-des-arts-2022-test.svg b/www/img/ui/header-48h-des-arts-2022-test.svg new file mode 100644 index 0000000..4f9c69c --- /dev/null +++ b/www/img/ui/header-48h-des-arts-2022-test.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/www/index.html b/www/index.html index 40cb493..dd274bb 100644 --- a/www/index.html +++ b/www/index.html @@ -4,10 +4,10 @@ - - + + - La Nuit — Gala de l'ENS + Les 48h des Arts @@ -26,9 +26,8 @@
- +
- English version English version