From d4d98c0d7f236303fc749746863c5827f2db440f Mon Sep 17 00:00:00 2001
From: Arthur Belkhayat <arthur.belkhayat@beta.gouv.fr>
Date: Thu, 31 Aug 2023 13:23:21 +0200
Subject: [PATCH] fix: retour design page presentation

---
 src/assets/img/presentation/dora-logo.svg     | 15 ++------
 .../carousel/carousel.component.html          | 37 +++++++++++++++----
 .../pages/presentation/presentation.page.ts   |  2 +-
 3 files changed, 35 insertions(+), 19 deletions(-)

diff --git a/src/assets/img/presentation/dora-logo.svg b/src/assets/img/presentation/dora-logo.svg
index 93a27534..102f26fb 100644
--- a/src/assets/img/presentation/dora-logo.svg
+++ b/src/assets/img/presentation/dora-logo.svg
@@ -1,12 +1,5 @@
-<svg width="140" height="64" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clip-path="url(#a)">
-        <path d="M.3 5.1h15.4c8.4 0 13.1 3.9 13.1 10.8 0 7-4.7 10.8-13.1 10.8H.3V5.1Zm14.3 16.3c4.2 0 6.6-2 6.6-5.5s-2.4-5.5-6.6-5.5H8v11h6.6Zm90.9-16.3h9.2l10.6 21.7h-8.2l-1.7-3.8h-10.8l-1.7 3.8h-8.2l10.8-21.7Zm8.4 13.4L110 9.9l-3.9 8.6h7.8Zm-31.1 5.2-1.4-2.3c-.9-1.3-2.2-1.9-3.7-1.9h-4.6v7.2h-7.9V5h18.3c5.8 0 9.2 2.5 9.2 6.9 0 3.2-2.3 5.5-6.3 6.3.7.3 1.4.8 1.9 1.6l1.5 2.3c.4.5.9.9 1.8.9.5 0 1.2-.3 1.6-.7l1.3 3.2c-1.2 1-3.6 1.8-5.6 1.8-3.2.1-4.9-1.8-6.1-3.6Zm-1.7-8.6c2.3 0 3.6-1 3.6-2.7 0-1.7-1.3-2.7-3.6-2.7h-8v5.4h8Z" fill="#5B12EB"/>
-        <path d="M46.8 0C38 0 30.9 7.1 30.9 15.9 30.9 29 46.8 36 46.8 36s15.9-7 15.9-20.1C62.7 7.1 55.6 0 46.8 0Zm3.9 19.8c-2.1 2.1-5.6 2.1-7.7 0-2.1-2.1-2.1-5.6 0-7.7 2.1-2.1 5.6-2.1 7.7 0 2.1 2.1 2.1 5.5 0 7.7Z" fill="#9C6FF4"/>
-        <!-- <path d="M0 39.6h3.1c2.5 0 4.2 1.8 4.2 4 0 2.1-1.7 4-4.2 4H0v-8Zm1.1 1v6h2c1.8 0 3.1-1.3 3.1-3s-1.3-3-3.1-3h-2Zm10.4 7.2c-1.9 0-3.1-1.4-3.1-3.1 0-1.7 1.1-3.1 2.9-3.1 1.6 0 2.6 1.1 2.6 2.5 0 .2 0 .4-.1.6H9.4c0 1.4.9 2.2 2.1 2.2.7 0 1.4-.3 1.7-.9l.7.6c-.4.7-1.3 1.2-2.4 1.2Zm-2-3.8h3.4c0-.8-.6-1.5-1.6-1.5-1-.1-1.6.5-1.8 1.5Zm1.4-3.1L12 39h1.1l-1.3 1.9h-.9Zm8.8 5.1.8.6c-.5.7-1.4 1.2-2.4 1.2-1.9 0-3.1-1.4-3.1-3.1 0-1.7 1.2-3.1 3.1-3.1 1 0 1.9.5 2.4 1.2l-.8.6c-.4-.5-.9-.8-1.6-.8-1.2 0-2.1 1-2.1 2.2 0 1.2.9 2.2 2.1 2.2.7-.1 1.3-.5 1.6-1Zm7.6-1.3c0 1.7-1.3 3.1-3.1 3.1-1.9 0-3.1-1.4-3.1-3.1 0-1.7 1.2-3.1 3.1-3.1 1.8 0 3.1 1.4 3.1 3.1Zm-1 0c0-1.2-.9-2.2-2.1-2.2-1.2 0-2.1 1-2.1 2.2 0 1.2.9 2.2 2.1 2.2 1.2 0 2.1-1 2.1-2.2Zm6.5-2.9h1V45c0 1.7-1 2.7-2.5 2.7s-2.5-1-2.5-2.7v-3.2h1v3.3c0 1.1.6 1.8 1.6 1.8s1.6-.6 1.6-1.8v-3.3h-.2Zm3.1 0 1.8 4.7 1.8-4.7h1l-2.2 5.7H37l-2.2-5.7h1.1Zm5.9 0h1v.7c.4-.5.9-.8 1.7-.8.2 0 .4 0 .5.1v.9c-.2 0-.3-.1-.6-.1-.7 0-1.2.4-1.6 1v3.9h-1v-5.7Zm4.3-2.1c0-.4.3-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7-.4-.1-.7-.4-.7-.7Zm.2 2.1h1v5.7h-1v-5.7Zm3 0h1v.7c.4-.5.9-.8 1.7-.8.2 0 .4 0 .5.1v.9c-.2 0-.3-.1-.6-.1-.7 0-1.2.4-1.6 1v3.9h-1v-5.7Zm2.9 7.6 1-3h1.1l-1.2 3h-.9Zm14.5-5.8c0 2.3-1.7 4.2-4.2 4.2s-4.2-1.9-4.2-4.2c0-2.3 1.7-4.2 4.2-4.2s4.2 1.9 4.2 4.2Zm-1.1 0c0-1.8-1.3-3.2-3.1-3.2s-3.1 1.4-3.1 3.2c0 1.8 1.3 3.2 3.1 3.2s3.1-1.5 3.1-3.2Zm2.7-1.8h1v.7c.4-.5.9-.8 1.7-.8.2 0 .4 0 .5.1v.9c-.2 0-.3-.1-.6-.1-.7 0-1.2.4-1.6 1v3.9h-1v-5.7Zm4.3-2.1c0-.4.3-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7-.4-.1-.7-.4-.7-.7Zm.2 2.1h1v5.7h-1v-5.7Zm5.7 6c-1.9 0-3.1-1.4-3.1-3.1 0-1.7 1.1-3.1 2.9-3.1 1.6 0 2.6 1.1 2.6 2.5 0 .2 0 .4-.1.6h-4.4c0 1.4.9 2.2 2.1 2.2.7 0 1.4-.3 1.7-.9l.7.6c-.5.7-1.4 1.2-2.4 1.2ZM76.4 44h3.4c0-.8-.6-1.5-1.6-1.5-.9-.1-1.6.5-1.8 1.5Zm6-2.2h1v.6c.5-.5 1.1-.9 1.9-.9 1.3 0 2.2.9 2.2 2.5v3.5h-1v-3.4c0-1-.6-1.6-1.5-1.6-.8 0-1.3.5-1.7 1.1v4h-1v-5.8h.1Zm7.4.9h-1.1v-.9h1.1v-1.4h1v1.4h2v.9h-2v2.9c0 .9.5 1.1 1.1 1.1.4 0 .6 0 .8-.1v.9c-.3.1-.6.2-1 .2-1.3 0-2-.6-2-2v-3h.1Zm7 5.1c-1.9 0-3.1-1.4-3.1-3.1 0-1.7 1.1-3.1 2.9-3.1 1.6 0 2.6 1.1 2.6 2.5 0 .2 0 .4-.1.6h-4.4c0 1.4.9 2.2 2.1 2.2.7 0 1.4-.3 1.7-.9l.7.6c-.5.7-1.4 1.2-2.4 1.2ZM94.7 44h3.4c0-.8-.6-1.5-1.6-1.5-.9-.1-1.6.5-1.8 1.5Zm6-2.2h1v.7c.4-.5.9-.8 1.7-.8.2 0 .4 0 .5.1v.9c-.2 0-.3-.1-.6-.1-.7 0-1.2.4-1.6 1v3.9h-1v-5.7Zm2.9 7.6 1-3h1.1l-1.2 3h-.9ZM0 53.2h2.1c1.6 0 2.6.9 2.6 2.2 0 1-.5 1.7-1.3 2L6 61.1H4.7l-2.3-3.5H1.1v3.5H0v-7.9Zm1.1.9v2.6h1.1c.9 0 1.4-.5 1.4-1.3s-.5-1.3-1.4-1.3H1.1Zm8.5 7.3c-1.9 0-3.1-1.4-3.1-3.1 0-1.7 1.1-3.1 2.9-3.1 1.6 0 2.6 1.1 2.6 2.5 0 .2 0 .4-.1.6H7.5c0 1.4.9 2.2 2.1 2.2.7 0 1.4-.3 1.7-.9l.7.6c-.5.7-1.3 1.2-2.4 1.2Zm-2.1-3.8H11c0-.8-.6-1.5-1.6-1.5-1-.1-1.7.5-1.9 1.5Zm6.1-2.2h1v.6c.5-.5 1.1-.9 1.9-.9 1.3 0 2.2.9 2.2 2.5v3.5h-1v-3.4c0-1-.6-1.6-1.5-1.6-.8 0-1.3.5-1.7 1.1v4h-1v-5.8h.1Zm7.1 4.4c.4.5.9.8 1.5.8s1-.4 1-.9c0-1.3-2.9-.8-2.9-2.8 0-.9.8-1.6 1.9-1.6.8 0 1.5.4 1.9.9l-.7.6c-.3-.4-.7-.7-1.2-.7-.6 0-.9.4-.9.8 0 1.3 2.9.9 2.9 2.8 0 1.1-.9 1.7-1.9 1.7-.9 0-1.6-.4-2.1-1l.5-.6Zm7.5 1.6c-1.9 0-3.1-1.4-3.1-3.1 0-1.7 1.1-3.1 2.9-3.1 1.6 0 2.6 1.1 2.6 2.5 0 .2 0 .4-.1.6h-4.4c0 1.4.9 2.2 2.1 2.2.7 0 1.4-.3 1.7-.9l.7.6c-.5.7-1.3 1.2-2.4 1.2Zm-2.1-3.8h3.4c0-.8-.6-1.5-1.6-1.5-.9-.1-1.6.5-1.8 1.5Zm5.9-4.3c0-.4.3-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7-.4 0-.7-.4-.7-.7Zm.1 2.1h1v5.7h-1v-5.7Zm3.2 5.4c-.3-.2-.4-.5-.4-.8 0-.5.2-.8.7-1.1-.5-.4-.8-1-.8-1.6 0-1.1.9-2 2.2-2 .4 0 .8.1 1.1.2h2.1v.8H39c.2.3.2.6.2 1 0 1.1-.9 2-2.2 2-.3 0-.6 0-.8-.1-.2.2-.4.4-.4.6 0 .2.1.4.5.4H38c1.5 0 2.2.7 2.2 1.8 0 1.2-1.2 2.1-2.9 2.1s-2.8-.7-2.8-1.8c0-.7.3-1.1.8-1.5Zm2 2.4c1.2 0 2-.5 2-1.2 0-.5-.3-1-1.3-1h-1.9c-.4.3-.6.6-.6 1.1-.1.7.7 1.1 1.8 1.1Zm1.1-6c0-.7-.5-1.3-1.3-1.3-.9 0-1.3.6-1.3 1.3 0 .7.5 1.3 1.3 1.3s1.3-.6 1.3-1.3Zm3.1-1.8h1v.6c.5-.5 1.1-.9 1.9-.9 1.3 0 2.2.9 2.2 2.5v3.5h-1v-3.4c0-1-.6-1.6-1.5-1.6-.8 0-1.3.5-1.7 1.1v4h-1v-5.8h.1Zm9.6 6c-1.9 0-3.1-1.4-3.1-3.1 0-1.7 1.1-3.1 2.9-3.1 1.6 0 2.6 1.1 2.6 2.5 0 .2 0 .4-.1.6H49c0 1.4.9 2.2 2.1 2.2.7 0 1.4-.3 1.7-.9l.7.6c-.4.7-1.3 1.2-2.4 1.2Zm-2-3.8h3.4c0-.8-.6-1.5-1.6-1.5-1-.1-1.6.5-1.8 1.5Zm6-2.2h1v.7c.4-.5.9-.8 1.7-.8.2 0 .4 0 .5.1v.9c-.2 0-.3-.1-.6-.1-.7 0-1.2.4-1.6 1v3.9h-1v-5.7ZM58 63l1-3h1l-1.2 3H58Zm9.1-9.8h1.4l3.2 7.9h-1.1l-.9-2.3H66l-1 2.4h-1.1l3.2-8Zm2.1 4.7-1.5-3.8-1.5 3.8h3Zm8 1.7.8.6c-.5.7-1.4 1.2-2.4 1.2-1.9 0-3.1-1.4-3.1-3.1 0-1.7 1.2-3.1 3.1-3.1 1 0 1.9.5 2.4 1.2l-.8.6c-.4-.5-.9-.8-1.6-.8-1.2 0-2.1 1-2.1 2.2 0 1.2.9 2.2 2.1 2.2.7-.1 1.3-.5 1.6-1Zm6.1 0 .8.6c-.5.7-1.4 1.2-2.4 1.2-1.9 0-3.1-1.4-3.1-3.1 0-1.7 1.2-3.1 3.1-3.1 1 0 1.9.5 2.4 1.2l-.8.6c-.4-.5-.9-.8-1.6-.8-1.2 0-2.1 1-2.1 2.2 0 1.2.9 2.2 2.1 2.2.7-.1 1.3-.5 1.6-1Zm7.6-1.3c0 1.7-1.3 3.1-3.1 3.1-1.9 0-3.1-1.4-3.1-3.1 0-1.7 1.2-3.1 3.1-3.1 1.8 0 3.1 1.4 3.1 3.1Zm-1 0c0-1.2-.9-2.2-2.1-2.2-1.2 0-2.1 1-2.1 2.2 0 1.2.9 2.2 2.1 2.2 1.2 0 2.1-1 2.1-2.2Zm2.6-2.9h1v.6c.4-.5 1-.9 1.8-.9s1.5.4 1.9 1.1c.5-.6 1.1-1.1 2-1.1 1.2 0 2.1.8 2.1 2.4v3.6h-1v-3.5c0-1-.5-1.5-1.4-1.5-.7 0-1.2.4-1.6 1.1v4h-1v-3.5c0-1-.5-1.5-1.4-1.5-.8 0-1.3.5-1.6 1.1v4h-1v-5.9h.2Zm10.7 0h1v.7c.5-.6 1.2-.9 2-.9 1.8 0 2.9 1.4 2.9 3.1 0 1.7-1.1 3.1-2.9 3.1-.9 0-1.5-.3-2-.9V64h-1v-8.6Zm.9 1.8v2.2c.4.7 1.1 1.1 1.9 1.1 1.2 0 2-1 2-2.2 0-1.2-.8-2.2-2-2.2-.7 0-1.4.4-1.9 1.1Zm6.1 2.5c0-.9.7-1.5 1.9-1.7l1.9-.3v-.4c0-.8-.6-1.2-1.4-1.2-.7 0-1.2.3-1.5.8l-.7-.6c.5-.7 1.3-1.1 2.3-1.1 1.5 0 2.3.9 2.3 2.1v3.8h-1v-.7c-.4.6-1.2.9-1.9.9-1.1 0-1.9-.6-1.9-1.6Zm2.1.8c.8 0 1.4-.4 1.8-1v-1.1l-1.7.3c-.8.1-1.1.5-1.1 1-.1.5.3.8 1 .8Zm4.8.3c-.3-.2-.4-.5-.4-.8 0-.5.2-.8.7-1.1-.5-.4-.8-1-.8-1.6 0-1.1.9-2 2.2-2 .4 0 .8.1 1.1.2h2.1v.8h-1.2c.2.3.2.6.2 1 0 1.1-.9 2-2.2 2-.3 0-.6 0-.8-.1-.2.2-.4.4-.4.6 0 .2.1.4.5.4h1.6c1.5 0 2.2.7 2.2 1.8 0 1.2-1.2 2.1-2.9 2.1s-2.8-.7-2.8-1.8c.1-.7.4-1.1.9-1.5Zm2 2.4c1.2 0 2-.5 2-1.2 0-.5-.3-1-1.3-1h-1.9c-.4.3-.6.6-.6 1.1-.1.7.6 1.1 1.8 1.1Zm1.1-6c0-.7-.5-1.3-1.3-1.3-.9 0-1.3.6-1.3 1.3 0 .7.5 1.3 1.3 1.3s1.3-.6 1.3-1.3Zm3-1.8h1v.6c.5-.5 1.1-.9 1.9-.9 1.3 0 2.2.9 2.2 2.5v3.5h-1v-3.4c0-1-.6-1.6-1.5-1.6-.8 0-1.3.5-1.7 1.1v4h-1v-5.8h.1Zm9.7 6c-1.9 0-3.1-1.4-3.1-3.1 0-1.7 1.1-3.1 2.9-3.1 1.6 0 2.6 1.1 2.6 2.5 0 .2 0 .4-.1.6h-4.4c0 1.4.9 2.2 2.1 2.2.7 0 1.4-.3 1.7-.9l.7.6c-.5.7-1.3 1.2-2.4 1.2Zm-2-3.8h3.4c0-.8-.6-1.5-1.6-1.5-1-.1-1.6.5-1.8 1.5Zm6-2.2h1v.7c.4-.5.9-.8 1.7-.8.2 0 .4 0 .5.1v.9c-.2 0-.3-.1-.6-.1-.7 0-1.2.4-1.6 1v3.9h-1v-5.7Z" fill="#555"/> -->
-    </g>
-    <defs>
-        <clipPath id="a">
-            <path fill="#fff" d="M0 0h140v64H0z"/>
-        </clipPath>
-    </defs>
+<svg width="100" height="124" viewBox="0 0 100 124" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="24" width="100" height="100" rx="50" fill="white"/>
+<path d="M10.0695 65.7583H19.9083C25.275 65.7583 28.2778 68.25 28.2778 72.6583C28.2778 77.1306 25.275 79.5583 19.9083 79.5583H10.0695V65.7583ZM19.2056 76.1722C21.8889 76.1722 23.4222 74.8945 23.4222 72.6583C23.4222 70.4222 21.8889 69.1445 19.2056 69.1445H14.9889V76.1722H19.2056ZM77.2806 65.7583H83.1583L89.9306 79.6222H84.6917L83.6056 77.1945H76.7056L75.6195 79.6222H70.3806L77.2806 65.7583ZM82.6472 74.3195L80.1556 68.825L77.6639 74.3195H82.6472ZM62.7778 77.6417L61.8833 76.1722C61.3083 75.3417 60.4778 74.9583 59.5195 74.9583H56.5806V79.5583H51.5333V65.6945H63.225C66.9306 65.6945 69.1028 67.2917 69.1028 70.1028C69.1028 72.1472 67.6333 73.6167 65.0778 74.1278C65.525 74.3195 65.9722 74.6389 66.2917 75.15L67.25 76.6195C67.5056 76.9389 67.825 77.1945 68.4 77.1945C68.7195 77.1945 69.1667 77.0028 69.4222 76.7472L70.2528 78.7917C69.4861 79.4306 67.9528 79.9417 66.675 79.9417C64.6306 80.0056 63.5445 78.7917 62.7778 77.6417ZM61.6917 72.1472C63.1611 72.1472 63.9917 71.5083 63.9917 70.4222C63.9917 69.3361 63.1611 68.6972 61.6917 68.6972H56.5806V72.1472H61.6917Z" fill="#5B12EB"/>
+<path d="M39.7778 62.5C34.1556 62.5 29.6194 67.0361 29.6194 72.6583C29.6194 81.0278 39.7778 85.5 39.7778 85.5C39.7778 85.5 49.9361 81.0278 49.9361 72.6583C49.9361 67.0361 45.4 62.5 39.7778 62.5ZM42.2694 75.15C40.9278 76.4917 38.6917 76.4917 37.35 75.15C36.0083 73.8083 36.0083 71.5722 37.35 70.2306C38.6917 68.8889 40.9278 68.8889 42.2694 70.2306C43.6111 71.5722 43.6111 73.7444 42.2694 75.15Z" fill="#9C6FF4"/>
 </svg>
