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

fond

Browse Source
This commit is contained in:
ouidade
2024-04-16 21:32:42 +02:00
parent 82076eabb0
commit e16cdef3ba
17 changed files with 467 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/colloque2024/css/components/hero.scss
+1
View File
@@ -3,6 +3,7 @@ body{
}
.home{
.__img-hero{
display: none;
width: 100vw;
position: relative;
left: 50%;
web/themes/custom/colloque2024/css/configs/animation.scss
+107
View File
@@ -0,0 +1,107 @@
@keyframes animateCircle_pop_trans {
0% {stroke: #000000; /* Initial stroke color */}
100% {stroke: #ff0000; /* Final stroke color */}
}
@keyframes animateCircle_pop_trans-2 {
0% {fill: #ffffff; /* Initial fill color */}
100% {fill: #00ff00; /* Final fill color */}
}
@keyframes animateCircle_vert_clair_erable {
0% {stroke: #000000; /* Initial stroke color */}
100% {stroke: #ff0000; /* Final stroke color */}
}
@keyframes animateCircle_vert_clair_erable-93 {
0% {fill: #ffffff; /* Initial fill color */}
100% {fill: #00ff00; /* Final fill color */}
}
@keyframes animateCircle_vert_clair_erable-9 {
0% {stroke: #000000; /* Initial stroke color */}
100% {stroke: #ff0000; /* Final stroke color */}
}
@keyframes animateCircle_vert_clair_erable-3 {
0% {fill: #ffffff; /* Initial fill color */}
100% {fill: #00ff00; /* Final fill color */}
}
@keyframes animateCircle_vert_clair_erable-3-1 {
0% {stroke: #000000; /* Initial stroke color */}
100% {stroke: #ff0000; /* Final stroke color */}
}
@keyframes animateCircle_vert_clair_erable-3-1-7 {
0% {fill: #ffffff; /* Initial fill color */}
100% {fill: #00ff00; /* Final fill color */}
}
@keyframes animateCircle_vert_erable {
0% {stroke: #000000; /* Initial stroke color */}
100% {stroke: #ff0000; /* Final stroke color */}
}
@keyframes animateCircle_vert_erable-4 {
0% {fill: #ffffff; /* Initial fill color */}
100% {fill: #00ff00; /* Final fill color */}
}
@keyframes animateCircle_vert_erable-4-6 {
0% {stroke: #000000; /* Initial stroke color */}
100% {stroke: #ff0000; /* Final stroke color */}
}
@keyframes animateCircle_vert_erable-4-3 {
0% {fill: #ffffff; /* Initial fill color */}
100% {fill: #00ff00; /* Final fill color */}
}
@keyframes animateCircle_vert_erable-2 {
0% {stroke: #000000; /* Initial stroke color */}
100% {stroke: #ff0000; /* Final stroke color */}
}
@keyframes animateCircle_orange-6 {
0% {
transform: translateX(0); /* Start translation */
}
100% {
transform: translateX(50px); /* End translation */
}
}
@keyframes animateCircle_orange-7 {
0% {stroke: #000000; /* Initial stroke color */}
100% {stroke: #ff0000; /* Final stroke color */}
}
@keyframes animateCircle_orange-2 {
0% {fill: #ffffff; /* Initial fill color */}
100% {fill: #00ff00; /* Final fill color */}
}
@keyframes animateCircle_orange-9 {
0% {stroke: #000000; /* Initial stroke color */}
100% {stroke: #ff0000; /* Final stroke color */}
}
@keyframes animateCircle_orange {
0% {fill: #ffffff; /* Initial fill color */}
100% {fill: #00ff00; /* Final fill color */}
}
/* Add more keyframes for other paths as needed */
#circle_pop_trans {
animation: animatePath1 2s infinite alternate; /* Animate stroke color */
}
#circle_orange-6 {
animation: animateCircle_orange-6 2s infinite alternate; /* Animate fill color */
}
/* Apply animations to other paths similarly */
web/themes/custom/colloque2024/css/configs/global.scss
+1 -1
View File
@@ -2,7 +2,7 @@ body,html{
font-size: 16px;
font-family: 'Marianne', "sans-serif";
line-height: 1.2;
background: $fond;
// background: $fond;
.is-active{
overflow: hidden;
}
web/themes/custom/colloque2024/css/configs/var.scss
+1 -1
View File
@@ -4,7 +4,7 @@ $color2024: rgb(3,135,136);
$col_black: black;
$color_orange: rgb(255, 128, 77);
$lightgrey: #6f6d7dff;
$fond: white;
// $fond: url("../../images/test_animation.svg");
$underline:#d2d2ebff;
$gutter: 0.5rem;
web/themes/custom/colloque2024/css/index.scss
+1
View File
@@ -12,6 +12,7 @@
@import "configs/mixin.scss";
@import "configs/typography.scss";
@import "configs/global.scss";
@import "configs/animation.scss";
// Lib Js
@import "hamburgers/hamburgers.scss";
web/themes/custom/colloque2024/css/pages/front.scss
+5 -1
View File
@@ -119,7 +119,7 @@ header {
padding: 0.5rem 1rem;
font-size: 12px;
display: block;
font-family: "truenobold";
font-family: "Mariannebold";
color: $color2;
}
}
@@ -179,3 +179,7 @@ header {
}
}
}
#block-colloque2024-mainpagecontent{
background-color: transparent;
}
web/themes/custom/colloque2024/css/pages/layout.scss
+19 -19
View File
@@ -15,30 +15,30 @@ body {
content: " ";
width: 100%;
height: 100%;
// background-image: url("../images/croix_fond.svg");
// background-size: content;
background-image: url("../images/fond-ronds.svg");
background-repeat: no-repeat;
background-size: content;
display: block;
position: absolute;
top: 0;
left: 0;
}
&::after {
z-index: -1;
content: " ";
width: 100%;
height: 100%;
background: linear-gradient(
to top,
rgba(255, 255, 255, 0.8),
white,
rgba(255, 255, 255, 0.8)
);
display: block;
position: absolute;
transform: translateY(-50%);
top: 50%;
left: 0;
}
// &::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 {