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

Ranges title in homepage are now with different colors

Browse source
This commit is contained in:
Noah Lancien 2023-12-21 15:51:00 +01:00
parent 256a8b5542
commit 5854fc274b
1 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -121,13 +121,21 @@
<div class="swiper swiper-ranges bg-agis-white mt-4 overflow-hidden py-4" id="swiper-ranges">
<div class="swiper-wrapper">
@foreach ($rangeModels as $key => $rangeModel)
@php
$colorSelector = $key % 3;
@endphp
<div class="swiper-slide">
<a href="{{ route('fo.ranges.show', $rangeModel->slug) }}">
<div
class="swiper-slide-content d-flex flex-column flex-xl-row justify-content-center justify-content-xl-end align-items-center m-xl-0 mx-auto">
<div
class="swiper-slide-content-details bg-agis-white @if (!$loop->first) swiper-slide-content-translate @endif position-relative z-1">
<p class="text-primary fs-5 f-readex-pro p-xl-2 p-xxl-4 text-xl-start m-0 mb-3 text-center">
<p @class([
'fs-5 f-readex-pro p-xl-2 p-xxl-4 text-xl-start m-0 mb-3 text-center',
'text-primary' => $colorSelector === 0,
'text-quad' => $colorSelector === 1,
'text-quint' => $colorSelector === 2,
])>
{{ Str::of($rangeModel->title)->limit(30) }}
</p>
</div>