mirror of
https://github.com/NotXia/notxia.github.io.git
synced 2025-12-15 19:22:21 +01:00
Migration to Nuxt3
This commit is contained in:
14
components/resume/sections/Certificates.vue
Normal file
14
components/resume/sections/Certificates.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<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>
|
||||
12
components/resume/sections/Education.vue
Normal file
12
components/resume/sections/Education.vue
Normal file
@ -0,0 +1,12 @@
|
||||
<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>
|
||||
13
components/resume/sections/Other.vue
Normal file
13
components/resume/sections/Other.vue
Normal file
@ -0,0 +1,13 @@
|
||||
<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>
|
||||
108
components/resume/sections/Skills.vue
Normal file
108
components/resume/sections/Skills.vue
Normal file
@ -0,0 +1,108 @@
|
||||
<template>
|
||||
<div class="[&_li]:mr-4">
|
||||
<h2 class="text-4xl font-bold tracking-wide">{{ $t("skills") }}</h2>
|
||||
|
||||
<ActivityParagraph :title="$t('data analysis')">
|
||||
<ul class="flex flex-wrap items-center">
|
||||
<li><ProgrammingLogo :logo="python_logo" language="Python" /></li>
|
||||
<li><ProgrammingLogo :logo="database_logo" language="SQL" needInvert /></li>
|
||||
<li><ProgrammingLogo :logo="mongo_logo" language="MongoDB" /></li>
|
||||
</ul>
|
||||
|
||||
<ul class="flex flex-wrap items-center">
|
||||
<li><ProgrammingLogo :logo="numpy_logo" language="Numpy" /></li>
|
||||
<li><ProgrammingLogo :logo="pandas_logo" language="Pandas" /></li>
|
||||
</ul>
|
||||
<ul class="flex flex-wrap items-center">
|
||||
<li><ProgrammingLogo :logo="matplotlib_logo" language="Matplotlib" /></li>
|
||||
<li><ProgrammingLogo :logo="seaborn_logo" language="Seaborn" /></li>
|
||||
</ul>
|
||||
<ul class="flex flex-wrap items-center">
|
||||
<li><ProgrammingLogo :logo="scikitlearn_logo" language="Scikit-learn" /></li>
|
||||
<li><ProgrammingLogo :logo="tensorflow_logo" language="Tensorflow" /></li>
|
||||
<li><ProgrammingLogo :logo="keras_logo" language="Keras" /></li>
|
||||
</ul>
|
||||
<!-- <ul class="flex flex-wrap items-center">
|
||||
<li><ProgrammingLogo :logo="knime_logo" language="KNIME" /></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('web development')">
|
||||
<ul class="flex flex-wrap items-center">
|
||||
<li><ProgrammingLogo :logo="nodejs_logo" language="NodeJS" /></li>
|
||||
<li><ProgrammingLogo :logo="php_logo" language="PHP" /></li>
|
||||
<!-- <li><ProgrammingLogo :logo="nginx_logo" language="Nginx" /></li> -->
|
||||
</ul>
|
||||
<ul class="flex flex-wrap items-center">
|
||||
<li><ProgrammingLogo :logo="react_logo" language="React" /></li>
|
||||
<li><ProgrammingLogo :logo="vue_logo" language="Vue" /></li>
|
||||
<li><ProgrammingLogo :logo="nuxt_logo" language="Nuxt" /></li>
|
||||
</ul>
|
||||
<!-- <ul class="flex flex-wrap items-center">
|
||||
<li><ProgrammingLogo :logo="html_logo" language="HTML" /></li>
|
||||
<li><ProgrammingLogo :logo="css_logo" language="CSS" /></li>
|
||||
<li><ProgrammingLogo :logo="js_logo" language="Javascript" /></li>
|
||||
</ul> -->
|
||||
<!-- <p>Bootstrap Tailwind</p> -->
|
||||
</ActivityParagraph>
|
||||
|
||||
<ActivityParagraph :title="$t('other programming languages')">
|
||||
<ul class="flex flex-wrap items-center">
|
||||
<li><ProgrammingLogo :logo="c_logo" language="C" /></li>
|
||||
<li><ProgrammingLogo :logo="cpp_logo" language="C++" /></li>
|
||||
<li><ProgrammingLogo :logo="java_logo" language="Java" /></li>
|
||||
<li><ProgrammingLogo :logo="cpu_logo" language="Assembly x86" needInvert /></li>
|
||||
</ul>
|
||||
</ActivityParagraph>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
<script setup lang="ts">
|
||||
import nodejs_logo from "@/assets/images/icons/nodejs.svg";
|
||||
import php_logo from "@/assets/images/icons/php.svg";
|
||||
import nginx_logo from "@/assets/images/icons/nginx.svg";
|
||||
import html_logo from "@/assets/images/icons/html.svg";
|
||||
import css_logo from "@/assets/images/icons/css.svg";
|
||||
import js_logo from "@/assets/images/icons/js.svg";
|
||||
import react_logo from "@/assets/images/icons/react.svg";
|
||||
import vue_logo from "@/assets/images/icons/vue.svg";
|
||||
import nuxt_logo from "@/assets/images/icons/nuxt.svg";
|
||||
|
||||
import docker_logo from "@/assets/images/icons/docker.svg";
|
||||
import ansible_logo from "@/assets/images/icons/ansible.svg";
|
||||
import jenkins_logo from "@/assets/images/icons/jenkins.svg";
|
||||
import gitlab_runners_logo from "@/assets/images/icons/gitlab.svg";
|
||||
import github_actions_logo from "@/assets/images/icons/github-actions.svg";
|
||||
|
||||
import numpy_logo from "@/assets/images/icons/numpy.svg";
|
||||
import pandas_logo from "@/assets/images/icons/pandas.svg";
|
||||
import matplotlib_logo from "@/assets/images/icons/matplotlib.svg";
|
||||
import seaborn_logo from "@/assets/images/icons/seaborn.svg";
|
||||
import scikitlearn_logo from "@/assets/images/icons/scikitlearn.svg";
|
||||
import tensorflow_logo from "@/assets/images/icons/tensorflow.svg";
|
||||
import keras_logo from "@/assets/images/icons/keras.svg";
|
||||
import knime_logo from "@/assets/images/icons/knime.svg";
|
||||
import database_logo from "@/assets/images/icons/database.svg";
|
||||
import mongo_logo from "@/assets/images/icons/mongo.svg";
|
||||
|
||||
import c_logo from "@/assets/images/icons/c.svg";
|
||||
import cpp_logo from "@/assets/images/icons/cpp.svg";
|
||||
import java_logo from "@/assets/images/icons/java.svg";
|
||||
import python_logo from "@/assets/images/icons/python.svg";
|
||||
import cpu_logo from "@/assets/images/icons/cpu.svg";
|
||||
</script>
|
||||
10
components/resume/sections/Work.vue
Normal file
10
components/resume/sections/Work.vue
Normal file
@ -0,0 +1,10 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user