SEO nom du site et taille header

This commit is contained in:
ouidade 2024-09-19 14:18:56 +02:00
parent 204773d150
commit 78e8acc00d
5 changed files with 14 additions and 14 deletions

View File

@ -11,4 +11,4 @@ tags:
description: 'La consultation internationale Quartiers de demain a pour ambition de mobiliser linnovation et lexcellence 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 linnovation et lexcellence 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'

View File

@ -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 linnovation et lexcellence 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 linnovation et lexcellence 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]'

View File

@ -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) {

View File

@ -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;

View File

@ -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%;