kevin/Popsu-coloque
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

change layout home

Browse Source
This commit is contained in:
ouidade
2024-04-25 14:38:20 +02:00
parent b4ae46ee84
commit 232e91ce04
6 changed files with 95 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/colloque2024/css-compiled/index.css
+69 -54
View File
@@ -519,7 +519,7 @@ body #content-ontop {
body #background-animated { body #background-animated {
z-index: -1; z-index: -1;
position: relative; position: relative;
left: -350px; } left: -400px; }
article.publications, article.interviews { article.publications, article.interviews {
margin-top: 1rem; } margin-top: 1rem; }
@@ -668,6 +668,15 @@ header #block-colloque2024-mainnavigation ul li {
vertical-align: middle; vertical-align: middle;
margin-left: 20px; } margin-left: 20px; }
#mainHome {
max-width: 100vw;
margin: 0;
display: flex; }
#mainHome .layout-content {
margin: auto;
height: 1500px;
max-width: 1140px; }
#txt_present .medias { #txt_present .medias {
display: none; } display: none; }
@@ -937,7 +946,8 @@ header {
header .row #block-colloque2024-renderedsitesettingsblock-2 { header .row #block-colloque2024-renderedsitesettingsblock-2 {
width: 35%; width: 35%;
border-left: 1px solid #b9a47eff; border-left: 1px solid #b9a47eff;
padding: 0; } padding: 0;
display: none; }
header .row #block-colloque2024-renderedsitesettingsblock-2 a { header .row #block-colloque2024-renderedsitesettingsblock-2 a {
display: flex; } display: flex; }
@media screen and (min-width: 1200px) { @media screen and (min-width: 1200px) {
@@ -979,59 +989,61 @@ header {
header .row #block-colloque2024-mainnavigation .burger { header .row #block-colloque2024-mainnavigation .burger {
padding-top: 0.25rem; padding-top: 0.25rem;
z-index: 9999; } z-index: 9999; }
@media screen and (min-width: 1200px) { header .row #block-colloque2024-mainnavigation .nav-main {
header .row #block-colloque2024-mainnavigation .nav-main { display: none; }
display: flex; } @media screen and (min-width: 1200px) {
header .row #block-colloque2024-mainnavigation .nav-main ul { header .row #block-colloque2024-mainnavigation .nav-main {
margin-bottom: 0; display: block; }
flex-wrap: wrap; } header .row #block-colloque2024-mainnavigation .nav-main ul {
header .row #block-colloque2024-mainnavigation .nav-main ul li { margin-bottom: 0;
margin: 0 0.5rem; } flex-wrap: wrap; }
header .row #block-colloque2024-mainnavigation .nav-main ul li:not(:last-child):after { header .row #block-colloque2024-mainnavigation .nav-main ul li {
display: inline-block; margin: 0 0.5rem; }
content: "|"; header .row #block-colloque2024-mainnavigation .nav-main ul li:not(:last-child):after {
margin-left: 0.5rem; } }
header .row #block-colloque2024-mainnavigation .nav-main.is-active {
display: block;
position: fixed;
width: 100vw;
height: 100vh;
left: 0;
top: 0;
background: white;
z-index: 9999; }
@media screen and (min-width: 576px) {
header .row #block-colloque2024-mainnavigation .nav-main.is-active {
height: auto; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul {
margin: 130px 0 50px 0; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active li {
font-size: 1.7rem;
line-height: 3rem;
padding: 0 15px; } }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul {
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
align-items: center; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li {
font-size: 1.5rem;
line-height: 3rem;
padding: 0 15px; }
@media screen and (min-width: 360px) {
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li {
width: 100%; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li::before {
display: inline-block; display: inline-block;
content: " "; content: "|";
width: 0%; margin-left: 0.5rem; } }
transition: width 1s ease; header .row #block-colloque2024-mainnavigation .nav-main.is-active {
height: 1px; display: block;
background: #038788; } position: fixed;
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li:hover::before { width: 100vw;
width: 10%; height: 100vh;
transition: all 1s ease; } } left: 0;
top: 0;
background: white;
z-index: 9999; }
@media screen and (min-width: 576px) {
header .row #block-colloque2024-mainnavigation .nav-main.is-active {
height: auto; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul {
margin: 130px 0 50px 0; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active li {
font-size: 1.7rem;
line-height: 3rem;
padding: 0 15px; } }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul {
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
align-items: center; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li {
font-size: 1.5rem;
line-height: 3rem;
padding: 0 15px; }
@media screen and (min-width: 360px) {
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li {
width: 100%; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li::before {
display: inline-block;
content: " ";
width: 0%;
transition: width 1s ease;
height: 1px;
background: #038788; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li:hover::before {
width: 10%;
transition: all 1s ease; } }
#block-colloque2024-mainnavigation { #block-colloque2024-mainnavigation {
border-left: 1px solid black; border-left: 1px solid black;
@@ -1064,6 +1076,9 @@ header.front #block-colloque2024-branding {
header.front #block-colloque2024-branding.is-active > div { header.front #block-colloque2024-branding.is-active > div {
max-height: 115px; } max-height: 115px; }
header.front #block-renderedsitesettingsblock-2 {
display: none; }
#block-colloque2024-submenu { #block-colloque2024-submenu {
margin: 1rem auto; } margin: 1rem auto; }
#block-colloque2024-submenu ul { #block-colloque2024-submenu ul {
web/themes/custom/colloque2024/css-compiled/pages/layout.css
+1 -1
View File
@@ -13,7 +13,7 @@ body #content-ontop {
body #background-animated { body #background-animated {
z-index: -1; z-index: -1;
position: relative; position: relative;
left: -350px; } left: -400px; }
article.publications, article.interviews { article.publications, article.interviews {
margin-top: 1rem; } margin-top: 1rem; }
web/themes/custom/colloque2024/css/components/header/header.scss
+6 -3
View File
@@ -35,7 +35,7 @@ header{
width: 35%; width: 35%;
border-left: 1px solid $color1; border-left: 1px solid $color1;
padding: 0; padding: 0;
// display: none; display: none;
a{ a{
display: flex; display: flex;
} }
@@ -90,8 +90,9 @@ header{
z-index: 9999; z-index: 9999;
} }
.nav-main{ .nav-main{
display: none;
@media screen and (min-width: 1200px) { @media screen and (min-width: 1200px) {
display: flex; display: block;
ul{ ul{
margin-bottom: 0; margin-bottom: 0;
flex-wrap: wrap; flex-wrap: wrap;
@@ -201,5 +202,7 @@ header.front{
} }
} }
} }
#block-renderedsitesettingsblock-2{
display: none;
}
} }
web/themes/custom/colloque2024/css/pages/front.scss
+13
View File
@@ -185,6 +185,19 @@ header {
///changement 2024 ///changement 2024
#mainHome{
max-width: 100vw;
margin: 0;
display: flex;
.layout-content{
margin: auto;
height: 1500px;
max-width: 1140px;
}
}
#txt_present{ #txt_present{
.medias{ .medias{
display: none; display: none;
web/themes/custom/colloque2024/css/pages/layout.scss
+1 -1
View File
@@ -16,7 +16,7 @@ body {
#background-animated{ #background-animated{
z-index: -1; z-index: -1;
position: relative; position: relative;
left: -350px; left: -400px;
} }
} }
web/themes/custom/colloque2024/template/page--front.html.twig
+5 -1
View File
@@ -59,7 +59,7 @@
{{ page.help }} {{ page.help }}
<main role="main" class="d-flex container home"> <main role="main" id="mainHome" class="d-flex container home">
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #} <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
<div class="layout-content"> <div class="layout-content">
@@ -105,6 +105,9 @@
d="m 10,153.49503 c 1.66599,0.28713 3.23412,0.86965 4.64923,2.10196 1.13385,0.98738 2.12354,2.20392 2.87042,3.70487 3.4694,6.97221 1.26697,16.7678 -4.79211,19.76085 -1.59028,0.78557 -3.27791,0.9903 -4.95918,0.75119 -2.5558,-0.36348 -4.53937,-2.61939 -7.00484,-3.35343 -5.83083,-1.73601 -11.81781,-2.62133 -17.66709,-4.27621 -2.30955,-0.65342 -5.79646,-2.18476 -6.29444,-5.66197 -0.56424,-3.93983 3.36487,-5.83643 5.67455,-6.56082 1.86819,-0.58593 3.8034,-0.59903 5.70306,-0.83564 4.12917,-0.51429 8.33141,-0.76337 12.39795,-1.93444 1.65451,-0.47646 2.95288,-1.74598 4.46326,-2.65107 1.47815,-0.88578 3.33945,-1.32444 4.95919,-1.04529 z" d="m 10,153.49503 c 1.66599,0.28713 3.23412,0.86965 4.64923,2.10196 1.13385,0.98738 2.12354,2.20392 2.87042,3.70487 3.4694,6.97221 1.26697,16.7678 -4.79211,19.76085 -1.59028,0.78557 -3.27791,0.9903 -4.95918,0.75119 -2.5558,-0.36348 -4.53937,-2.61939 -7.00484,-3.35343 -5.83083,-1.73601 -11.81781,-2.62133 -17.66709,-4.27621 -2.30955,-0.65342 -5.79646,-2.18476 -6.29444,-5.66197 -0.56424,-3.93983 3.36487,-5.83643 5.67455,-6.56082 1.86819,-0.58593 3.8034,-0.59903 5.70306,-0.83564 4.12917,-0.51429 8.33141,-0.76337 12.39795,-1.93444 1.65451,-0.47646 2.95288,-1.74598 4.46326,-2.65107 1.47815,-0.88578 3.33945,-1.32444 4.95919,-1.04529 z"
id="path_circle_vert_clair_erable_3" class="toright3"/> id="path_circle_vert_clair_erable_3" class="toright3"/>
<circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke" <circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
id="circle_orange_3" cx="375.24548" cy="166.11342" r="15.890945" /> id="circle_orange_3" cx="375.24548" cy="166.11342" r="15.890945" />
<circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke" <circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
@@ -124,6 +127,7 @@
id="path_circle_orange_7" /> id="path_circle_orange_7" />
<circle style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke" <circle style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
id="circle_pop_trans_3" cx="325.69421" cy="216.84201" r="15.890945" /> id="circle_pop_trans_3" cx="325.69421" cy="216.84201" r="15.890945" />
<circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke" <circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
id="circle_vert_erable_4" class="moveup" cx="190.17583" cy="216.84201" r="15.890945" /> id="circle_vert_erable_4" class="moveup" cx="190.17583" cy="216.84201" r="15.890945" />