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

Merge branch 'issue-136' into 'le-gaulois-2024'

Browse source 
feat: ✨ add links and replace some images on 40 ans page

See merge request ldc-web/projets/le-gaulois!111
This commit is contained in:
noah.lancien 2024-09-17 12:04:47 +00:00
commit a0188cb85f
13 changed files with 47 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
resources/assets/images/page-des-40-ans/section2/Amis-famille-anniversaire-40-ans-Le Gaulois.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 37 KiB

BIN
resources/assets/images/page-des-40-ans/section2/Escalope-volaille-drapeau-français-Le Gaulois.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
resources/assets/images/page-des-40-ans/section2/Partage-blanc-dinde-table-famille.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.4 KiB

15
resources/sass/fo/pages/page-des-40-ans.scss
View file

@ -321,7 +321,7 @@
opacity: .2;
}
.photo-arc-de-triomphe {
.photo-anniversaire-amis {
&-container {
margin-top: 30px;
@ -382,7 +382,7 @@
&-div {
padding: 0.6rem;
.photo-arc-de-triomphe-content {
.photo-volaille-drapeau-content {
@include media-breakpoint-up(md) {
max-width: 604px;
max-height: 366px;
@ -394,9 +394,10 @@
}
}
.photo-famille {
.photo-volaille-drapeau {
&-container {
position: absolute;
z-index: 1;
top: -10%;
left: 1%;
max-width: 115px;
@ -449,7 +450,7 @@
}
.photo-volaille-drapeau {
.photo-arc-de-triomphe {
&-container {
position: absolute;
top: 39%;
@ -500,7 +501,7 @@
}
}
.photo-eleveur {
.photo-1909-originel {
&-container {
position: absolute;
top: -38%;
@ -519,7 +520,7 @@
}
}
.photo-1909-originel {
.photo-partage-blanc-de-dinde {
&-container {
position: absolute;
z-index: -1;
@ -1116,4 +1117,4 @@
}
}
}
}
}

2
resources/views/components/fo/page-des-40-ans/section2/cta.blade.php
View file

@ -1,4 +1,4 @@
<a class="w-100 d-flex justify-content-center py-5" href="#CHANGEME">
<a class="w-100 d-flex justify-content-center py-5" href="{{ route('fo.brand.story') }}">
<div class="position-relative w-fit pb-2">
<div class="position-absolute z-n1 w-100 h-100 d-flex justify-content-center start-0 top-0">
<div class="h-100 w-100 cta-blue"></div>

17
resources/views/components/fo/page-des-40-ans/section2/img-anniversaire-amis.blade.php Normal file
View file

@ -0,0 +1,17 @@
<div class="photo-anniversaire-amis-container">
<div
class="position-relative photo-anniversaire-amis-container photo-anniversaire-amis-container-rotate photo-anniversaire-amis-container-artifices p-1">
<div class="backdrop-shadow z-0">
</div>
<div class="bg-light line-border-small position-relative z-2 photo-anniversaire-amis-div">
<img class="line-border-small position-relative object-fit-fill object-fit-lg-cover h-100 w-100 photo-anniversaire-amis-content"
src="{{ Vite::asset('resources/assets/images/page-des-40-ans/section2/Amis-famille-anniversaire-40-ans-Le Gaulois.jpg') }}"
alt="{{ __('Photo d\'amis fêtant un anniversaire') }}">
</div>
<img class="object-fit-fill" id="drapeau-france"
src="{{ Vite::asset('resources/assets/images/page-des-40-ans/section2/drapeau.svg') }}" alt="{{ __('Photo drapeau France') }}">
</div>
<small class="text-primary f-catamaran credit-photo">Crédit photo -</small>
</div>

20
resources/views/components/fo/page-des-40-ans/section2/img-arc-de-triomphe.blade.php
View file

@ -1,17 +1,9 @@
<div class="photo-arc-de-triomphe-container">
<div
class="position-relative photo-arc-de-triomphe-container photo-arc-de-triomphe-container-rotate photo-arc-de-triomphe-container-artifices p-1">
<div class="backdrop-shadow z-0">
</div>
<div class="bg-light line-border-small position-relative z-2 photo-arc-de-triomphe-div">
<img class="line-border-small position-relative object-fit-fill object-fit-lg-cover h-100 w-100 photo-arc-de-triomphe-content"
src="{{ Vite::asset('resources/assets/images/page-des-40-ans/section2/arc-de-triomphe.jpg') }}"
alt="{{ __('Photo Le Gaulois Arc de triomphe') }}">
</div>
<img class="object-fit-fill" id="drapeau-france"
src="{{ Vite::asset('resources/assets/images/page-des-40-ans/section2/drapeau.svg') }}" alt="{{ __('Photo drapeau France') }}">
<div class="backdrop-shadow z-0">
</div>
<div class="bg-light line-border-small position-relative z-2 photo-arc-de-triomphe-div">
<img class="line-border-small position-relative object-fit-fill object-fit-lg-cover h-100 w-100"
src="{{ Vite::asset('resources/assets/images/page-des-40-ans/section2/arc-de-triomphe.jpg') }}"
alt="{{ __('Photo de l\'arc de triomphe') }}">
</div>
<small class="text-primary f-catamaran credit-photo">Crédit photo -</small>
</div>

6
resources/views/components/fo/page-des-40-ans/section2/img-volaille-drapeau.blade.php → resources/views/components/fo/page-des-40-ans/section2/img-escalope-volaille-drapeau.blade.php
View file

@ -1,9 +1,9 @@
<div class="photo-volaille-drapeau-container">
<div class="backdrop-shadow z-0">
</div>
<div class="bg-light line-border-small position-relative z-2 photo-volaille-drapeau-div">
<div class="line-border-small position-relative z-2 photo-volaille-drapeau-div">
<img class="line-border-small position-relative object-fit-fill object-fit-lg-cover h-100 w-100"
src="{{ Vite::asset('resources/assets/images/page-des-40-ans/section2/volaille-drapeau-france-sm.jpg') }}"
alt="{{ __('Photo volaille en escalope avec drapeau français') }}">
src="{{ Vite::asset('resources/assets/images/page-des-40-ans/section2/Escalope-volaille-drapeau-français-Le Gaulois.jpg') }}"
alt="{{ __('Photo d\'une escalope Le Gaulois') }}">
</div>
</div>

9
resources/views/components/fo/page-des-40-ans/section2/img-famille.blade.php
View file

@ -1,9 +0,0 @@
<div class="photo-famille-container">
<div class="backdrop-shadow z-0">
</div>
<div class="line-border-small position-relative z-2 photo-famille-div">
<img class="line-border-small position-relative object-fit-fill object-fit-lg-cover h-100 w-100"
src="{{ Vite::asset('resources/assets/images/page-des-40-ans/section2/2020.jpg') }}"
alt="{{ __('Photo Famille qui mange Le Gaulois') }}">
</div>
</div>

8
resources/views/components/fo/page-des-40-ans/section2/img-eleveur.blade.php → resources/views/components/fo/page-des-40-ans/section2/img-partage-blanc-de-dinde.blade.php
View file

@ -1,9 +1,9 @@
<div class="photo-eleveur-container">
<div class="photo-partage-blanc-de-dinde-container">
<div class="backdrop-shadow z-0">
</div>
<div class="bg-danger clip-path-smooth position-relative z-2 photo-eleveur-div">
<div class="bg-danger clip-path-smooth position-relative z-2 photo-partage-blanc-de-dinde-div">
<img class="clip-path-smooth position-relative object-fit-fill object-fit-lg-cover h-100 w-100"
src="{{ Vite::asset('resources/assets/images/page-des-40-ans/section2/placeholder-img-eleveur.png') }}"
alt="{{ __('Photo placeholder eleveur') }}">
src="{{ Vite::asset('resources/assets/images/page-des-40-ans/section2/Partage-blanc-dinde-table-famille.jpg') }}"
alt="{{ __('Photo placeholder d\'un grand père avec son petit fils qui partage son blanc de dinde') }}">
</div>
</div>

6
resources/views/components/fo/page-des-40-ans/section2/main-content.blade.php
View file

@ -2,10 +2,10 @@
<x-fo.page-des-40-ans.section2.heading />
<div class="position-relative w-100" id="images-anniversaire">
<x-fo.page-des-40-ans.section2.img-arc-de-triomphe />
<x-fo.page-des-40-ans.section2.img-famille />
<x-fo.page-des-40-ans.section2.img-volaille-drapeau />
<x-fo.page-des-40-ans.section2.img-escalope-volaille-drapeau />
<x-fo.page-des-40-ans.section2.img-anniversaire-amis />
<x-fo.page-des-40-ans.section2.picto-cadeaux-et-cotillons />
<x-fo.page-des-40-ans.section2.img-eleveur />
<x-fo.page-des-40-ans.section2.img-partage-blanc-de-dinde />
<x-fo.page-des-40-ans.section2.img-1909 />
</div>
<x-fo.page-des-40-ans.section2.cta />

3
resources/views/components/fo/page-des-40-ans/section3/comment-participer.blade.php
View file

@ -34,7 +34,8 @@
class="fw-semibold">Rendez-vous en
magasin !</span></p>
<button class="btn btn-primary w-100 w-md-fit">Je participe</button>
<a class="btn btn-primary w-100 w-md-fit" href="https://www.40ans-legaulois.fr/" target="_blank">Je
participe</a>
</div>
</div>
</div>

5
resources/views/components/fo/page-des-40-ans/section4/index.blade.php
View file

@ -57,8 +57,9 @@
</div>
<button class="button-gradient-yellow btn text-uppercase text-primary bg-gradient-yellow">Découvrez
notre boutique</button>
<a class="button-gradient-yellow btn text-uppercase text-primary bg-gradient-yellow"
href="https://www.boutiquelegaulois.fr" target="_blank">Découvrez
notre boutique</a>
<div class="image-cadeau-rouge align-self-center">
<img class="object-fit-contain h-100 w-100"