diff --git a/src/routes/accueil/+page.svelte b/src/routes/accueil/+page.svelte index bd99b2d5fd21ab1b84956bbd6a2c21b6ae86f4c2..2658149dbd737c81f3d0e3f5bb3dafa555566c2e 100644 --- a/src/routes/accueil/+page.svelte +++ b/src/routes/accueil/+page.svelte @@ -712,6 +712,7 @@ </div> <a href="https://dai.ly/k7pPDs4uaxsCxbBehSc?start=108" + target="_blank" class="font-sans inline-flex items-center gap-2 lx-link-uppercase mt-6" ><iconify-icon class="text-2xl" icon="twemoji:film-frames" />La feuille de paie expliquée en vidéo<iconify-icon @@ -785,10 +786,31 @@ constitue. </p> </div> + <div class="flex gap-4 justify-center lg:justify-start mt-10"> + <button + class="mt-5 font-sans flex items-center gap-2 py-2 px-5 shadow-lg bg-le-bleu hover:bg-blue-800 active:bg-blue-900 rounded-md text-white text-sm font-bold tracking-[0.085em] uppercase" + on:click={() => (testCaseSelectModalOpen = true)} + > + Utiliser le graphique "cas types"<iconify-icon + class="ml-2 align-[-0.4rem] text-2xl" + icon="ri-arrow-right-line" + /> + </button> + </div> + <a + href="https://dai.ly/x954yfm?start=20" + target="_blank" + class="text-base font-sans inline-flex items-center gap-2 lx-link-uppercase mt-6" + ><iconify-icon class="text-2xl" icon="twemoji:film-frames" />Le + graphique expliqué en vidéo<iconify-icon + class="text-xl" + icon="ri-external-link-line" + /></a + > </div> <div class="col-span-4 grid grid-cols-3 gap-12 bg-[#D7E2F4]"> - <div + <!-- <div class="col-span-3 justify-self-center max-w-prose flex flex-col justify-center" > <h3 class=" text-2xl font-light text-center relative z-10"> @@ -852,18 +874,7 @@ « Voir ce cas type sur un graphique faisant évoluer son revenu principal ». </p> - </div> - <div class="flex justify-center col-span-3"> - <button - class="mt-5 font-sans flex items-center gap-2 py-2 px-5 shadow-lg bg-le-bleu hover:bg-blue-800 active:bg-blue-900 rounded-md text-white text-sm font-bold tracking-[0.085em] uppercase" - on:click={() => (testCaseSelectModalOpen = true)} - > - Utiliser les graphiques<iconify-icon - class="ml-2 align-[-0.4rem] text-2xl" - icon="ri-arrow-right-line" - /> - </button> - </div> + </div> --> </div> </section> <section