From 7c6aa3c27f43c6ebd0397c397c21a43ae7944ffe Mon Sep 17 00:00:00 2001
From: LJ5O <75009579+LJ5O@users.noreply.github.com>
Date: Tue, 29 Apr 2025 17:09:39 +0200
Subject: [PATCH] Ready to add schools

---
 src/components/education/schoolDisplay.vue |  3 ++-
 src/views/EducationView.vue                | 10 ++++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/education/schoolDisplay.vue b/src/components/education/schoolDisplay.vue
index 5a63d19..0463aef 100644
--- a/src/components/education/schoolDisplay.vue
+++ b/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{
diff --git a/src/views/EducationView.vue b/src/views/EducationView.vue
index 9fc9d64..b9c6ec9 100644
--- a/src/views/EducationView.vue
+++ b/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." 
-        img="https://picsum.photos/600/400"/>
+        <schoolDisplay :name="schools[0].name" :desc="schools[0].desc" :img="schools[0].img" :link="schools[0].link"/>
     </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"),