|
|
@ -10,10 +10,10 @@ import Layout from '@/Layouts/Layout.vue'; |
|
|
|
<template #content> |
|
|
|
<template #content> |
|
|
|
<div class=" text-gray-900"> |
|
|
|
<div class=" text-gray-900"> |
|
|
|
|
|
|
|
|
|
|
|
<div class="relative w-full max-h-[calc(100vh+20rem)] flex items-center overflow-hidden"> |
|
|
|
<div class="relative w-full max-h-[calc(100vh+1rem)] flex items-center overflow-hidden"> |
|
|
|
<img src="/img/sarasin.png" class="h-full laptop:pb-96 object-cover" alt="Image de présentation du groupe scout" /> |
|
|
|
<img src="/img/sarasin.png" class="h-full laptop:pb-96 object-cover" alt="Image de présentation du groupe scout" /> |
|
|
|
<!-- Gradient doux : du transparent en haut vers un noir très léger en bas --> |
|
|
|
<!-- Gradient doux : du transparent en haut vers un noir très léger en bas --> |
|
|
|
<div class="absolute top-0 bottom-0 right-0 left-0 inset-0 flex items-center justify-center bg-gradient-to-b from-transparent via-gray-200 via-[70%] to-gray-200"> |
|
|
|
<div class="absolute top-0 bottom-0 right-0 left-0 inset-0 flex items-center justify-center bg-gradient-to-b from-transparent via-gray-200 via-[90%] to-gray-200"> |
|
|
|
<h1 class="text-center text-white laptop:text-[260px] text-7xl laptop:leading-[180px] font-extrabold drop-shadow-lg transition duration-500 hover:scale-105"> |
|
|
|
<h1 class="text-center text-white laptop:text-[260px] text-7xl laptop:leading-[180px] font-extrabold drop-shadow-lg transition duration-500 hover:scale-105"> |
|
|
|
Scout Baslac |
|
|
|
Scout Baslac |
|
|
|
</h1> |
|
|
|
</h1> |
|
|
|