diff --git a/user/themes/epau-antimatter/css-compiled/template.css b/user/themes/epau-antimatter/css-compiled/template.css index 7062eb4..d8f43de 100644 --- a/user/themes/epau-antimatter/css-compiled/template.css +++ b/user/themes/epau-antimatter/css-compiled/template.css @@ -813,6 +813,9 @@ ul.pagination { #sb-site #body { padding-top: 2rem; } } +body#top.modular.fullwidth.title-center.title-h1h2 { + overflow-y: hidden; } + #header.scrolled { padding-left: 2rem; padding-right: 2rem; } @@ -821,7 +824,8 @@ ul.pagination { -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); - transform: scale(0.75); } + transform: scale(0.75); + padding-bottom: 1rem; } #header #navbar ul.navigation li a { font-family: "Sarabun", sans-serif; @@ -849,20 +853,20 @@ ul.pagination { display: flex; flex-direction: row; } #logo img { - padding: 0.5rem; - height: 4rem !important; + padding: 0.75rem; + height: 4rem; margin: auto; } @media (max-width: 442px) { #logo img { - height: 3rem !important; } } + height: 3rem; } } @media (max-width: 1024px) { #logo img { - height: 3.5rem !important; } } + height: 3.5rem; } } #logo img #gouv { + padding-left: 1rem; padding-right: 2rem; padding: 0.5rem; - min-height: 4rem !important; - margin: auto; } + min-height: 4rem; } @media (max-width: 442px) { #header #navbar { @@ -959,6 +963,9 @@ ul.pagination { .parallax-window { background: transparent; } +.parallax-mirror { + top: -80px; } + .programme { z-index: 1; max-width: 35%; @@ -1222,7 +1229,6 @@ ul.pagination { padding: 5% 5% 5% 5%; } } #new-footer { - position: absolute; display: flex; flex-direction: column; } #new-footer .tothetop { @@ -1248,22 +1254,22 @@ ul.pagination { #new-footer .footer .footer-logos { display: flex; flex-direction: row; - flex-wrap: nowrap; - width: 70%; + width: 65%; align-items: center; margin-left: 3rem; } + #new-footer .footer .footer-logos p { + display: inline-flex; } #new-footer .footer .footer-logos img { max-height: 4rem; - padding-right: 1rem; } - #new-footer .footer .footer-logos img:last-of-type { - padding-top: 0.30rem; - padding-bottom: 0.30rem; } + padding-right: 3rem; } #new-footer .footer #new-footer .footer .footer-logos img:last-of-type { height: 0.5rem !important; } #new-footer .footer .contact { display: flex; flex-direction: column; - width: 30%; + width: 35%; + padding-left: 1.5rem; + margin-right: 2rem; margin-top: 1.5rem; align-items: flex-start; } #new-footer .footer .contact img { diff --git a/user/themes/epau-antimatter/images/04_photo_ AE PlanDAou (21).jpg b/user/themes/epau-antimatter/images/04_photo_ AE PlanDAou (21).jpg new file mode 100644 index 0000000..95c7a89 Binary files /dev/null and b/user/themes/epau-antimatter/images/04_photo_ AE PlanDAou (21).jpg differ diff --git a/user/themes/epau-antimatter/images/04_photo_ AE PlanDAou (36).jpg b/user/themes/epau-antimatter/images/04_photo_ AE PlanDAou (36).jpg new file mode 100644 index 0000000..f71ef4f Binary files /dev/null and b/user/themes/epau-antimatter/images/04_photo_ AE PlanDAou (36).jpg differ diff --git a/user/themes/epau-antimatter/images/ARM161205-001.jpg b/user/themes/epau-antimatter/images/ARM161205-001.jpg new file mode 100644 index 0000000..682046a Binary files /dev/null and b/user/themes/epau-antimatter/images/ARM161205-001.jpg differ diff --git a/user/themes/epau-antimatter/images/AdobeStock_2478413.jpeg b/user/themes/epau-antimatter/images/AdobeStock_2478413.jpeg new file mode 100644 index 0000000..21cdc8b Binary files /dev/null and b/user/themes/epau-antimatter/images/AdobeStock_2478413.jpeg differ diff --git a/user/themes/epau-antimatter/images/Dieulefit_copyright_Mairie_de_Dieulefit.jpg b/user/themes/epau-antimatter/images/Dieulefit_copyright_Mairie_de_Dieulefit.jpg new file mode 100644 index 0000000..a8afeec Binary files /dev/null and b/user/themes/epau-antimatter/images/Dieulefit_copyright_Mairie_de_Dieulefit.jpg differ diff --git a/user/themes/epau-antimatter/images/Solideo_041120_Fauchon_Web_copyright_Sennse-cbadet_012.jpg b/user/themes/epau-antimatter/images/Solideo_041120_Fauchon_Web_copyright_Sennse-cbadet_012.jpg new file mode 100644 index 0000000..ebaf686 Binary files /dev/null and b/user/themes/epau-antimatter/images/Solideo_041120_Fauchon_Web_copyright_Sennse-cbadet_012.jpg differ diff --git a/user/themes/epau-antimatter/images/Solideo_110221_Village_Olympique_Web_©Sennse-cbadet_082.jpg b/user/themes/epau-antimatter/images/Solideo_110221_Village_Olympique_Web_©Sennse-cbadet_082.jpg new file mode 100644 index 0000000..051a178 Binary files /dev/null and b/user/themes/epau-antimatter/images/Solideo_110221_Village_Olympique_Web_©Sennse-cbadet_082.jpg differ diff --git a/user/themes/epau-antimatter/images/Thizy_Les_Bourgs_copyright_Communaute_de_l_Ouest_Rhodanien.jpg b/user/themes/epau-antimatter/images/Thizy_Les_Bourgs_copyright_Communaute_de_l_Ouest_Rhodanien.jpg new file mode 100644 index 0000000..a7d3188 Binary files /dev/null and b/user/themes/epau-antimatter/images/Thizy_Les_Bourgs_copyright_Communaute_de_l_Ouest_Rhodanien.jpg differ diff --git a/user/themes/epau-antimatter/images/copyright_Grenoble-Alpes_Metropole-Lucas_Frangella_1.jpg b/user/themes/epau-antimatter/images/copyright_Grenoble-Alpes_Metropole-Lucas_Frangella_1.jpg new file mode 100644 index 0000000..14050af Binary files /dev/null and b/user/themes/epau-antimatter/images/copyright_Grenoble-Alpes_Metropole-Lucas_Frangella_1.jpg differ diff --git a/user/themes/epau-antimatter/js/antimatter.js b/user/themes/epau-antimatter/js/antimatter.js index 65e589e..7e9e0b3 100644 --- a/user/themes/epau-antimatter/js/antimatter.js +++ b/user/themes/epau-antimatter/js/antimatter.js @@ -25,16 +25,19 @@ jQuery(document).ready(function($){ } else { $('.bouton-ouverture').html('Voir PLUS'); // Sinon on affiche LIRE PLUS } + + // definir une règle si .texte-cache {max-height}<=.texte-cache.ouvert {max-height}, alors .bouton-ouverture { visible: hidden} + }); // parallax slideshow $(document).ready(function() { - var imgSrc = ["http://ouidade.net/dev-epau.archi.fr/user/themes/epau-antimatter/images/14360_default_big.jpg", "http://ouidade.net/dev-epau.archi.fr/user/themes/epau-antimatter/images/10361_web_01.jpg", "http://ouidade.net/dev-epau.archi.fr/user/themes/epau-antimatter/images/hyperliens_marseille.png",]; + var imgSrc = ["/user/themes/epau-antimatter/images/Thizy_Les_Bourgs_copyright_Communaute_de_l_Ouest_Rhodanien.jpg", "/user/themes/epau-antimatter/images/Dieulefit_copyright_Mairie_de_Dieulefit.jpg", "/user/themes/epau-antimatter/images/ARM161205-001.jpg", "/user/themes/epau-antimatter/images/copyright_Grenoble-Alpes_Metropole-Lucas_Frangella_1.jpg",]; var counter = 1; var duration = 4000; - var tTime = 300; + var tTime = 600; var v = setInterval(function() { $('.parallax-mirror').animate({ 'opacity': 0 diff --git a/user/themes/epau-antimatter/scss/template/_custom.scss b/user/themes/epau-antimatter/scss/template/_custom.scss index 56bd352..fbc1ea3 100644 --- a/user/themes/epau-antimatter/scss/template/_custom.scss +++ b/user/themes/epau-antimatter/scss/template/_custom.scss @@ -33,13 +33,18 @@ } } +body#top.modular.fullwidth.title-center.title-h1h2 { + overflow-y:hidden; +} #header.scrolled { padding-left: 2rem; padding-right: 2rem; + img { @include transform(scale(0.75)); @extend .default-animation; + padding-bottom: 1rem; } } @@ -71,46 +76,30 @@ } #header #navbar ul.navigation { - } -// #header #logo img.scrolled { -// height: 3.5rem!important; -// } - #logo { position: relative; display: flex; flex-direction: row; - // @include transform(scale(0.75)); - // &.active { - // a:after { - // top: 0; - // visibility: visible; - // @include transform(scale(0.75)); - // @extend .default-animation; - // - img { - padding: 0.5rem; - height: 4rem !important; + padding: 0.75rem; + height: 4rem; margin:auto; @media (max-width: 442px) { - height: 3rem!important; + height: 3rem; } @media (max-width: 1024px) { - height: 3.5rem!important; + height: 3.5rem; } #gouv { + padding-left: 1rem; padding-right: 2rem; padding: 0.5rem; - min-height: 4rem !important; - margin:auto; + min-height: 4rem; + // margin:auto; } - #epau { - } - } } @@ -237,17 +226,7 @@ animation: glissement 1.2s 1 normal ease-in-out forwards; } } -// -// .after-h1 { -// .test { -// // opacity: 0; -// // transition: opacity 1s ease-in-out; -// animation: anim 2.5s 1 normal ease-in-out forwards; -// } -// .animateMe { -// animation: glissement 2.5s 1 normal ease-in-out forwards; -// } -// } + @@ -256,21 +235,7 @@ display: flex; flex-wrap: wrap; - // - // background-image: - // url("/user/themes/epau-antimatter/images/14360_default_big.jpg") , - // url("/user/themes/epau-antimatter/images/10361_web_01.jpg") , - // url("/user/themes/epau-antimatter/images/hyperliens_marseille_.PNG") , - // url("/user/themes/epau-antimatter/images/jeux-olypiques-paris-2024-village-athle-lot-e2.jpg") ; - // - // background-attachment: fixed; - // - // background-position: 50% -50px; - // position: sticky; - // transform: translateY(-1); - - // min-height: 500px; background-color: #d5d2d1; @@ -284,48 +249,13 @@ } .parallax-window { - // min-height: 400px; + background: transparent; - // height: 1534px; - // overflow: hidden; + +} +.parallax-mirror { + top: -80px; } - -// .images-background { -// position: absolute !important; -// width: 100%; -// display: flex; -// flex-direction: row; -// flex-wrap: wrap; -// justify-content: space-between; -// -// #photo1 { -// position: relative; -// top: -60px; -// -// } -// -// #photo2 { -// z-index: 0; -// width:700px !important; -// position: relative; -// top: 260px; -// } -// -// #photo3 { -// z-index: 0; -// width:700px !important; -// position: relative; -// top: 300px; -// } -// -// #photo4 { -// z-index: 0; -// width:700px !important; -// position: relative; -// top: 300px; -// } -// } - .programme { @@ -721,7 +651,7 @@ #new-footer { - position:absolute; + // position:absolute; display: flex; flex-direction: column; @@ -754,19 +684,22 @@ .footer-logos { display: flex; flex-direction: row; - flex-wrap: nowrap; - width: 70%; + // flex-wrap: nowrap; + width: 65%; align-items: center; margin-left: 3rem; + p { + display: inline-flex; + } img { // min-height: 4rem; max-height: 4rem; - padding-right: 1rem; - &:last-of-type { - // height: 3.25rem; - padding-top: 0.30rem; - padding-bottom: 0.30rem; - } + padding-right: 3rem; + // &:last-of-type { + // // height: 3.25rem; + // padding-top: 0.30rem; + // padding-bottom: 0.30rem; + // } } } @@ -774,9 +707,13 @@ height: 0.5rem !important; } .contact { + display: flex; flex-direction: column; - width: 30%; + width: 35%; + + padding-left: 1.5rem; + margin-right: 2rem; margin-top: 1.5rem; align-items: flex-start; img { diff --git a/user/themes/epau-antimatter/templates/modular/accueil.html.twig b/user/themes/epau-antimatter/templates/modular/accueil.html.twig index 6267dbd..c945952 100644 --- a/user/themes/epau-antimatter/templates/modular/accueil.html.twig +++ b/user/themes/epau-antimatter/templates/modular/accueil.html.twig @@ -18,9 +18,14 @@ -

L'EUROPE DES PROJETS ARCHITECTURAUX ET URBAINS

+ -

Organisme national de recherche et d’expérimentation, sous la tutelle des Ministères en charge de l’architecture et de l’urbanisme, la Cité de l’Architecture et du Patrimoine et de l’Association Europan France

+

L'Europe des projets architecturaux et urbains, groupement d'intérêt +public, sous la tutelle du ministère en charge de l'Architecture, du +ministère en charge de l'Urbanisme, la Cité de l'architecture et de +l'Association Europan France, conduit des actions de recherche, +d'expérimentation, de développement, de valorisation et d'animation des +réseaux professionnels du cadre bâti.

diff --git a/user/themes/epau-antimatter/templates/modular/gouvernance.html.twig b/user/themes/epau-antimatter/templates/modular/gouvernance.html.twig index b9ec99f..ac01a60 100644 --- a/user/themes/epau-antimatter/templates/modular/gouvernance.html.twig +++ b/user/themes/epau-antimatter/templates/modular/gouvernance.html.twig @@ -10,7 +10,7 @@ -

Le conseil d’administration de l’Europe des projets architecturaux et urbains et les Directions de programmes de l’Europe des projets architecturaux urbains

+

Assemblée générale de l’Europe des projets architecturaux et urbains et les Directions de programmes de l’Europe des projets architecturaux urbains

{{ page.content|raw }}