bachir/drupal-erable
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ajout des images bg sur les bords

Browse Source
This commit is contained in:
Valentin Le Moign
2026-05-29 19:15:43 +02:00
parent 1956952a2a
commit a4cc0ef538
38 changed files with 212 additions and 1666 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
web/themes/erabletheme/templates/page/page.html.twig
View File

@@ -99,24 +99,36 @@
</footer>
{#
Décors latéraux parallax v2.
Un seul tile (.decor-tile) cloné en JS pour remplir la hauteur de la page.
Frises gauches: bord gauche collé à left:0 ; frises droites: right:0.
Le placement vertical est géré en % du tile dans _background.scss
pour rester cohérent à la répétition.
#}
<div id="background">
<div id="bg-top">
{# <img src="/themes/erabletheme/assets/bg-shapes/bg-1.svg" aria-hidden="true" alt="bg shape" id="bg-1"> #}
<img class="bgImg" data-rellax-speed="-5" src="/themes/erabletheme/assets/bg-shapes/bg-5.svg" aria-hidden="true" alt="bg shape" id="bg-5">
<img class="bgImg" data-rellax-speed="-6" src="/themes/erabletheme/assets/bg-shapes/bg-3.svg" aria-hidden="true" alt="bg shape" id="bg-3">
<img class="bgImg" data-rellax-speed="-3" src="/themes/erabletheme/assets/bg-shapes/bg-2.svg" aria-hidden="true" alt="bg shape" id="bg-2">
{# <img src="/themes/erabletheme/assets/bg-shapes/bg-4.svg" aria-hidden="true" alt="bg shape" id="bg-4"> #}
</div>
<div id="bg-middle">
{# <img src="/themes/erabletheme/assets/bg-shapes/bg-8.svg" aria-hidden="true" alt="bg shape" id="bg-8"> #}
<img class="bgImg" data-rellax-speed="-4" src="/themes/erabletheme/assets/bg-shapes/bg-6.svg" aria-hidden="true" alt="bg shape" id="bg-6">
<img class="bgImg" data-rellax-speed="-3" src="/themes/erabletheme/assets/bg-shapes/bg-7.svg" aria-hidden="true" alt="bg shape" id="bg-7">
<img class="bgImg" data-rellax-speed="-2" src="/themes/erabletheme/assets/bg-shapes/bg-12.png" aria-hidden="true" alt="bg shape" id="bg-12">
</div>
<div id="bg-bottom">
<img class="bgImg" data-rellax-speed="2" src="/themes/erabletheme/assets/bg-shapes/bg-11.svg" aria-hidden="true" alt="bg shape" id="bg-11">
<img class="bgImg" data-rellax-speed="1" src="/themes/erabletheme/assets/bg-shapes/bg-10.svg" aria-hidden="true" alt="bg shape" id="bg-10">
<img class="bgImg" data-rellax-speed="0.5" src="/themes/erabletheme/assets/bg-shapes/bg-4.svg" aria-hidden="true" alt="bg shape" id="bg-4">
<div class="decor-tile" data-tile-index="0">
{# decor-once : forme coupée en haut, présente uniquement dans le tile initial #}
<img class="bgImg decor-left decor-left-1 decor-once" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/left-1.png" aria-hidden="true" alt="">
<img class="bgImg decor-left decor-left-2" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/left-2.png" aria-hidden="true" alt="">
<img class="bgImg decor-left decor-left-3" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/left-3.png" aria-hidden="true" alt="">
<img class="bgImg decor-left decor-left-4" data-rellax-speed="-4" src="/themes/erabletheme/assets/new-bg-shapes/left-4.png" aria-hidden="true" alt="">
<img class="bgImg decor-left decor-left-5" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/left-5.png" aria-hidden="true" alt="">
<img class="bgImg decor-left decor-left-6" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/left-6.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-1 decor-once" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-1.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-2" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/right-2.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-3" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-3.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-4" data-rellax-speed="-4" src="/themes/erabletheme/assets/new-bg-shapes/right-4.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-5" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-5.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-6" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/right-6.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-7" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-7.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-8" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/right-8.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-9" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-9.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-10" data-rellax-speed="-4" src="/themes/erabletheme/assets/new-bg-shapes/right-10.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-11" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-11.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-12" data-rellax-speed="-3" src="/themes/erabletheme/assets/new-bg-shapes/right-12.png" aria-hidden="true" alt="">
<img class="bgImg decor-right decor-right-13" data-rellax-speed="-2" src="/themes/erabletheme/assets/new-bg-shapes/right-13.png" aria-hidden="true" alt="">
</div>
</div>