SEO nom du site et taille header
This commit is contained in:
		@@ -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. '
 | 
			
		||||
  original_source: 'https://quartiers-de-demain.archi.fr/'
 | 
			
		||||
  shortlink: '[site:url]'
 | 
			
		||||
  title: Accueil
 | 
			
		||||
  title: 'Quartiers de demain | Accueil'
 | 
			
		||||
 
 | 
			
		||||
@@ -10,4 +10,4 @@ tags:
 | 
			
		||||
  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.'
 | 
			
		||||
  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 {
 | 
			
		||||
  width: 100%;
 | 
			
		||||
  padding-top: 320px;
 | 
			
		||||
  padding-top: 270px;
 | 
			
		||||
}
 | 
			
		||||
@media (max-width: 810px) {
 | 
			
		||||
  .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 {
 | 
			
		||||
  display: none;
 | 
			
		||||
  height: 320px;
 | 
			
		||||
  height: 270px;
 | 
			
		||||
}
 | 
			
		||||
@media (max-width: 891px) {
 | 
			
		||||
  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 {
 | 
			
		||||
  width: auto;
 | 
			
		||||
  margin: auto;
 | 
			
		||||
  height: calc(320px - 5rem);
 | 
			
		||||
  height: calc(270px - 5rem);
 | 
			
		||||
  padding: 2rem;
 | 
			
		||||
  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;
 | 
			
		||||
  align-items: flex-start;
 | 
			
		||||
  position: relative;
 | 
			
		||||
  top: 80px;
 | 
			
		||||
  top: 54px;
 | 
			
		||||
  padding-left: 1rem;
 | 
			
		||||
  padding-right: 1rem;
 | 
			
		||||
  margin: 0;
 | 
			
		||||
@@ -446,7 +446,7 @@ header .header:hover + .header_nav_container {
 | 
			
		||||
 | 
			
		||||
/* Taille définitive du header après l'animation */
 | 
			
		||||
.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%;
 | 
			
		||||
  transform-origin: bottom right;
 | 
			
		||||
  transition: all 1s ease-in-out;
 | 
			
		||||
@@ -461,7 +461,7 @@ header .header:hover + .header_nav_container {
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
.header--collapsed .header_left_container {
 | 
			
		||||
  flex: 0 0 61%;
 | 
			
		||||
  flex: 0 0 50%;
 | 
			
		||||
  transform-origin: bottom right;
 | 
			
		||||
}
 | 
			
		||||
@media (max-width: 810px) {
 | 
			
		||||
@@ -482,7 +482,7 @@ header .header:hover + .header_nav_container {
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.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%;
 | 
			
		||||
  transform-origin: bottom right;
 | 
			
		||||
  transition: all 0s ease-in-out;
 | 
			
		||||
@@ -497,7 +497,7 @@ header .header:hover + .header_nav_container {
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
.header--collapsed-already .header_left_container {
 | 
			
		||||
  flex: 0 0 60%;
 | 
			
		||||
  flex: 0 0 50%;
 | 
			
		||||
  transform-origin: bottom right;
 | 
			
		||||
}
 | 
			
		||||
@media (max-width: 810px) {
 | 
			
		||||
 
 | 
			
		||||
@@ -1,5 +1,5 @@
 | 
			
		||||
 | 
			
		||||
$header-height : 320px;
 | 
			
		||||
$header-height : 270px;
 | 
			
		||||
$header-height-pad : 110px;
 | 
			
		||||
$header-height-small : 70px;
 | 
			
		||||
$header-height-ultrasmall : 50px;
 | 
			
		||||
 
 | 
			
		||||
@@ -122,7 +122,7 @@ header{
 | 
			
		||||
                flex-direction: column;
 | 
			
		||||
                align-items: flex-start;
 | 
			
		||||
                position: relative;
 | 
			
		||||
                top: calc($header-height / 4 );
 | 
			
		||||
                top: calc($header-height / 5 );
 | 
			
		||||
                padding-left: 1rem;
 | 
			
		||||
                padding-right: 1rem;
 | 
			
		||||
                margin: 0;
 | 
			
		||||
@@ -201,7 +201,7 @@ header{
 | 
			
		||||
     height: 170px;
 | 
			
		||||
    }
 | 
			
		||||
    .header_left_container{
 | 
			
		||||
        flex: 0 0 61%;
 | 
			
		||||
        flex: 0 0 50%;
 | 
			
		||||
        transform-origin: bottom right; 
 | 
			
		||||
        @media(max-width: 810px){
 | 
			
		||||
            flex: 1 0 100%;
 | 
			
		||||
@@ -231,7 +231,7 @@ header{
 | 
			
		||||
        height: 170px;
 | 
			
		||||
       }
 | 
			
		||||
    .header_left_container{
 | 
			
		||||
        flex: 0 0 60%;
 | 
			
		||||
        flex: 0 0 50%;
 | 
			
		||||
        transform-origin: bottom right; 
 | 
			
		||||
        @media(max-width: 810px){
 | 
			
		||||
            flex: 1 0 100%;
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user