remove code Tabs

frontend/src/views/About.vue

@@ -1,12 +1,83 @@
 <script setup>
-import AboutInformationTabs from '@/views/InformationTabs/AboutInformationTabs.vue'
+import { ref } from 'vue'
+
+import logoDnum from '@/assets/logo_dnum.jpg'
+import logoSCAE from '@/assets/logo_scae.png'
+import logoPN from '@/assets/logo_police.png'
+import logoGendarmerie from '@/assets/logo_gendarmerie.png'
+
+const imgs = ref([
+  {
+    alt: "Logo Ministère de l'interieur",
+    id: 'logo_dnum',
+    src: logoDnum,
+  },
+  {
+    alt: 'Logo SCAE',
+    id: 'logo_scae',
+    src: logoSCAE,
+  },
+  {
+    alt: 'Logo Police Nationale',
+    id: 'logo_pn',
+    src: logoPN,
+  },
+  {
+    alt: 'Logo Gendarmerie',
+    id: 'logo_gendarmerie',
+    src: logoGendarmerie,
+  },
+])
 </script>
 
 <template>
   <div>
     <div class="fr-container mt-4">
       <h2>À propos</h2>
-      <AboutInformationTabs />
+      <div>
+        <p class="title-space">
+          Basegun est un projet d'application par apprentissage automatique capable
+          d'identifier et de classifier de manière fiable et rapide une arme à feu.
+        </p>
+        <p>
+          Le projet a été initié en 2021 dans le contexte du programme
+          <a
+            target="_blank"
+            href="https://eig.etalab.gouv.fr/defis/basegun/"
+          >Entrepreneurs d’Intérêt Général</a>.
+        </p>
+        <p>
+          Il est actuellement piloté par le Datalab de la Direction du Numérique du Ministère de l'Intérieur,
+          en partenariat avec le Service Central des Armes et Explosifs. La Direction Générale de la Police Nationale
+          et la Direction Générale de la Gendarmerie Nationale sont associées pour les tests et le suivi de l'application.
+        </p>
+        <div />
+        <p>
+          A ce jour, Basegun permet de prendre en photo une arme à feu et d'obtenir un
+          résultat parmi 10 typologies possibles. Ce résultat donne une indication sur la ou les catégories légales
+          à laquelle l'arme appartient.
+        </p>
+        <p class="fr-callout">
+          <VIcon
+            class="fr-icon-alert-fill"
+            name="ri-alert-fill"
+          />Basegun prend en compte uniquement l'identification d'armes à feu létales et d'armes factices type airsoft.
+          <br>Elle ne permet donc pas encore de distinguer les armes à air comprimé > 2 joules, les armes à blanc ou neutralisées.
+        </p>
+
+        <div class="container-img">
+          <div
+            v-for="img in imgs"
+            :key="img.id"
+          >
+            <img
+              class="img"
+              :src="img.src"
+              :alt="img.alt"
+            >
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -33,4 +104,31 @@ import AboutInformationTabs from '@/views/InformationTabs/AboutInformationTabs.v
       color: #1212ff
     }
 
+     .title-space {
+    margin-top: 20px;
+  }
+
+  .container-img {
+    display: flex;
+    justify-content: center;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: center;
+  }
+
+  .img {
+    margin: 2em;
+    width: 6em;
+    height: auto;
+  }
+
+  .list {
+    margin-left: 2em;
+    list-style: square;
+  }
+
+  :deep(.fr-icon-alert-fill) {
+    padding-right: .1em;
+  }
+
 </style>

frontend/src/views/Contact.vue

@@ -1,12 +1,15 @@
 <script setup>
-import ContactInformationTabs from '@/views/InformationTabs/ContactInformationTabs.vue'
 </script>
 
 <template>
   <div>
     <div class="fr-container mt-4">
       <h2>Contact</h2>
-      <ContactInformationTabs />
+      <div>
+        <p class="title-space">
+          Toute question, remarque ou contribution concernant le projet Basegun est à adresser par email à <a href="mailto:[email protected]">[email protected]</a>.
+        </p>
+      </div>
     </div>
   </div>
 </template>

