- {#each hobby.images as image}
- ![{hobby.title[currentLanguage].toString()}]({image})
+ {#each element.images as image}
+
{/each}
-
- {@html md.render(hobby.content[currentLanguage])}
+
@@ -60,9 +60,7 @@
font-size: 1.1em;
border-radius: 10px;
width: 95%;
- border-style: solid;
- border-width: 0.1px;
- border-color: $rich-black-fogra-29;
+
border-radius: 10px;
box-shadow: -12px 26px 25px -14px $rich-black-fogra-29;
-webkit-box-shadow: -12px 26px 25px -14px $rich-black-fogra-29;
@@ -71,7 +69,7 @@
padding-bottom: 1.5vh;
}
- .hobby{
+ .element{
background-color: $cultured;
text-align: center;
width: 90%;
@@ -96,8 +94,8 @@
.images>img{
margin: auto;
margin-bottom: 2vh;
- max-width: 350px;
- max-height: 250px;
+ max-width: 100%;
+ // max-height: 250px;
}
.content{
@@ -110,7 +108,7 @@
font-size: 15px;
}
- .hobby-text{
+ .element-text{
text-align: justify;
}
diff --git a/src/elements/training.svelte b/src/elements/training.svelte
index 6d47c86..0b75b1b 100644
--- a/src/elements/training.svelte
+++ b/src/elements/training.svelte
@@ -41,9 +41,6 @@
font-size: 1.1em;
border-radius: 10px;
width: 95%;
- border-style: solid;
- border-width: 0.1px;
- border-color: $rich-black-fogra-29;
border-radius: 10px;
box-shadow: -12px 26px 25px -14px $rich-black-fogra-29;
-webkit-box-shadow: -12px 26px 25px -14px $rich-black-fogra-29;
@@ -53,7 +50,7 @@
}
.element{
- padding: 1vw;
+ padding: 2vw;
width: auto;
display: flex;
align-items: center;
@@ -80,7 +77,7 @@
text-align: center;
width: 90%;
border-radius: 10px;
- margin-bottom: 10px;
+ // margin-bottom: 10px;
padding-top: 2vh;
padding-bottom: 2vh;
background-color: $cultured;
@@ -95,13 +92,5 @@
max-width: $cv-max-width;
width: 80vw;
}
-
- // .job-content{
- // flex-wrap: unset;
- // }
-
- // .text-content{
- // width: 35vw;
- // }
}
\ No newline at end of file
diff --git a/src/model/jobs.json b/src/model/jobs.json
index 6b5e465..fb52d29 100644
--- a/src/model/jobs.json
+++ b/src/model/jobs.json
@@ -6,8 +6,8 @@
},
"title": {"en":"Jatus.tech my start-up","it":"La mia start-up Jatus.tech"},
"content": {
- "en":"Through this year, I'm working to begin my independent activity base on my idea of business.To do so, I learnt different practices and filled many roles:\n- Create a work's infrastructure, mainly create a centralized resource on the server:\n - Manage the **GNU\/Linux** server with \"Unraid\" as distribution.\n - Manage all the services using **Docker**:\n - **GitLab**, with the runner for CI\/CD, other than the software repositories I managed to setup:\n - package **npm** repository\n - **docker** repository\n - **NginxProxyManager** to handle the public services in reverse proxy\n - **SonarQube** to automatically verify the software quality\n - Manage all the virtual machines to develop and deploy software in the staging environment\n - Project and develop the software, main activity of this endeavour:\n - Project the software architecture\n - Project the database\n - Implement the software based on the architecture:\n - Back-end **Typescript** on **AWS-Lambda** platform with **Serverless framework**\n - Front-end in **Typescript** with **Nativescript** framework\n - Implement the database architecture with **MongoDB**\n - Create a Proof of Concept of the application\n - Project and develop **CI\/CD** solution for the product:\n - Create pipelines for the CI\/CD process in the **GitLab** environment\n - Create **docker files** to perform the unit test and compilation of the source code in the repositories.",
- "it":"Nel corso di quest'anno ho lavorato, e tutt'ora lavoro, per avviare una attività indipendente che si basa su una mia idea di app.Per far ciò, durante questo periodo ho dovuto ricoprire diversi ruoli e svolgere diverse mansioni:\n- Creare un'infrastruttura di lavoro, un server dove centralizzare le risorse, nello specifico:\n - Gestire il server **GNU\/Linux** con la distribuzione *prosumer* unraid..\n - Gestire i vari servizi in container **Docker**:\n - **GitLab** con il suo runner per le pipeline **CI/CD**:\n - *repository* di pacchetti **npm** \n - *repository* di immagini **docker**\n - **NginxProxyManager** per la gestione dei servizi pubblici in reverse proxy\n - **SonarQube** per la verifica automatica della qualità del codice\n - Gestione di macchine virtuali per lo sviluppo di codice ma anche come *staging area* per testare le applicazioni in un ambiente *production like*\n - Progettare e sviluppare il software, focus di questa attività:\n - Progettare l'architettura del software\n - Progettare il database\n - Implementare l'architettura:\n - Back-end in **Typescript** su piattaforma **AWS-Lambda** con **Serveless framework**\n - Front-end in app *cross-platform* in **Typescript** con **Nativescript**\n - Implementare l'architettura di database in **MongoDB**\n - Creare un *proof of concept* dell'applicazione.\n - Progettare e sviluppare soluzioni di **CI\/CD** legate al prodotto:\n - Creare pipeline automatiche in **GitLab** con riferimento al \"versionamento\" interno\n - Creare docker-file con l'ambiente di compilazione da utilizzare con le pipeline automatiche."
+ "en":"Through this year, I'm working to begin my independent activity base on my idea of business.To do so, I learnt different practices and filled many roles:
+ {@html md.render(element.content[currentLanguage])}
-
{#each hobby.languages as language,index } - {language}{index!=hobby.languages.length-1?', ':''} +
{#each element.languages as language,index } + {language}{index!=element.languages.length-1?', ':''} {/each}
-{#each hobby.tecnologies as tecnology, index } - {tecnology}{index!=hobby.tecnologies.length-1?', ':''} +
{#each element.tecnologies as tecnology, index } + {tecnology}{index!=element.tecnologies.length-1?', ':''} {/each}
-
{#each hobby.collaborators as collaborator, index } - {collaborator.name} {collaborator.surname}{index!=hobby.collaborators.length-1?', ':''} +
{#each element.collaborators as collaborator, index } + {collaborator.name} {collaborator.surname}{index!=element.collaborators.length-1?', ':''} {/each}
\n- Create a work's infrastructure, mainly create a centralized resource on the server:\n - Manage the **GNU\/Linux** server with \"Unraid\" as distribution.\n - Manage all the services using **Docker**:\n - **GitLab**, with the runner for CI\/CD, other than the software repositories I managed to setup:\n - package **npm** repository\n - **docker** repository\n - **NginxProxyManager** to handle the public services in reverse proxy\n - **SonarQube** to automatically verify the software quality\n - Manage all the virtual machines to develop and deploy software in the staging environment\n - Project and develop the software, main activity of this endeavour:\n - Project the software architecture\n - Project the database\n - Implement the software based on the architecture:\n - Back-end **Typescript** on **AWS-Lambda** platform with **Serverless framework**\n - Front-end in **Typescript** with **Nativescript** framework\n - Implement the database architecture with **MongoDB**\n - Create a Proof of Concept of the application\n - Project and develop **CI\/CD** solution for the product:\n - Create pipelines for the CI\/CD process in the **GitLab** environment\n - Create **docker files** to perform the unit test and compilation of the source code in the repositories.
",
+ "it":"Nel corso di quest'anno ho lavorato, e tutt'ora lavoro, per avviare una attività indipendente che si basa su una mia idea di app.Per far ciò, durante questo periodo ho dovuto ricoprire diversi ruoli e svolgere diverse mansioni:\n- Creare un'infrastruttura di lavoro, un server dove centralizzare le risorse, nello specifico:\n - Gestire il server **GNU\/Linux** con la distribuzione *prosumer* unraid..\n - Gestire i vari servizi in container **Docker**:\n - **GitLab** con il suo runner per le pipeline **CI/CD**:\n - *repository* di pacchetti **npm** \n - *repository* di immagini **docker**\n - **NginxProxyManager** per la gestione dei servizi pubblici in reverse proxy\n - **SonarQube** per la verifica automatica della qualità del codice\n - Gestione di macchine virtuali per lo sviluppo di codice ma anche come *staging area* per testare le applicazioni in un ambiente *production like*\n - Progettare e sviluppare il software, focus di questa attività:\n - Progettare l'architettura del software\n - Progettare il database\n - Implementare l'architettura:\n - Back-end in **Typescript** su piattaforma **AWS-Lambda** con **Serveless framework**\n - Front-end in app *cross-platform* in **Typescript** con **Nativescript**\n - Implementare l'architettura di database in **MongoDB**\n - Creare un *proof of concept* dell'applicazione.\n - Progettare e sviluppare soluzioni di **CI\/CD** legate al prodotto:\n - Creare pipeline automatiche in **GitLab** con riferimento al \"versionamento\" interno\n - Creare docker-file con l'ambiente di compilazione da utilizzare con le pipeline automatiche.
"
},
"collaborators": [],
"languages": [
@@ -30,12 +30,12 @@
{
"year": {
"start": "2020-09-21",
- "end": "2021-10-02"
+ "end": "2020-10-09"
},
- "title": {"en":"intership in Athesys","it":"tirocinio in Athesys"},
+ "title": {"en":"Intership in Athesys","it":"Tirocinio in Athesys"},
"content": {
"en":"I've chosen to work in Athesis to end my bachelor degree course. The project was about developing a middleware to put in communication two applications between **NATed** networks based on **OAuth2.0**. This middleware assures the connection is authorized. This software mainly approved the connection of devices that detected the presence of a face mask and the body temperature in the range",
- "it":"Ho scelto di lavorare in Athesys come tirocino per la laurea, il progetto prevedeva di sviluppare un middleware per mettere in comunicazione in maniera sicura due applicazioni tra reti **NAT** basato sui procolli di autorizzazione di **OAuth2.0**. Per permettere l'uso di apparecchi per il riconoscimento della mascherina e della temperatura corporea delle persone e automatizzarne l'accesso ai locali"
+ "it":"Per la tesi di laurea, ho scelto di fare il tirocinio in Athesys. Il progetto prevedeva lo sviluppo di un middleware per mettere in comunicazione, in maniera sicura, due applicazioni tra reti **NAT** basato sui protocolli di autorizzativi di **OAuth2.0**.\n Dato il periodo, dove la seconda ondata della pandemia era alle porte, era necessario avere un sistema sicuro per la comuncazione tra dispositivi di controllo dell'ingresso e il \"back-end\", come tablet con termoscanner e software per il riconoscimento della mascherina."
},
"collaborators": [],
"languages": [
@@ -59,7 +59,7 @@
"title": {"en":"Developer in Alternative Studio","it":"Sviluppatore in Alternative Studio"},
"content": {
"en":"I've projected and developed a Telegram bot with direct communication to management software for the dog squad Italian civil defence to enable communication between HQ and agent on the ground",
- "it":"Progettazione e sviluppo di un Bot Telegram con comunicazione diretta al gestionale per la sezione cinofila della protezione civile"
+ "it":"Progettazione e sviluppo di un Bot Telegram con comunicazione diretta al gestionale per la sezione cinofila della Protezione Civile"
},
"collaborators": [],
"languages": [
@@ -80,7 +80,7 @@
"title": {"en":"ICT office's assistant","it":"Assistente dell'ufficio ICT "},
"content": {
"en":"I applied to this position, in Saxon Hill Academy, through the European project Leonardo which provided accommodation for the stay, an English course and a workplace mainly for practices the language skill. In Saxon Hill Academy, my responsibilities were:\n - Maintenance of administration's computers.\n - Maintenance of students' computers.\n - Make the sensorial room usable.",
- "it":"Ho avuto l'opportunità di lavorare in questo ambiente grazie al progetto europeo Leonardo. Questo progetto si occupava di accomodare studenti e di fornirgli tutto il necessario tra vitto e alloggio, in più prevedeva un corso di inglese e un luogo di lavoro dove fare principalmente pratica con la lingua. In questo contesto sono stato assegnato a Saxon Hill Academy dove le mansioni che ho svolto erano:\n - Manutenzione dei computer della segreteria\n - Manutenzione dei computer degli studenti \n - Rendere operativa la \"sensiorial room\" "
+ "it":"Ho avuto l'opportunità di lavorare in questo ambiente grazie al progetto europeo Leonardo. Questo progetto di 4 settimane si occupava di fornire a gli studenti tutto il necessario tra vitto e alloggio, prevedeva, inoltre, un corso di inglese e un luogo di lavoro dove fare principalmente pratica con la lingua. In questo contesto sono stato assegnato a Saxon Hill Academy dove ho svolto le seguenti mansioni:\n - Manutenzione dei computer della segreteria\n - Manutenzione dei computer degli studenti \n - Rendere operativa la \"sensiorial room\" "
},
"collaborators": [],
"languages": [
diff --git a/src/model/portfolio.json b/src/model/portfolio.json
index 10d4a31..4d199db 100644
--- a/src/model/portfolio.json
+++ b/src/model/portfolio.json
@@ -50,7 +50,7 @@
"tecnologies": [
"QMK"
],
- "images":["https://cloud.pettinato.eu/index.php/apps/files_sharing/publicpreview/HWpHJaT9HtWsfWF?x=1434&y=2094&a=true&file=IMG_20210716_202032.jpg&scalingup=0"]
+ "images":["/custom-keyboard.jpg"]
},
{
"year":{
@@ -64,7 +64,7 @@
"collaborators":[],
"languages":["bash","python"],
"tecnologies":["raspberry"],
- "images":["https://cloud.pettinato.eu/index.php/apps/files_sharing/publicpreview/P4BTpYMqsHCm53T?x=1105&y=979&a=true&file=IMG_20210213_215455.jpg&scalingup=0"]
+ "images":["/3dprinter.jpg"]
},{
"year":{
"start":"2021-09-15",
@@ -72,7 +72,7 @@
"title":{"en":"Unraid Server","it":"Unraid Server"},
"content":{
"en":"To manage all my software and data, I built a home server with Unraid server. I based the system on the Ryzen platform with an R9 3900X CPU, two 2TB disks for work data and software and, 4 disks 4TB for family storage",
- "it":"Per gestire il mio software e i miei dati, ho costruito un server basandomi sulla distrubuzione Unraid il server è basto su una piattaforma ryzen con R9 3900X, due dischi da 2TB per le cose da lavoro e 4 dischi da 4TB per lo spazio famigliare "
+ "it":"Per gestire il mio software e i miei dati, ho costruito un server basandomi sulla distrubuzione Unraid il server è basto su una piattaforma ryzen con R9 3900X, due dischi da 2TB per le cose da lavoro e 4 dischi da 4TB, in configurazione RAID10, per lo spazio per la mia famiglia "
},
"collaborators":[],
"languages":["yml"],
@@ -91,7 +91,7 @@
"collaborators":[],
"languages":[],
"tecnologies":[],
- "images":["https://cloud.pettinato.eu/index.php/apps/files_sharing/publicpreview/zS3DBDYKbbKS3En?x=1105&y=979&a=true&file=IMG_20211006_163258.jpg&scalingup=0"]
+ "images":["/workstation.jpg"]
},
{
"year":{
@@ -141,8 +141,8 @@
"end":"2021-09-30"},
"title":{"en":"Project for object oriented programming course","it":"Progetto per il corso di programmazione ad oggetti"},
"content":{
- "en":"I delevoped a IoT object container for the object oriented programming course with the possiblity to edit the devices' configuration",
- "it":"Per il corso di programmazione ad oggetti ho fatto un container di dispositivi iot con la possibilità di configurare i dispositivi"
+ "en":"I delevoped a IoT object container for the object oriented programming course with the possiblity to edit the devices' configuration. I wrote a report about it (italian) and [released the software](https://github.com/Jatus93/QONTAINER) in LGPL-3.0 License ",
+ "it":"Per il corso di programmazione ad oggetti ho fatto un container di dispositivi iot con la possibilità di configurare i dispositivi. Per maggiori infomrmazioni ho scritto una relazione al riguardo e [rilasciato il software](https://github.com/Jatus93/QONTAINER) sotto licenza LGPL-3.0"
},
"collaborators":[],
"languages":["C++"],
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 3aea278..f22ddc3 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -23,9 +23,9 @@
job:{it:"Esperienze",en:"Experiences"},
school:{it:"Formazione",en:"Training"},
contacts:{it:"Contatti",en:"Contacts"},
- hobbies:{it:"Portfolio",en:"Portfolio"}}
+ portfolio:{it:"Portfolio",en:"Portfolio"}}
-