Added schools details

src/assets/localization/en/localization.json

@@ -103,7 +103,31 @@
   "education": {
     "title": "Education and certifications",
     "subtitle": "The steps for my learning journey",
-    "introduction": "Before reaching my current level, I had a long time learning various concepts in some nice institutions who accepted me as a student. I'm really grateful towards all of them, as I wouldn't be like I am without their help."
+    "introduction": "Before reaching my current level, I had a long time learning various concepts in some nice institutions who accepted me as a student. I'm really grateful towards all of them, as I wouldn't be like I am without their help.",
+    "schools": {
+      "middle": {
+        "name": "Middle school : Ensemble Scolaire de La Salle",
+        "desc": "Middle school was were my interest for IT and computers first awaken. Back then, I had a Mathematics teacher deeply involved in the network administration who made really interesting coding introductions."
+      },
+      "high": {
+        "name": "High school : EPID",
+        "desc": "At EPID, I had lectures about IT twice a week, where I learnt the bacics of web development, Python, Mysql and some simple algorithms. This is where I really learned how to code and use a computer."
+      },
+      "bachelor": {
+        "name": "Calais IUT",
+        "desc": "As I was pretty good with computers, I headed for a Computer Science bachelor at Calais IUT. I was delighted to learn so much about this field everyday, and also got the chance to go twite to Japan for internships in research labs."
+      },
+      "master": {
+        "name": "ULCO, IT department",
+        "desc": "My current formation, and the logic next step. I'm discovering there the basics to Artificial Intelligence, data scientist things and optimizing algorithms and problem solving systems."
+      }
+    },
+    "diplomas": {
+      "junior_high_school": "Junior High School Diploma",
+      "high_school": "High School Diploma",
+      "bachelor": "Bachelor's degree ( Computer Science )",
+      "master": "Soon : Master's degree ( Computer Science )"
+    }
   },
   "contact": {
     "title": "Send me a message !",

src/views/EducationView.vue

@@ -7,7 +7,17 @@
       <p>{{ $t("education.introduction") }}</p> 
 
         <schoolDisplay :name="schools[0].name" :desc="schools[0].desc" :img="schools[0].img" :link="schools[0].link"/>
-        <diploma text="Brevet des collèges"/>
+        <diploma :text='i18n.t("education.diplomas.junior_high_school")' class="diploma_display"/>
+
+        <schoolDisplay :name="schools[1].name" :desc="schools[1].desc" :img="schools[1].img" :link="schools[1].link"/>
+        <diploma :text='i18n.t("education.diplomas.high_school")' class="diploma_display"/>
+
+        <schoolDisplay :name="schools[2].name" :desc="schools[2].desc" :img="schools[2].img" :link="schools[2].link"/>
+        <diploma :text='i18n.t("education.diplomas.bachelor")' class="diploma_display"/>
+
+        <schoolDisplay :name="schools[3].name" :desc="schools[3].desc" :img="schools[3].img" :link="schools[3].link"/>
+        <diploma :text='i18n.t("education.diplomas.master")' class="diploma_display"/>
+
     </article>
 
   </template>
@@ -23,10 +33,25 @@
   const i18n = useI18n();
 
   const schools = [{
-    name: "Ensemble Scolaire",
-    desc: "Yes",
+    name: i18n.t("education.schools.middle.name"),
+    desc: i18n.t("education.schools.middle.desc"),
     img: "https://picsum.photos/600/400",
-    link: "A.com"
+    link: "https://lasallecoudekerque.com/"
+  },{
+    name: i18n.t("education.schools.high.name"),
+    desc: i18n.t("education.schools.high.desc"),
+    img: "https://picsum.photos/600/400",
+    link: "https://www.epid-vauban.fr/"
+  },{
+    name: i18n.t("education.schools.bachelor.name"),
+    desc: i18n.t("education.schools.bachelor.desc"),
+    img: "https://picsum.photos/600/400",
+    link: "https://www.iut-littoral.fr/"
+  },{
+    name: i18n.t("education.schools.master.name"),
+    desc: i18n.t("education.schools.master.desc"),
+    img: "https://picsum.photos/600/400",
+    link: "https://www.univ-littoral.fr/"
   }];
 
   /*const skills = [{
@@ -75,6 +100,9 @@
     width: 80%;
     margin: auto;
   }
+  .diploma_display{
+    margin-bottom: 30px;
+  }
   
 </style>