added lifelong learning

hrsa · Jan 30, 2024 · 07454d8 · 07454d8
1 parent a2b5126
commit 07454d8
Show file tree

Hide file tree

Showing 6 changed files with 67 additions and 2 deletions.
diff --git a/i18n.js b/i18n.js
@@ -46,7 +46,7 @@ i18next
                     skills: 'Skills',
                     about: {
                         tech: {
-                            title: 'Tech stack',
+                            title: 'Skills',
                             languages: ['PHP', 'JavaScript', 'Python', 'SQL', 'HTML', 'CSS'],
                             love: ['Tinkerwell', 'Ray', 'Expose'],
                             frameworks: ['Laravel', 'Livewire', 'Vue.js', 'Tailwind'],
@@ -742,6 +742,29 @@ i18next
                             ],
                         },
                     ],
+                    courses: "Lifelong learning",
+                    lifelong: [
+                        {
+                            id: 1,
+                            name: 'Laracasts',
+                            logo: '/logo/laracasts.webp',
+                        },
+                        {
+                            id: 2,
+                            name: 'Laravel Daily',
+                            logo: '/logo/laravel-daily.webp',
+                        },
+                        {
+                            id: 3,
+                            name: 'Vue School',
+                            logo: '/logo/vue-school.webp',
+                        },
+                        {
+                            id: 4,
+                            name: 'Spatie',
+                            logo: '/logo/spatie.webp',
+                        },
+                    ],
                 }
             },
             fr: {
@@ -780,7 +803,7 @@ i18next
                     skills: 'Compétences',
                     about: {
                         tech: {
-                            title: "J'utilise",
+                            title: "Compétences",
                             languages: ['PHP', 'JavaScript', 'Python', 'SQL', 'HTML', 'CSS'],
                             love: ['Tinkerwell', 'Ray', 'Expose'],
                             frameworks: ['Laravel', 'Livewire', 'Vue.js', 'Tailwind'],
@@ -1480,6 +1503,29 @@ i18next
                             ],
                         },
                     ],
+                    courses: "Lifelong learning",
+                    lifelong: [
+                        {
+                            id: 1,
+                            name: 'Laracasts',
+                            logo: '/logo/laracasts.webp',
+                        },
+                        {
+                            id: 2,
+                            name: 'Laravel Daily',
+                            logo: '/logo/laravel-daily.webp',
+                        },
+                        {
+                            id: 3,
+                            name: 'Vue School',
+                            logo: '/logo/vue-school.webp',
+                        },
+                        {
+                            id: 4,
+                            name: 'Spatie',
+                            logo: '/logo/spatie.webp',
+                        },
+                    ],
                 }
             },
         }

diff --git a/public/logo/laracasts.webp b/public/logo/laracasts.webp
diff --git a/public/logo/laravel-daily.webp b/public/logo/laravel-daily.webp
diff --git a/public/logo/spatie.webp b/public/logo/spatie.webp
diff --git a/public/logo/vue-school.webp b/public/logo/vue-school.webp
diff --git a/src/components/Education.vue b/src/components/Education.vue
@@ -5,10 +5,29 @@ import {computed} from "vue";
 const {i18next, t} = useTranslation();
 
 const diplomas = computed(() => t('diplomas', {returnObjects: true}));
+const lifelong = computed(() => t('lifelong', {returnObjects: true}));
 
 </script>
 
 <template>
+  <div>
+    <div
+         class="mb-5 grid w-full grid-cols-1 blurbox font-bold">
+      <p class="text-2xl font-bold my-5 px-5">{{ t('courses') }}</p>
+      <div
+          class="m-auto max-[822px]:grid max-[822px]:grid-cols-2 min-[822px]:flex min-[822px]:flex-wrap w-full gap-3 py-2 grid-cols-2  max-w-[90%] mb-5"
+      >
+        <div v-for="(course, index) in lifelong" :key="index"
+            class="m-auto flex place-content-center text-center font-bold">
+          <div class="grid grid-cols-[5rem_6rem] gap-2">
+            <img :alt="course.name"
+                 :src="course.logo" class="m-auto rounded-full p-1 size-20"/>
+            <p class="place-self-center text-xl">{{ course.name }}</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
   <div>
     <div v-for="(diploma, index) in diplomas" :key="index"
          class="mb-5 grid w-full grid-cols-1 blurbox font-bold">