SEO nom du site et taille header
This commit is contained in:
parent
204773d150
commit
78e8acc00d
|
@ -11,4 +11,4 @@ tags:
|
||||||
description: 'La consultation internationale Quartiers de demain a pour ambition de mobiliser l’innovation et l’excellence architecturale, urbaine et paysagère afin de transformer dix quartiers et de capitaliser à l’échelle nationale en faveur de la politique de la ville. '
|
description: 'La consultation internationale Quartiers de demain a pour ambition de mobiliser l’innovation et l’excellence architecturale, urbaine et paysagère afin de transformer dix quartiers et de capitaliser à l’échelle nationale en faveur de la politique de la ville. '
|
||||||
original_source: 'https://quartiers-de-demain.archi.fr/'
|
original_source: 'https://quartiers-de-demain.archi.fr/'
|
||||||
shortlink: '[site:url]'
|
shortlink: '[site:url]'
|
||||||
title: Accueil
|
title: 'Quartiers de demain | Accueil'
|
||||||
|
|
|
@ -10,4 +10,4 @@ tags:
|
||||||
canonical_url: '[current-page:url]'
|
canonical_url: '[current-page:url]'
|
||||||
description: 'La consultation internationale Quartiers de demain a pour ambition de mobiliser l’innovation et l’excellence architecturale, urbaine et paysagère afin de transformer dix quartiers et de capitaliser à l’échelle nationale en faveur de la politique de la ville.'
|
description: 'La consultation internationale Quartiers de demain a pour ambition de mobiliser l’innovation et l’excellence architecturale, urbaine et paysagère afin de transformer dix quartiers et de capitaliser à l’échelle nationale en faveur de la politique de la ville.'
|
||||||
google_site_verification: Rl_smMXh2b2szpTsHwbarHx7xeNmae4rZ6BxSYpnmKs
|
google_site_verification: Rl_smMXh2b2szpTsHwbarHx7xeNmae4rZ6BxSYpnmKs
|
||||||
title: '[site:name] | [current-page:title] '
|
title: '[current-page:title] | [site:name]'
|
||||||
|
|
|
@ -193,7 +193,7 @@ h2 {
|
||||||
}
|
}
|
||||||
.layout-container main {
|
.layout-container main {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-top: 320px;
|
padding-top: 270px;
|
||||||
}
|
}
|
||||||
@media (max-width: 810px) {
|
@media (max-width: 810px) {
|
||||||
.layout-container main {
|
.layout-container main {
|
||||||
|
@ -287,7 +287,7 @@ header .header_left_container #block-quartiers-de-demain-logorepu-2 {
|
||||||
}
|
}
|
||||||
header .header_left_container #block-quartiers-de-demain-logoepau-2 {
|
header .header_left_container #block-quartiers-de-demain-logoepau-2 {
|
||||||
display: none;
|
display: none;
|
||||||
height: 320px;
|
height: 270px;
|
||||||
}
|
}
|
||||||
@media (max-width: 891px) {
|
@media (max-width: 891px) {
|
||||||
header .header_left_container #block-quartiers-de-demain-logoepau-2 {
|
header .header_left_container #block-quartiers-de-demain-logoepau-2 {
|
||||||
|
@ -301,7 +301,7 @@ header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain {
|
||||||
header .header_left_container img {
|
header .header_left_container img {
|
||||||
width: auto;
|
width: auto;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
height: calc(320px - 5rem);
|
height: calc(270px - 5rem);
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
transition: height 0.3s; /* Add transition for smooth resizing */
|
transition: height 0.3s; /* Add transition for smooth resizing */
|
||||||
}
|
}
|
||||||
|
@ -383,7 +383,7 @@ header .header_nav_container #block-quartiers-de-demain-entete ul {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 80px;
|
top: 54px;
|
||||||
padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
padding-right: 1rem;
|
padding-right: 1rem;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
@ -446,7 +446,7 @@ header .header:hover + .header_nav_container {
|
||||||
|
|
||||||
/* Taille définitive du header après l'animation */
|
/* Taille définitive du header après l'animation */
|
||||||
.header--collapsed {
|
.header--collapsed {
|
||||||
height: 320px; /* Ou la hauteur que vous souhaitez pour votre header */
|
height: 270px; /* Ou la hauteur que vous souhaitez pour votre header */
|
||||||
width: 45%;
|
width: 45%;
|
||||||
transform-origin: bottom right;
|
transform-origin: bottom right;
|
||||||
transition: all 1s ease-in-out;
|
transition: all 1s ease-in-out;
|
||||||
|
@ -461,7 +461,7 @@ header .header:hover + .header_nav_container {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.header--collapsed .header_left_container {
|
.header--collapsed .header_left_container {
|
||||||
flex: 0 0 61%;
|
flex: 0 0 50%;
|
||||||
transform-origin: bottom right;
|
transform-origin: bottom right;
|
||||||
}
|
}
|
||||||
@media (max-width: 810px) {
|
@media (max-width: 810px) {
|
||||||
|
@ -482,7 +482,7 @@ header .header:hover + .header_nav_container {
|
||||||
}
|
}
|
||||||
|
|
||||||
.header--collapsed-already {
|
.header--collapsed-already {
|
||||||
height: 320px; /* Ou la hauteur que vous souhaitez pour votre header */
|
height: 270px; /* Ou la hauteur que vous souhaitez pour votre header */
|
||||||
width: 45%;
|
width: 45%;
|
||||||
transform-origin: bottom right;
|
transform-origin: bottom right;
|
||||||
transition: all 0s ease-in-out;
|
transition: all 0s ease-in-out;
|
||||||
|
@ -497,7 +497,7 @@ header .header:hover + .header_nav_container {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.header--collapsed-already .header_left_container {
|
.header--collapsed-already .header_left_container {
|
||||||
flex: 0 0 60%;
|
flex: 0 0 50%;
|
||||||
transform-origin: bottom right;
|
transform-origin: bottom right;
|
||||||
}
|
}
|
||||||
@media (max-width: 810px) {
|
@media (max-width: 810px) {
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
|
|
||||||
$header-height : 320px;
|
$header-height : 270px;
|
||||||
$header-height-pad : 110px;
|
$header-height-pad : 110px;
|
||||||
$header-height-small : 70px;
|
$header-height-small : 70px;
|
||||||
$header-height-ultrasmall : 50px;
|
$header-height-ultrasmall : 50px;
|
||||||
|
|
|
@ -122,7 +122,7 @@ header{
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: calc($header-height / 4 );
|
top: calc($header-height / 5 );
|
||||||
padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
padding-right: 1rem;
|
padding-right: 1rem;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
@ -201,7 +201,7 @@ header{
|
||||||
height: 170px;
|
height: 170px;
|
||||||
}
|
}
|
||||||
.header_left_container{
|
.header_left_container{
|
||||||
flex: 0 0 61%;
|
flex: 0 0 50%;
|
||||||
transform-origin: bottom right;
|
transform-origin: bottom right;
|
||||||
@media(max-width: 810px){
|
@media(max-width: 810px){
|
||||||
flex: 1 0 100%;
|
flex: 1 0 100%;
|
||||||
|
@ -231,7 +231,7 @@ header{
|
||||||
height: 170px;
|
height: 170px;
|
||||||
}
|
}
|
||||||
.header_left_container{
|
.header_left_container{
|
||||||
flex: 0 0 60%;
|
flex: 0 0 50%;
|
||||||
transform-origin: bottom right;
|
transform-origin: bottom right;
|
||||||
@media(max-width: 810px){
|
@media(max-width: 810px){
|
||||||
flex: 1 0 100%;
|
flex: 1 0 100%;
|
||||||
|
|
Loading…
Reference in New Issue