Add résumé section

src/views/resume/sections/Certificates.vue

@@ -0,0 +1,24 @@
+<template>
+    <div>
+        <h2 class="text-4xl font-bold tracking-wide">{{ t("certificates") }}</h2>
+
+        <ActivityParagraph title="CS50’s Introduction to AI with Python" subtitle="HarvardX" right_text="2022">
+            <a class="font-mono hover:underline" href="https://certificates.cs50.io/bb09e788-f9da-4055-8645-aba7ef163683.pdf?size=a4">{{ t("link to certificate") }}</a>
+            <p>{{ t("cs50 ai description") }}</p>
+        </ActivityParagraph>
+
+        <ActivityParagraph title="CISCO: IT Essentials" subtitle="CISCO Networking Academy" right_text="2018">
+            {{ t("cisco it essentials description") }}
+        </ActivityParagraph>
+    </div>
+</template>
+
+
+<script setup lang="ts">
+    import { useI18n } from "vue-i18n";
+    import ActivityParagraph from "../components/ActivityParagraph.vue";
+    import locale from "../locale.js";
+
+    // @ts-ignore
+    const { t } = useI18n({ messages: locale});
+</script>

src/views/resume/sections/Education.vue

@@ -0,0 +1,22 @@
+<template>
+    <div>
+        <h2 class="text-4xl font-bold tracking-wide">{{ t("education") }}</h2>
+
+        <ActivityParagraph :title="t('bs in cs')" :subtitle="t('unibo')" :right_text="`2020 - ${t('present')}`">
+        </ActivityParagraph>
+
+        <ActivityParagraph :title="t('diploma')" :subtitle="t('aldini')" right_text="2015 - 2020">
+            {{ t("final degree") }}: 100/100 {{ t("with honors") }}
+        </ActivityParagraph>
+    </div>
+</template>
+
+
+<script setup lang="ts">
+    import { useI18n } from "vue-i18n";
+    import ActivityParagraph from "../components/ActivityParagraph.vue";
+    import locale from "../locale.js";
+
+    // @ts-ignore
+    const { t } = useI18n({ messages: locale });
+</script>

src/views/resume/sections/Other.vue

@@ -0,0 +1,23 @@
+<template>
+    <div>
+        <h2 class="text-4xl font-bold tracking-wide">{{ t("other") }}</h2>
+
+        <ActivityParagraph :title="t('ois')" :subtitle="t('aldini')" right_text="2017-18 | 2018-19 | 2019-20">
+            {{ t("ois description") }}
+        </ActivityParagraph>
+
+        <ActivityParagraph title="MAST Academy: Expeditions" :subtitle="t('MAST foundation')" right_text="2018">
+            {{ t("MAST expeditions description") }}
+        </ActivityParagraph>
+    </div>
+</template>
+
+
+<script setup lang="ts">
+    import { useI18n } from "vue-i18n";
+    import ActivityParagraph from "../components/ActivityParagraph.vue";
+    import locale from "../locale.js";
+
+    // @ts-ignore
+    const { t } = useI18n({ messages: locale});
+</script>

src/views/resume/sections/Skills.vue

@@ -20,20 +20,6 @@
             <!-- <p>Bootstrap Tailwind</p> -->
         </ActivityParagraph>
 
-        <ActivityParagraph :title="t('devops')">
-            <ul class="flex flex-wrap items-center">
-                <li><ProgrammingLogo :logo="docker_logo" language="Docker" /></li>
-            </ul>
-            <ul class="flex flex-wrap items-center">
-                <li><ProgrammingLogo :logo="ansible_logo" language="Ansible" /></li>
-            </ul>
-            <ul class="flex flex-wrap items-center">
-                <li><ProgrammingLogo :logo="jenkins_logo" language="Jenkins" /></li>
-                <li><ProgrammingLogo :logo="gitlab_runners_logo" language="Gitlab Runner" /></li>
-                <li><ProgrammingLogo :logo="github_actions_logo" language="Github Actions" /></li>
-            </ul>
-        </ActivityParagraph>
-
         <ActivityParagraph :title="t('data analysis')">
             <ul class="flex flex-wrap items-center">
                 <li><ProgrammingLogo :logo="python_logo" language="Python" /></li>
@@ -62,6 +48,20 @@
                 <li><ProgrammingLogo :logo="mongo_logo" language="MongoDB" /></li>
             </ul>
         </ActivityParagraph>
+        
+        <ActivityParagraph :title="t('devops')">
+            <ul class="flex flex-wrap items-center">
+                <li><ProgrammingLogo :logo="docker_logo" language="Docker" /></li>
+            </ul>
+            <ul class="flex flex-wrap items-center">
+                <li><ProgrammingLogo :logo="ansible_logo" language="Ansible" /></li>
+            </ul>
+            <ul class="flex flex-wrap items-center">
+                <li><ProgrammingLogo :logo="jenkins_logo" language="Jenkins" /></li>
+                <li><ProgrammingLogo :logo="gitlab_runners_logo" language="Gitlab Runner" /></li>
+                <li><ProgrammingLogo :logo="github_actions_logo" language="Github Actions" /></li>
+            </ul>
+        </ActivityParagraph>
 
         <ActivityParagraph :title="t('other programming languages')">
             <ul class="flex flex-wrap items-center">

src/views/resume/sections/Work.vue

@@ -0,0 +1,20 @@
+<template>
+    <div>
+        <h2 class="text-4xl font-bold tracking-wide">{{ t("working experience") }}</h2>
+
+        <ActivityParagraph :title="t('pcto toyota')" subtitle="Toyota Material Handling Manufacturing Italy" 
+                           :right_text="`${t('december')} 2019 | ${t('july')} 2019 | ${t('february')} 2019`">
+            {{ t("pcto toyota description") }}
+        </ActivityParagraph>
+    </div>
+</template>
+
+
+<script setup lang="ts">
+    import { useI18n } from "vue-i18n";
+    import ActivityParagraph from "../components/ActivityParagraph.vue";
+    import locale from "../locale.js";
+
+    // @ts-ignore
+    const { t } = useI18n({ messages: locale });
+</script>