Remove all unused icon images

src/components/contributor/ContributorProfiles.vue

@@ -0,0 +1,50 @@
+<template>
+  <div class="contributor-profiles">
+    <span class="heading">Les profils des contributrices et contributeurs :</span>
+    <ul>
+      <li>Salariées et salariés en poste avec un temps dédié par leur organisation sur ecoCode </li>
+      <li>Indépendantes et indépendants pour une contribution bénévole à l'Open Source</li>
+      <li>Salariées et salariés sur leur temps libre...</li>
+    </ul>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.contributor-profiles {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  background-color: rgba(0, 0, 0, 0.05);
+  padding: 1rem;
+  border-radius: 1rem;
+  margin: 2rem 1rem;
+
+  .heading {
+    font-size: 1.3rem;
+    font-weight: 900;
+    color: var(--color-on-surface);
+  }
+
+  ul {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    list-style: none;
+
+    li {
+      display: flex;
+      align-items: center;
+      gap: 1rem;
+    }
+
+    li:before {
+      content: " ";
+      display: inline-block;
+      width: 1.5rem;
+      height: 1.5rem;
+      flex-shrink: 0;
+      background-image: url(@/assets/icons/chevrons.svg);
+    }
+  }
+}
+</style>

src/views/Page/contributeur/contributeur.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
+import ContributorProfiles from '@/components/contributor/ContributorProfiles.vue';
 import Technologies from '@/components/contributor/Technologies.vue';
 import TitleBox from '@/components/global/Title.vue';
-import ButtonBlock from '@/components/global/Button.vue';
+import AppButton from '@/components/global/Button.vue';
 import Newsletter from '@/components/contributor/Newsletter.vue';
 import GraphStep from '@/components/Shared/GraphStep.vue';
 
@@ -16,33 +17,16 @@ const scroll=() => {
 <template>
     <TitleBox colorBackground="#57c18b" typetitle="full white" title="Tu te soucies de réduire l'impact environnemental et social des solutions numériques ?"
         subtitle="Rejoins ecoCode et contribue à faire du numérique un domaine plus durable.">
-        <div style=" background-color: #57c18b;" class="block-button-section-1">
-            <ButtonBlock @click="scroll()" style="padding-bottom: 50px;" typebutton="white" link="#newsletter" text="Je rejoins la communauté"></ButtonBlock>
-        </div>
+        <AppButton @click="scroll()" style="padding-bottom: 50px;" typebutton="white" link="#newsletter" text="Je rejoins la communauté" />
     </TitleBox>
     <TitleBox typetitle="blue black light" title="ecoCode est un projet qui tire sa force du collectif">
-        <div class="container-list">
-            <span class="container-title">Les profils des contributrices et contributeurs :</span>
-            <ul>
-                <li><img width="24" height="24" src="@/assets/img/icon/arrow-dev.webp">Salariées et salariés en poste avec
-                    un temps dédié par leur organisation sur ecoCode </li>
-                <li><img width="24" height="24" src="@/assets/img/icon/arrow-dev.webp">Indépendantes et indépendants pour
-                    une contribution bénévole à l'Open Source
-                </li>
-                <li><img width="24" height="24" src="@/assets/img/icon/arrow-dev.webp">Salariées et salariés sur leur temps
-                    libre...</li>
-            </ul>
-        </div>
+      <ContributorProfiles />
 
-        <h3 class="heading-3" style="margin-top: 20px;max-width: none">
-          Les technologies couvertes par ecoCode (en attendant d’aller plus loin !)
-        </h3>
-        <Technologies />
+      <h3 class="heading-3" style="margin-top: 20px;max-width: none">
+        Les technologies couvertes par ecoCode (en attendant d’aller plus loin !)
+      </h3>
+      <Technologies />
     </TitleBox>
     <GraphStep />
     <Newsletter id="newsletter" />
 </template>
-
-<style lang="scss" scoped>
-@import './scss/style.scss';
-</style>