frontend/src/views/Legal.vue

@@ -1,12 +1,56 @@
 <script setup>
-import LegalInformationTabs from '@/views/InformationTabs/LegalInformationTabs.vue'
 </script>
 
 <template>
   <div>
     <div class="fr-container mt-4">
       <h2>Mentions légales</h2>
-      <LegalInformationTabs />
+      <div>
+        <h3 class="title-space">
+          Editeur
+        </h3>
+        <p>Le site basegun.fr est édité et géré par l’équipe du Laboratoire de la Donnée, à la Sous-Direction Innovation et Transformation Numérique, Direction du Numérique du Ministère de l’Intérieur.</p>
+        <p>Adresse : 40 avenue des Terroirs de France, 75012 PARIS.</p>
+
+        <h3 class="title-space">
+          Données collectées
+        </h3>
+        <h6>Objectif</h6>
+        <p>Basegun est un projet récent, actuellement en phase de test auprès de potentiels utilisateurs. En collectant les données citées ci-dessous, nous pourrons mieux comprendre comment et dans quels contextes le service est utilisé, et avoir les informations nécessaires pour résoudre d’éventuels problèmes.</p>
+        <h6>Cadre</h6>
+        <p>Nous collectons uniquement les informations relatives à des requêtes pertinentes et correspondant à l’objectif de Basegun: identifier des armes à feu. C’est pourquoi nous demandons à nos utilisateurs de ne soumettre que des requêtes en lien avec cet objectif et de respecter les conditions de l’application.</p>
+        <p>Nous ne souhaitons en aucun cas traiter des informations personnelles (par exemple aucune photo où le visage d'une personne est visible ne doit être déposée sur l'application).</p>
+        <h6>Liste des données</h6>
+        <p>Pour chaque requête effectuée sur basegun.fr, nous collectons les données suivantes :</p>
+        <ul class="list-margin">
+          <li>Date et heure</li>
+          <li>Photo soumise</li>
+          <li>Résultat obtenu (label et taux de fiabilité)</li>
+          <li>Temps de traitement de la requête</li>
+          <li>Géolocalisation approximative de l’utilisateur (zone d’environ 10km de rayon)</li>
+          <li>Identification unique et chiffrée (cookie uuid) de l’utilisateur</li>
+          <li>Type d’appareil (mobile, tablette, ordinateur), système d’exploitation (iOS, Android, Windows...) et navigateur (Chrome, Firefox, Safari...) utilisés</li>
+          <li>Evaluation (positive ou négative) par l’utilisateur du résultat obtenu</li>
+        </ul>
+        <h6>Confidentialité</h6>
+        <p>Nous nous réservons le droit de supprimer les données collectées suite à des requêtes non pertinentes. Nous pouvons également, sur simple demande d’un utilisateur, supprimer les données relatives à une requête spécifique. Pour cela, il suffit de nous envoyer une demande à <a href="mailto:[email protected]">[email protected]</a>, en nous précisant la date et l’heure de la requête.</p>
+        <p>Les informations collectées ne sont en aucun cas confiées à des tiers.</p>
+
+        <h3 class="title-space">
+          Code source
+        </h3>
+        <p>
+          Le code source du projet est disponible publiquement à l'adresse <a
+            href="https://github.com/datalab-mi/Basegun"
+            target="blank"
+          >https://github.com/datalab-mi/Basegun</a>
+        </p>
+
+        <h3 class="title-space">
+          Hébergement
+        </h3>
+        <p>Le site basegun.fr est hébergé par la société OVH. Adresse : 2 rue Kellermann, 59100 ROUBAIX.</p>
+      </div>
     </div>
   </div>
 </template>
@@ -29,4 +73,13 @@ import LegalInformationTabs from '@/views/InformationTabs/LegalInformationTabs.v
     color: #1212ff
   }
 
+  .title-space {
+    margin-top: 20px;
+  }
+
+  .list-margin {
+    margin-left: 2rem;
+    margin-bottom: 2rem;
+  }
+
 </style>