diff --git a/web/themes/custom/colloque2024/css/configs/animation.scss b/web/themes/custom/colloque2024/css/configs/animation.scss index a24b4dca..ea60fa90 100644 --- a/web/themes/custom/colloque2024/css/configs/animation.scss +++ b/web/themes/custom/colloque2024/css/configs/animation.scss @@ -77,13 +77,16 @@ body { #circle_orange-6 { /* Main animation for the football */ - /* animation: football-motion 2s linear infinite; */ +animation: football-motion 2s linear infinite; } #circle_orange-6-bis { /* Trailing effect animation */ - /* animation: trace-motion 2s linear infinite; */ -} + filter: url("#blur"); + + animation: trace-motion 2s linear infinite; + filter: url("#blur"); + } @keyframes football-motion { 0% { diff --git a/web/themes/custom/colloque2024/images/fond-ronds-trace.svg b/web/themes/custom/colloque2024/images/fond-ronds-trace.svg new file mode 100644 index 00000000..51daf846 --- /dev/null +++ b/web/themes/custom/colloque2024/images/fond-ronds-trace.svg @@ -0,0 +1,167 @@ + + + + diff --git a/web/themes/custom/colloque2024/template/page--front.html.twig b/web/themes/custom/colloque2024/template/page--front.html.twig index e10d392d..bf8d24bf 100644 --- a/web/themes/custom/colloque2024/template/page--front.html.twig +++ b/web/themes/custom/colloque2024/template/page--front.html.twig @@ -64,148 +64,171 @@