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

header

Browse Source
This commit is contained in:
ouidade
2024-04-25 12:02:24 +02:00
parent 856f0f5356
commit 103ee50b6f
13 changed files with 132 additions and 233 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/colloque2024/css-compiled/index.css
+88 -108
View File
File diff suppressed because one or more lines are too long
web/themes/custom/colloque2024/css-compiled/pages/layout.css
+8 -22
View File
@@ -6,28 +6,14 @@
main:not(.home) { main:not(.home) {
padding: 4rem 0 !important; } } padding: 4rem 0 !important; } }
body { body #content-ontop {
position: relative; } position: relative;
body #content-ontop { top: -1200px; }
z-index: 3000;
position: relative; body #background-animated {
top: -1200px; } z-index: -1;
body #background-animated { position: relative;
z-index: 2000; left: -350px; }
position: relative;
left: -350px; }
body::before {
z-index: -1;
content: " ";
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: content;
display: block;
position: absolute;
opacity: 0.5;
top: 100px;
left: +53px; }
article.publications, article.interviews { article.publications, article.interviews {
margin-top: 1rem; } margin-top: 1rem; }
web/themes/custom/colloque2024/css/components/footer/footer.scss
+1
View File
@@ -1,5 +1,6 @@
footer{ footer{
background: white; background: white;
border-top: 1px solid black;
width: 100%; width: 100%;
height: auto; height: auto;
padding: 2rem 0 0 0; padding: 2rem 0 0 0;
web/themes/custom/colloque2024/css/components/header/header.scss
+5 -7
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;
} }
@@ -89,7 +89,7 @@ header{
padding-top: 0.25rem; padding-top: 0.25rem;
z-index: 9999; z-index: 9999;
} }
// .nav-main{ .nav-main{
@media screen and (min-width: 1200px) { @media screen and (min-width: 1200px) {
display: flex; display: flex;
ul{ ul{
@@ -106,7 +106,7 @@ header{
} }
} }
} }
// } }
&.is-active{ &.is-active{
display: block; display: block;
position: fixed; position: fixed;
@@ -145,7 +145,7 @@ header{
width: 0%; width: 0%;
transition: width 1s ease; transition: width 1s ease;
height: 1px; height: 1px;
background: $color1; background: $color2024;
} }
&:hover{ &:hover{
&::before{ &::before{
@@ -201,7 +201,5 @@ header.front{
} }
} }
} }
#block-colloque2024-renderedsitesettingsblock-2{
// display: none;
}
} }
web/themes/custom/colloque2024/css/components/slides/slides.scss
+13 -26
View File
@@ -19,7 +19,6 @@
article { article {
width: calc(100% - 30px); width: calc(100% - 30px);
height: 325px; height: 325px;
// background: none;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 3rem $gutter 1.5rem $gutter; margin: 3rem $gutter 1.5rem $gutter;
@@ -79,35 +78,26 @@
.views { .views {
section.wrap_head { section.wrap_head {
// @include croix_or; // @include croix_or;
.head { .head {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
position: relative; position: relative;
.custom-line {
flex: 1; /* Pour étendre le trait sur toute la largeur disponible */
border: none;
border-top: 1px solid #000; /* Couleur et style de la ligne */
margin: 10px 0; /* Marge supérieure et inférieure pour l'espacement */
}
h3{ h3{
// &:after{ display: flex;
// content:url(../images/path1.svg); flex-direction: row;
// max-width: fit-content; align-items: center;
// }
&:after{
display: block;
content: "";
max-width: fit-content;
width: 100%; /* Étendre la ligne sur toute la largeur */
border-bottom: 1px solid #000; /* Couleur et style de la ligne */
}
} }
} }
.head::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%; /* Étendre la ligne sur toute la largeur */
border-bottom: 1px solid #000; /* Couleur et style de la ligne */
}
} }
} }
@media screen and (min-width: 576px) { @media screen and (min-width: 576px) {
@@ -135,7 +125,7 @@
} }
} }
.flickity-viewport { .flickity-viewport {
// overflow: initial; overflow: initial;
} }
.flickity-slider > div { .flickity-slider > div {
width: 70%; width: 70%;
@@ -150,10 +140,7 @@
.flickity-slider { .flickity-slider {
position: absolute; position: absolute;
// width: 300px; width: 100%;
height: 100%; height: 100%;
margin-left: 10px; margin-left: 10px;
&:hover{
// border: solid 1px black;
}
} }
web/themes/custom/colloque2024/css/pages/front.scss
+11 -16
View File
@@ -24,9 +24,7 @@ header {
#txt_present { #txt_present {
margin: 3rem 0; margin: 3rem 0;
.medias{
display: none;
}
@media screen and (min-width: 992px) { @media screen and (min-width: 992px) {
margin: 5rem 0; margin: 5rem 0;
} }
@@ -172,27 +170,24 @@ header {
#block-colloque2024-views-block-slide-programme-block-1 { #block-colloque2024-views-block-slide-programme-block-1 {
h3 { h3 {
// &::after { &::after {
// display: inline-flex; display: inline-flex;
// width: 60px; width: 60px;
// height: 60px; height: 60px;
// vertical-align: middle; vertical-align: middle;
// margin-left: 20px; margin-left: 20px;
// // @include labelOnline; // @include labelOnline;
// } }
} }
} }
#block-colloque2024-mainpagecontent{
background-color: transparent;
}
///changement 2024 ///changement 2024
#block-colloque2024-mainpagecontent{ #txt_present{
.medias{ .medias{
display: none; display: none;
} }
} }
web/themes/custom/colloque2024/css/pages/layout.scss
+2 -45
View File
@@ -10,59 +10,18 @@ main:not(.home) {
// //
body { body {
#content-ontop{ #content-ontop{
z-index: 3000;
position: relative; position: relative;
top: -1200px; top: -1200px;
} }
#background-animated{ #background-animated{
z-index: 2000; z-index: -1;
position: relative; position: relative;
left: -350px; left: -350px;
} }
position: relative;
&::before {
z-index: -1;
content: " ";
width: 100%;
height: 100%;
// background-image: url("../images/fond-ronds-trace.svg");
background-repeat: no-repeat;
background-size: content;
display: block;
position: absolute;
opacity: 0.5;
top: 100px;
left: +53px;
}
// &::after {
// z-index: -1;
// content: " ";
// width: 100%;
// height: 100%;
// background: linear-gradient(
// to top,
// white,
// rgba(255, 255, 255, 0.8)
// );
// display: block;
// position: absolute;
// transform: translateY(-100%);
// top: 100%;
// left: 0;
// }
} }
article { article {
.__title {
// @include croix_or;
}
&.publications, &.publications,
&.interviews { &.interviews {
margin-top: 1rem; margin-top: 1rem;
@@ -78,7 +37,5 @@ article {
} }
} }
} }
h4 {
// @include croix_or;
}
web/themes/custom/colloque2024/css/pages/programme.scss
+2 -3
View File
@@ -8,14 +8,13 @@
position: relative; position: relative;
color: $color2024; color: $color2024;
&::after{ &::after{
// display: inline-flex; display: inline-flex;
display: none;
position: absolute; position: absolute;
right: 0; right: 0;
width: 100px; width: 100px;
height: 100px; height: 100px;
vertical-align: middle; vertical-align: middle;
@include labelOnline; // @include labelOnline;
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
width: 150px; width: 150px;
height: 150px; height: 150px;
web/themes/custom/colloque2024/js/script.js
+1 -1
View File
@@ -134,7 +134,7 @@
var $slide = $('main section .__slide'); var $slide = $('main section .__slide');
var thumbnails = $('.__slide article.programme.is-selected'); var thumbnails = $('.__slide article.programme.is-selected');
var $head_date = $('#block-views-block-slide-programme-block-1 section.first:before'); var $head_date = $('#block-colloque2024-views-block-slide-programme-block-1 section.first:before');
$slide.each(function() { $slide.each(function() {
$(this).flickity({ $(this).flickity({
web/themes/custom/colloque2024/template/block/block--colloque2024-popsu-colloque-branding.html.twig → web/themes/custom/colloque2024/template/block/block--popsu-colloque-branding.html.twig
View File
web/themes/custom/colloque2024/template/components/header_slide.html.twig
-1
View File
@@ -1,6 +1,5 @@
<div class="head"> <div class="head">
{{ header }} {{ header }}
<hr class="custom-line">
{% if more or view.storage.id == 'slide_programme' %} {% if more or view.storage.id == 'slide_programme' %}
<div class="wrap d-flex"> <div class="wrap d-flex">
web/themes/custom/colloque2024/template/node/node--page-d-accueil.html.twig
+1
View File
@@ -73,6 +73,7 @@
*/ */
#} #}
<div class="__img-hero"> <div class="__img-hero">
{{content.field_image_hero}} {{content.field_image_hero}}
</div> </div>
web/themes/custom/colloque2024/template/page--front.html.twig
-4
View File
@@ -105,9 +105,6 @@
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"
@@ -128,7 +125,6 @@
<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" />
<path style="filter:url(#f5);fill:#038788;stroke:none;stroke-width:0.837592" <path style="filter:url(#f5);fill:#038788;stroke:none;stroke-width:0.837592"