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

wip page on embauche

Browse source
This commit is contained in:
Nicolas Demangeat 2024-03-13 15:36:11 +01:00
parent 6eb04d2b6e
commit 84582bb756
4 changed files with 41 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
resources/assets/images/infographie.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 140 KiB

2
resources/sass/fo/pages/_hirepage.scss
View file

@ -84,7 +84,7 @@
.swiper-button-next-custom {
top: calc(50% + 19px);
right: 1rem;
right: 11.5rem;
}
.swiper-button-prev-custom, .swiper-button-next-custom {

32
resources/ts/fo/base/common.ts
View file

@ -112,7 +112,7 @@ document.addEventListener("DOMContentLoaded", function () {
"swiper-we-hire": {
modules: [Navigation, Keyboard],
grabCursor: true,
slidesPerView: "auto",
slidesPerView: 1.2,
centeredSlides: true,
spaceBetween: 30,
navigation: {
@ -122,11 +122,25 @@ document.addEventListener("DOMContentLoaded", function () {
keyboard: {
enabled: true,
},
breakpoints: {
576: {
slidesPerView: 1.1,
spaceBetween: 0,
},
768: {
slidesPerView: 1.5,
spaceBetween: 0,
},
1200: {
slidesPerView: 1.3,
spaceBetween: 0,
},
},
},
"swiper-we-hire-testimonials": {
modules: [Navigation, Keyboard],
grabCursor: true,
slidesPerView: "auto",
slidesPerView: 1.2,
centeredSlides: true,
spaceBetween: 30,
navigation: {
@ -136,6 +150,20 @@ document.addEventListener("DOMContentLoaded", function () {
keyboard: {
enabled: true,
},
breakpoints: {
576: {
slidesPerView: 1.1,
spaceBetween: 0,
},
768: {
slidesPerView: 1.5,
spaceBetween: 0,
},
1200: {
slidesPerView: 1.3,
spaceBetween: 0,
},
},
},
"swiper-year": {
modules: [Keyboard],

22
resources/views/fo/pages/hire.blade.php
View file

@ -75,12 +75,12 @@
</div>
</div>
{{-- FIXME: fléche de navigation a refactoriser une fois le bloc vidéo fait --}}
<div class="swiper-button swiper-button-prev-custom video-prev d-none d-lg-block mx-3">
<div class="swiper-button swiper-button-prev swiper-button-prev-custom video-prev d-none d-lg-block mx-3">
<img src="{{ Vite::asset('resources/assets/images/misc/blue-arrow.svg') }}"
title="{{ __('Navigation du slider (gauche)') }}" alt="{{ __('flèche vers la gauche') }}" role="button"
tabindex="0">
</div>
<div class="swiper-button swiper-button-next-custom video-next d-none d-lg-block mx-3">
<div class="swiper-button swiper-button-next swiper-button-next-custom video-next d-none d-lg-block mx-3">
<img src="{{ Vite::asset('resources/assets/images/misc/blue-arrow.svg') }}"
title="{{ __('Navigation du slider (droite)') }}" alt="{{ __('flèche vers la droite') }}" role="button"
tabindex="0">
@ -112,9 +112,9 @@
<h2 class="text-primary fw-bold">
{{ $formationSection->h2_title }}
</h2>
@if ($compagnyLifeSection->text)
@if ($formationSection->text)
<div class="ck-content mb-5">
{!! clean($compagnyLifeSection->text) !!}
{!! clean($formationSection->text) !!}
</div>
@endif
<div class="d-flex justify-content-center mt-4 mb-1">
@ -196,7 +196,7 @@
{{-- FIXME: Tout ce qui suit a été défini comme optionnel donc non présent en BO --}}
{{-- On doit avoir un text riche (optionnel) et une photo associé a ce texte (défini comme optionnelle aussi en bo donc non présente) --}}
<div class="row ">
<div class="col-lg-4 col-12 my-3">
<div class="col-lg-4 col-12 my-3 align-self-start">
<div class="card bg-quad-light text-center">
<img src="{{ $paritySection->data['bloc_image']['value'] }}" class="card-img-top p-2 rounded-top-4" alt="{{ $paritySection->data['bloc_image']['alt'] }}">
<div class="card-body">
@ -209,15 +209,13 @@
</div>
@endif
</div>
<div class="col-lg-4 col-12 my-3">
<div class="card bg-sixt-light text-center">
<img src="{{ $paritySection->data['bloc_image']['value'] }}" class="card-img-top p-2 rounded-top-4" alt="{{ $paritySection->data['bloc_image']['alt'] }}">
<div class="card-body">
<p class="card-text">{{ $paritySection->data['bloc_image']['title'] }}</p>
</div>
<div class="col-lg-4 col-12 my-3 align-self-center">
<div class="text-center">
{{-- FIXME: src de l'img a changer, devrait être administrable --}}
<img src="{{ Vite::asset('resources/assets/images/infographie.png') }}" class="card-img-top p-2" alt="{{ $paritySection->data['bloc_image']['alt'] }}">
</div>
</div>
<div class="col-lg-4 col-12 my-3">
<div class="col-lg-4 col-12 my-3 align-self-end">
<div class="card bg-tertiary-light text-center">
<img src="{{ $paritySection->data['bloc_image']['value'] }}" class="card-img-top p-2 rounded-top-4" alt="{{ $paritySection->data['bloc_image']['alt'] }}">
<div class="card-body">