style: 💄 replace logo

frontend/index.html

@@ -8,7 +8,7 @@
     <title>Basegun</title>
     <meta name="description" content="Basegun">
     <link rel="alternate icon" href="/favicon.ico" type="image/png" sizes="16x16">
-    <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
     <link rel="mask-icon" href="/pwa-512x512.png" color="#FFFFFF">
     <meta name="theme-color" content="var(--blue-france-sun-113-625)">
     <script defer data-domain="basegun.interieur.gouv.fr" src="https://plausible.io/js/script.js"></script>

frontend/src/components/OnboardingSwiper.vue

@@ -7,6 +7,7 @@
       <img
         src="@/assets/basegun_green.png"
         alt=""
+        height="250"
         class="swiper-logo"
         data-testid="basegun-logo"
       >
@@ -38,8 +39,9 @@
     </swiper-slide>
     <swiper-slide>
       <img
-        src="@/assets/basegun_red.png"
+        src="@/assets/basegun.png"
         alt=""
+        height="250"
         class="swiper-logo"
       >
       <div class="swiper-content">

frontend/src/views/StartPage.vue

@@ -7,12 +7,11 @@ const resultStore = useResultStore()
 <template>
   <div class="text-center relative top-1/8">
     <img
-      src="@/assets/basegun.png"
+      src="@/assets/basegun_long.png"
+      class="mb-10"
+      height="55"
       alt=""
     >
-    <h1 class="accueil-title">
-      Basegun
-    </h1>
     <p class="accueil-subtitle">
       Outil d'identification rapide et <br>
       de mise en sécurité des armes à feu
@@ -45,11 +44,6 @@ const resultStore = useResultStore()
 </template>
 
 <style scoped>
-.accueil-title {
-  margin-top: -20px;
-  margin-bottom: 0;
-}
-
 .accueil-subtitle {
   font-size: 14px;
   line-height: normal;