diff --git a/src/features/presentation/components/carousel/carousel.component.html b/src/features/presentation/components/carousel/carousel.component.html
index 1efc025e..6e4db67b 100644
--- a/src/features/presentation/components/carousel/carousel.component.html
+++ b/src/features/presentation/components/carousel/carousel.component.html
@@ -30,9 +30,13 @@ <h3 class="h5 text-secondary fw-bold">{{ slides.titre }}</h3>
             <p class="text-secondary">
               {{ slides.text }}
             </p>
-            <a *ngIf="slides.titre === 'La mise à jour'" href="https://dora.fabrique.social.gouv.fr" target="_blank">
+            <a
+              *ngIf="slides.titre === 'La mise à jour'"
+              href="https://dora.fabrique.social.gouv.fr"
+              target="_blank"
+              rel="noopener noreferrer">
               <span class="visually-hidden">Accéder à DORA</span>
-              <img class="my-3" width="auto" height="auto" src="/assets/img/presentation/dora-logo.svg" alt="" />
+              <img class="my-3" height="100px" src="/assets/img/presentation/dora-logo.svg" alt="" />
             </a>
           </div>
           <div class="col-md-6 my-auto" *ngIf="slides.titre === 'Standardisation'">
@@ -40,17 +44,36 @@ <h5 class="text-secondary fw-bold">{{ slides.titre }}</h5>
             <p class="text-secondary">
               Nous référençons les lieux d'inclusion numérique qui ont renseigné leurs données au format du
               <a
