forge-joniko/ldc-legaulois
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: ✨ add BEA section

Browse source
This commit is contained in:
Corentin Huet 2026-09-02 09:30:51 +02:00
parent 458fdf1b69
commit 3076ba3714
5 changed files with 45 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
resources/assets/images/home/bea_desktop.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 146 KiB

BIN
resources/assets/images/home/bea_mobile.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 118 KiB

12
resources/sass/fo/base/_common.scss
View file

@ -28,6 +28,10 @@
// * Clip-path for the irregular shape.
// Use the large one for sections and the small one for cards.
.line-border-large-bottom {
clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 1vw), 0 100%);
}
.line-border-large {
clip-path: polygon(67% 1vw, 100% 0, 100% 100%, 50% calc(100% - 1vw), 0 100%, 0 1vw, 31% 0);
}
@ -40,6 +44,14 @@
}
}
.line-border-medium-bottom {
clip-path: polygon(60% 1vw, 100% 0, 100% calc(100% - 1vw), 70% calc(100% - 1.5vw), 40% 100%, 0 calc(100% - 1vw), 0 1vw, 30% 0);
@include media-breakpoint-up(sm) {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - .5vw), 70% calc(100% - .75vw), 40% 100%, 0 calc(100% - .5vw));
}
}
.line-border-small {
clip-path: polygon(60% 1vw, 100% 0, 100% calc(100% - 1vw), 70% calc(100% - 1.5vw), 40% 100%, 0 calc(100% - 1vw), 0 1vw, 30% 0);

17
resources/views/fo/pages/commitments/raise.blade.php
View file

@ -103,7 +103,22 @@
@endif
{{-- PARAGRAPH WITH PICTURE --}}
@if ($section_4_model->visibility)
<section class="line-border-large bg-green-wood mb-5 p-0">
<section class="line-border-large-bottom bg-green-wood mb-5 p-0">
{{-- BEA --}}
<a href="https://bienetreanimal.fr/" target="_blank" rel="noopener noreferrer">
<img
class="d-none d-sm-flex img-fluid"
src="{{ Vite::asset('resources/assets/images/home/bea_desktop.png') }}"
alt="{{ __('Entreprise adhérente au collectif Filière Agricole Engagée pour le Bien-être Animal. Découvrez nos engagements pour un poulet origine France élevé dans le respect du bien-être animal.') }}"
title="{{ __('Découvrez les engagements de la Filière Agricole Engagée pour le Bien-être Animal') }}"
/>
<img
class="d-sm-none img-fluid"
src="{{ Vite::asset('resources/assets/images/home/bea_mobile.png') }}"
alt="{{ __('Entreprise adhérente au collectif Filière Agricole Engagée pour le Bien-être Animal. Découvrez nos engagements pour un poulet origine France élevé dans le respect du bien-être animal.') }}"
title="{{ __('Découvrez les engagements de la Filière Agricole Engagée pour le Bien-être Animal') }}"
/>
</a>
<div class="container">
@include('fo.partials.commitments.paragraph-with-visual', [
'title' => $section_4->title->value,

19
resources/views/fo/pages/home.blade.php
View file

@ -161,9 +161,24 @@
$sectionData = $section->data;
$sectionPictos = $section->pictos;
@endphp
{{-- BEA --}}
<a href="https://bienetreanimal.fr/" target="_blank" rel="noopener noreferrer">
<img
class="d-none d-md-flex img-fluid"
src="{{ Vite::asset('resources/assets/images/home/bea_desktop.png') }}"
alt="{{ __('Entreprise adhérente au collectif Filière Agricole Engagée pour le Bien-être Animal. Découvrez nos engagements pour un poulet origine France élevé dans le respect du bien-être animal.') }}"
title="{{ __('Découvrez les engagements de la Filière Agricole Engagée pour le Bien-être Animal') }}"
/>
<img
class="d-md-none img-fluid mb-5"
src="{{ Vite::asset('resources/assets/images/home/bea_mobile.png') }}"
alt="{{ __('Entreprise adhérente au collectif Filière Agricole Engagée pour le Bien-être Animal. Découvrez nos engagements pour un poulet origine France élevé dans le respect du bien-être animal.') }}"
title="{{ __('Découvrez les engagements de la Filière Agricole Engagée pour le Bien-être Animal') }}"
/>
</a>
{{-- DEMARCHE --}}
@if ($demarcheSlideModels->isNotEmpty() && $section->visibility)
<section class="position-relative bg-light mt-2 overflow-hidden" id="demarche">
<section class="position-relative bg-light overflow-hidden mt-5 mt-lg-0" id="demarche">
<div class="line-border-medium position-absolute start-50 translate-middle-x h-100 w-100 top-0 pt-4">
<div class="bg-green-wood line-border-medium h-100 w-100" id="demarche-bg"></div>
</div>
@ -173,7 +188,7 @@
<div class="swiper-wrapper w-fit">
@foreach ($demarcheSlideModels as $demarcheSlideModel)
<div class="swiper-slide position-relative p-lg-5 pb-lg-0 h-auto overflow-hidden p-0">
<div class="slide-background line-border-medium position-absolute start-50 translate-middle-x w-100">
<div class="slide-background line-border-medium-bottom position-absolute start-50 translate-middle-x w-100">
<img src="{{ Vite::asset('resources/assets/images/home/bg-demarche-slider.jpg') }}"
title="{{ __('Image de fond du carrousel') }}" alt="{{ __('Paysage de champs') }}">
</div>