@extends('layouts.app')
@section('content')
-
- @php
- // TEMPORARY DATA MOCKUP
- $illustration = $home->getImageURLbyCollection($home->get('illustration'));
- $shortcuts = [
- [
- 'title' => 'Ressources',
- 'content' => "Consultez l'ensemble des documents au format PDF",
- 'image' => '/storage/104/groupe-209-at-2x.png',
- 'link' => '/ressources.html',
- ],
- [
- 'title' => 'Médiathèque',
- 'content' => 'Consultez les médias audio et vidéo',
- 'image' => '/storage/105/groupe-211-at-2x.png',
- 'link' => '/mediatheque.html',
- ],
- [
- 'title' => 'Visite guidée',
- 'content' => 'Laissez-vous guider dans une lecture thématique',
- 'image' => '/storage/106/groupe-221-at-2x.png',
- 'link' => '/tour.html',
- ],
- ];
- @endphp
-
<div x-data="{ ready: true }"
:class="{ 'opacity-0': !ready }" {{-- opacity-0 will be removed as soon as Alpine fires --}}
class="flex flex-col flex-1 -mx-22 -mt-22 opacity-0">
transform transition duration-300"
x-show="shown"
x-transition.opacity.scale.50.duration.1000ms.delay.100ms
- style="@if($illustration)background-image:url({{ $illustration }})@endif">
+ style="background-image:url({{ $home->getImageURLbyCollection($home->get('illustration')) }})">
</div>
</div>
</div>