-                class="text-decoration-none"
                 href="https://lamednum.coop/schema-de-donnees-des-lieux-de-mediation-numerique-2/"
-                target="_blank">
+                style="color: white; font-weight: bold; text-decoration: underline"
+                target="_blank"
+                rel="noopener noreferrer">
                 standard de données des lieux d'inclusion numérique
               </a>
               établi par la
-              <a class="text-decoration-none" href="https://lamednum.coop/" target="_blank">Mednum</a>
+              <a
+                href="https://lamednum.coop/"
+                style="color: white; font-weight: bold; text-decoration: underline"
+                target="_blank"
+                rel="noopener noreferrer">
+                Mednum
+              </a>
               ,
-              <a class="text-decoration-none" href="https://datactivist.coop/fr/" target="_blank">Datactivist</a>
+              <a
+                href="https://datactivist.coop/fr/"
+                style="color: white; font-weight: bold; text-decoration: underline"
+                target="_blank"
+                rel="noopener noreferrer">
+                Datactivist
+              </a>
               et
-              <a class="text-decoration-none" href="https://agence-cohesion-territoires.gouv.fr/" target="_blank">l'ANCT</a>
+              <a
+                href="https://agence-cohesion-territoires.gouv.fr/"
+                style="color: white; font-weight: bold; text-decoration: underline"
+                target="_blank"
+                rel="noopener noreferrer">
+                l'ANCT
+              </a>
               .
             </p>
           </div>
diff --git a/src/features/presentation/pages/presentation/presentation.page.ts b/src/features/presentation/pages/presentation/presentation.page.ts
index d368b4fb..c65acab4 100644
--- a/src/features/presentation/pages/presentation/presentation.page.ts
+++ b/src/features/presentation/pages/presentation/presentation.page.ts
@@ -46,5 +46,5 @@ export class PresentationPage {
     this._currentSlide$.next(this._currentSlide$.value + 1 > 3 ? 0 : this._currentSlide$.value + 1);
   };
 
-  public slidesBackground: string[] = ['bg-orientation', 'bg-visibilite', 'bg-centralisation', 'bg-actualisation'];
+  public slidesBackground: string[] = ['bg-orientation', 'bg-centralisation', 'bg-actualisation', 'bg-visibilite'];
 }