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

Merge branch 'develop' into trunk

Browse source
This commit is contained in:
Noah Lancien 2025-07-08 12:16:52 +02:00
commit bc9a041cd4
11 changed files with 59 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
resources/assets/images/page-tdf/TDF-hero-bg.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 252 KiB

After

Width:  |  Height:  |  Size: 642 KiB

BIN
resources/assets/images/page-tdf/caravane/TDF2033-caravaniers.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 448 KiB

BIN
resources/assets/images/page-tdf/caravane/TDF2033-caravaniers.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 326 KiB

BIN
resources/assets/images/page-tdf/logo-gaulois-tdf.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 53 KiB

26
resources/sass/fo/pages/page-tdf.scss
View file

@ -13,8 +13,11 @@
}
.logo-tdf {
width: 250px;
transform: translateY(-50px);
@include media-breakpoint-up(md) {
width: 10%;
}
width: 50%;
img {
width: 100%;
@ -28,7 +31,8 @@
}
@include media-breakpoint-up(lg) {
padding: 150px;
padding: 25px;
padding-top: 75px;
}
.game-100-percent-image-wrapper {
@ -41,7 +45,7 @@
}
.images-100-percent {
height: 80px;
height: 100px;
}
#come-section {
@ -71,6 +75,7 @@
#come {
top: 80px;
padding: 35px;
border-radius: 20px;
}
@ -86,19 +91,24 @@
}
}
.increase-width{
width: 700px;
}
#le-gaulois-et-le-tour-de-france {
padding-top: 80px;
padding-top: 40px;
@include media-breakpoint-up(md) {
padding-top: 100px;
padding-top: 50px;
}
}
#au-coeur-de-la-caravane {
padding-top: 80px;
padding-top: 10px;
@include media-breakpoint-up(md) {
padding-top: 100px;
padding-top: 5px;
}
.anecdote-container {

4
resources/views/components/fo/page-tdf/au-coeur-de-la-caravane.blade.php
View file

@ -38,8 +38,8 @@
<h2 class="fw-bold text-uppercase mb-md-5 mb-0 text-center">Au cœur de la caravane Le Gaulois</h2>
<div class="position-relative line-border-large">
<div class="position-absolute left-100 w-100 d-none d-md-block start-0 z-0">
<img class="img-fluid w-100 h-auto" src="{{ Vite::asset('resources/assets/images/page-tdf/caravane/TDF2033-caravaniers.png') }}"
title="Equipe des caravaniers Le Gaulois" alt="Ensemble de l'équipe des caravaniers Le Gaulois devant l'Arc de Triomphe" />
<img class="img-fluid w-100 h-auto" src="{{ Vite::asset('resources/assets/images/page-tdf/caravane/TDF2033-caravaniers.jpg') }}"
title="Char de la caravane Le Gaulois" alt="Char 'La crousty mobile' qui traverse un village français pendant le Tour de France" />
</div>
<div class="position-relative z-1 anecdote-container container">

12
resources/views/components/fo/page-tdf/char-slider.blade.php
View file

@ -1,7 +1,7 @@
@php
$sliders = [
[
'img' => Vite::asset('resources/assets/images/page-tdf/chars-slider/Char-cocotte-multiproduits-Le-Gaulois.png'),
'img' => Vite::asset('resources/assets/images/page-tdf/chars-slider/Char-cocotte-roule-ma-poule-Le-Gaulois.png'),
'alt' =>
'"Char" La cocotte multiproduits" avec les packagings du filet de canard, du poulet à la mexicaine et des gésiers de volaille Le Gaulois',
'title_img' => '"Char" La cocotte multiproduits" Le Gaulois',
@ -52,7 +52,7 @@
"Prête à consommer chaud ou froid, la Cocotte rôtie profite du Tour de France pour renforcer son bronzage. Et oui, c'est ça le secret du poulet rôti Le Gaulois !",
],
[
'img' => Vite::asset('resources/assets/images/page-tdf/chars-slider/Char-cocotte-roule-ma-poule-Le-Gaulois.png'),
'img' => Vite::asset('resources/assets/images/page-tdf/chars-slider/Char-cocotte-multiproduits-Le-Gaulois.png'),
'alt' =>
'Char " La cocotte roule ma poule" avec les packagings du poulet fumé, des brochettes de dinde, du crousty chicken et de la belle escalope Le Gaulois',
'title_img' => 'Char " La cocotte roule ma poule" Le Gaulois',
@ -71,7 +71,7 @@
];
@endphp
<section class="position-relative bg-white-wood py-5">
<section class="position-relative bg-white-wood">
<div class="container-fluid">
<div class="row align-items-center justify-content-center">
<div class="col-md-5"></div>
@ -83,14 +83,14 @@
</div>
</div>
<div class="d-flex justify-content-center">
<div class="col-12 col-xxl-10 position-relative mb-5 overflow-hidden p-0">
<div class="col-12 col-xxl-10 position-relative overflow-hidden p-0">
<div class="swiper swiper-chars" id="swiper-chars">
<div class="swiper-wrapper w-fit">
@foreach ($sliders as $slide)
<div class="swiper-slide">
<div class="row align-items-center justify-content-center">
<div class="col-md-5 text-center">
<img class="img-fluid mb-3" src="{{ $slide['img'] }}" title="{{ $slide['title_img'] }}"
<div class="col-md-6 text-center">
<img class="img-fluid mb-3 increase-width" src="{{ $slide['img'] }}" title="{{ $slide['title_img'] }}"
alt="{{ $slide['alt'] }}">
</div>
<div class="col-md-4">

4
resources/views/components/fo/page-tdf/game.blade.php
View file

@ -17,7 +17,7 @@
<a class="btn btn-danger text-uppercase mb-4" href="https://www.legauloistourdefrance.fr" target="_blank">Je tente
ma chance
!</a>
<div class="row small text-center">
<div class="row text-center">
<div class="col-4">
<img class="images-100-percent mb-1"
src="{{ Vite::asset('resources/assets/images/page-tdf/TV-home-cinéma.png') }}"
@ -30,7 +30,7 @@
src="{{ Vite::asset('resources/assets/images/page-tdf/Casque-audios-oreilles-libres.png') }}"
title="40 Casques audios oreilles libres à gagner"
alt="Casques audios oreilles libres à gagner pendant le jeu TDF 100% gagnant Le Gaulois">
<div class="fw-bold text-uppercase">Casque audio oreilles libres</div>
<div class="fw-bold text-uppercase">casques audios oreilles libres</div>
</div>
<div class="col-4">
<img class="images-100-percent mb-1"

37
resources/views/components/fo/page-tdf/hero.blade.php
View file

@ -1,30 +1,32 @@
<section class="position-relative hero-bg">
<section class="position-relative hero-bg pt-5">
<div class="position-relative d-flex flex-column justify-content-center hero-section container pb-5 pt-5">
<div class="row justify-content-center">
<div class="row justify-content-center pt-5">
<div class="col-12 col-lg-10 rounded-3 position-relative line-border-medium bg-white p-5 shadow">
<span class="badge bg-warning fs-5 mb-2 p-2 text-white">TOUR DE FRANCE 2025</span>
<div class="text-muted small mb-2">Accueil / Le Gaulois Le sponsor du Tour de France</div>
<div class="d-flex justify-content-between align-items-center mb-1">
<div class="d-flex mb-1">
<h1 class="fw-bold text-uppercase fs-1">Le Gaulois en selle pour le tour de
France</h1>
<div class="d-flex align-items-center logo-tdf mt-md-0 mt-5 gap-2">
</div>
<div class="d-flex justify-content-around align-items-center mb-1">
<p class="w-md-75 mb-3 w-100">
Depuis 2015, Le Gaulois est fier d’être <strong>la volaille officielle du Tour de France</strong>. Un évènement
populaire marquant le début de la pause estivale qui s’adresse à tous les Français, un rendez-vous immanquable pour des
milliers de passionnés aux bords des routes ou devant leur télévision. <strong>La convivialité, le partage et la bonne
humeur</strong>
sont au rendez-vous et c’est ce <strong>bon vivre à la française</strong> que la caravane Le Gaulois véhicule en
sillonnant les routes de
France chaque année. Des milliers de cadeaux sont distribués pour ravir les petits comme les plus grands. La
participation à cet évènement est également l’occasion de réaffirmer auprès du public, <strong>l’engagement sur
l’origine 100%
française des volailles Le Gaulois !</strong>
</p>
<div class="d-flex align-items-center logo-tdf">
<img src="{{ Vite::asset('resources/assets/images/page-tdf/logo-gaulois-tdf.jpg') }}"
title="Logo volaille officielle de Le Gaulois et le Tour de France"
alt="Logo volaille officielle de Le Gaulois et le Tour de France">
</div>
</div>
<p class="w-md-75 mb-3">
Depuis 2015, Le Gaulois est fier d’être <strong>la volaille officielle du Tour de France</strong>. Un évènement
populaire marquant le début de la pause estivale qui s’adresse à tous les Français, un rendez-vous immanquable pour des
milliers de passionnés aux bords des routes ou devant leur télévision. <strong>La convivialité, le partage et la bonne
humeur</strong>
sont au rendez-vous et c’est ce <strong>bon vivre à la française</strong> que la caravane Le Gaulois véhicule en
sillonnant les routes de
France chaque année. Des milliers de cadeaux sont distribués pour ravir les petits comme les plus grands. La
participation à cet évènement est également l’occasion de réaffirmer auprès du public, <strong>l’engagement sur
l’origine 100%
française des volailles Le Gaulois !</strong>
</p>
<div class="d-flex justify-content-center flex-wrap gap-3">
<a class="btn btn-tertiary" href="#le-gaulois-et-le-tour-de-france">Le Gaulois et le Tour de France</a>
<a class="btn btn-tertiary" href="#au-coeur-de-la-caravane">Au cœur de la caravane le Gaulois</a>
@ -33,3 +35,6 @@
</div>
</div>
</section>
<div class="ms-md-5 mt-4 d-none d-md-block">
<small>Crédit photo - ASO Aurélien Vialatte</small>
</div>

2
resources/views/components/fo/page-tdf/ten-years.blade.php
View file

@ -3,7 +3,7 @@
<h2 class="fw-bold text-uppercase mb-5 text-center">Le Gaulois et le Tour de France</h2>
<div class="row align-items-center">
<div class="col-md-6">
<h3 class="fw-bold mb-4">Le Gaulois et le Tour : Plus de 10 années <span class="text-danger"> de complicité avec le
<h3 class="fw-bold mb-4">Plus de 10 années <span class="text-danger"> de complicité avec le
public</span>
</h3>
<p class="fs-5"><strong>Les chars « Cocottes » sont devenus emblématiques de la caravane du Tour de France.</strong>

11
resources/views/components/fo/page-tdf/testimonials.blade.php
View file

@ -15,6 +15,7 @@
'img_title' => 'Nicolas Joly caravanier Le Gaulois',
'advice' =>
'Etre à 200% du matin au soir, avoir le sourire en permanence et surtout ne pas avoir peur d’aller vers les autres !',
'credit' => 'Crédit photo - Etienne Coudret',
],
[
'name' => 'Mylène',
@ -29,6 +30,7 @@
'img_title' => 'Mylène Cornillet caravanière Le Gaulois',
'advice' =>
'Je dirais que si c’est vraiment une expérience que l’on a envie de vivre, il faut persévérer et ne pas s’arrêter au premier refus. Il faut aussi se démarquer des autres candidats qui sont souvent très nombreux avec un CV qui attire le regard ou une lettre de motivation qui sort du lot. Mais le plus important, c’est surtout d’être authentique et de montrer sa véritable personnalité !',
'credit' => 'Crédit photo - ASO Aurélien Vialatte',
],
[
'name' => 'Thierry',
@ -45,6 +47,7 @@
'img_title' => 'Thierry Gilles caravanier Le Gaulois',
'advice' =>
'Même si vous n\'y participez qu\'une seule fois, profitez de vivre ce moment exceptionnel tout en suivant attentivement les directives de l\'encadrement.',
'credit' => 'Crédit photo - Etienne Coudret',
],
[
'name' => 'Justine',
@ -58,7 +61,8 @@
),
'img_alt' => 'Photo de Justine entourée de l\'équipe des caravaniers Le Gaulois',
'img_title' => 'Justine Le Guillou caravanière Le Gaulois',
'advice' => 'D’être soi-même, profiter pleinement de son aventure, d’être dynamique et avoir l’esprit d’équipe ',
'advice' => 'D’être soi-même, profiter pleinement de son aventure, d’être dynamique et avoir l’esprit d’équipe.',
'credit' => 'Crédit photo - ASO Aurélien Vialatte',
],
];
@endphp
@ -85,6 +89,9 @@
<img class="img-fluid position-relative line-border-small w-100" src="{{ $slide['img_url'] }}"
title="{{ $slide['img_title'] }}" alt="{{ $slide['img_alt'] }}">
</div>
<div class="ms-md-5 mt-4">
<small>{{ $slide['credit'] }}</small>
</div>
</div>
<div class="col-md-7">
<div class="d-flex align-items-end gap-2">
@ -103,7 +110,7 @@
</div>
<p class="text-uppercase fs-5 fw-bold">{{ _('Son aventure Le Gaulois') }}</p>
<p>{{ $slide['adventure'] }}</p>
<p class="fs-5">{{ $slide['adventure'] }}</p>
</div>
</div>
<div class="rounded-3 position-relative line-border-large bg-white p-5">