logo et slider

This commit is contained in:
2021-05-31 18:21:02 +02:00
parent 374f0fefc7
commit bd16b1a431
14 changed files with 69 additions and 118 deletions
@@ -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 {
Binary file not shown.

After

Width:  |  Height:  |  Size: 12 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 730 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 356 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 387 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 MiB

+5 -2
View File
@@ -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
@@ -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 {
@@ -18,9 +18,14 @@
</svg>
</div>
<h2>L'EUROPE DES PROJETS ARCHITECTURAUX ET URBAINS</h2>
<!-- <h2>L'EUROPE DES PROJETS ARCHITECTURAUX ET URBAINS</h2> -->
<p>Organisme national de recherche et dexpérimentation, sous la tutelle des Ministères en charge de larchitecture et de lurbanisme, la Cité de lArchitecture et du Patrimoine et de lAssociation Europan France</p>
<p>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.</p>
@@ -10,7 +10,7 @@
<rect class="" width="100%" height="100%" style="fill:rgb(255,255,255)" />
</svg>
</div>
<p> Le conseil dadministration de lEurope des projets architecturaux et urbains et les Directions de programmes de lEurope des projets architecturaux urbains</p>
<p>Assemblée générale de lEurope des projets architecturaux et urbains et les Directions de programmes de lEurope des projets architecturaux urbains</p>
{{ page.content|raw }}