Ready to add schools

src/components/education/schoolDisplay.vue

@@ -7,7 +7,7 @@
         <div class="school_info">
             <p class="school_name">{{ name }}</p>
             <p class="school_about">{{ desc }}</p>
-            <a :href="link" v-if="link!=undefined"><button class="button">Website</button></a>
+            <a :href="link" v-if="link!=undefined" target="__blank"><button class="button">Website</button></a>
         </div>
     </div>
 </template>
@@ -44,6 +44,7 @@
         flex-wrap: wrap;
         /*align-items: center;*/
         justify-content: center;
+        border-radius: 8px;
     }
 
     .school_picture{

src/views/EducationView.vue

@@ -6,8 +6,7 @@
     <article>
       <p>{{ $t("education.introduction") }}</p> 
 
-        <schoolDisplay name="My school" desc="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." 
+        <schoolDisplay :name="schools[0].name" :desc="schools[0].desc" :img="schools[0].img" :link="schools[0].link"/>
-        img="https://picsum.photos/600/400"/>
     </article>
 
   </template>
@@ -21,6 +20,13 @@
 
   const i18n = useI18n();
 
+  const schools = [{
+    name: "Ensemble Scolaire",
+    desc: "Yes",
+    img: "https://picsum.photos/600/400",
+    link: "A.com"
+  }];
+
   /*const skills = [{
     title: i18n.t("skills.skills.ai.title"),
     desc: i18n.t("skills.skills.ai.desc"),