Jatus/cv-site
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

added self referce for data

Browse Source
This commit is contained in:
Gianmarco Pettinato
2021-10-14 12:22:00 +02:00
parent 2c9ec8c379
commit 6c7a00868b
11 changed files with 380 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/elements/aboutMe.svelte
View File

@@ -40,9 +40,9 @@
{who[currentLanguage]}
</p>
</div>
<div>
<a class="cv" rel="external" href="/curriculum_it.pdf"><i class="fas fa-download"></i> curriculum_it.pdf</a>
<a class="cv" rel="external" href="/curriculum_en.pdf"><i class="fas fa-download"></i> curriculum_en.pdf</a>
<div class="cv">
<a rel="external" href="/curriculum_it.pdf"><i class="fas fa-download"></i> curriculum_it.pdf</a>
<a rel="external" href="/curriculum_en.pdf"><i class="fas fa-download"></i> curriculum_en.pdf</a>
</div>
</div>
<style lang="scss">
@@ -53,23 +53,28 @@
border-radius: 10px;
margin: auto;
max-width: $cv-max-width;
width: 95%;
width: 90%;
height: auto;
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;
-moz-box-shadow: -12px 26px 25px -14px $rich-black-fogra-29;
padding-top: 2vh;
padding: 1vh;
padding-bottom: 2vh;
text-align: center;
padding-top: 2vh;
text-align: justify;
}
.cv{
.cv>a{
font-size: unset;
text-decoration: none;
width: 50%;
margin: 20px;
}
.cv{
text-align: center;
}
.profile{

1
src/elements/contacts.svelte
View File

@@ -20,7 +20,6 @@
justify-content: center;
align-items: center;
height: auto;
font-size: 1.1em;
border-radius: 10px;
width: 95%;
border-style: solid;

26
src/elements/jobs.svelte
View File

@@ -9,7 +9,12 @@
import data from '../model/jobs.json'
import type { Schema } from 'src/model/job';
export let currentLanguage = 'it'
const jobs:Schema[] = data as Schema[];
// const jobs:Schema[] = data as Schema[];
let jobs:Schema[] = data as Schema[];
fetch('/data/jobs.json').then(async (resp)=>{
jobs = (await resp.json()) as Schema[];
}).catch(console.error);
export function changeLanguage(language = 'it'){
currentLanguage = language
@@ -59,33 +64,28 @@
background-color:$steel-blue;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
height: auto;
font-size: 1.1em;
border-radius: 10px;
width: 95%;
width: 90%;
border-radius: 10px;
box-shadow: -12px 26px 25px -14px $rich-black-fogra-29;
-webkit-box-shadow: -12px 26px 25px -14px $rich-black-fogra-29;
-moz-box-shadow: -12px 26px 25px -14px $rich-black-fogra-29;
padding-top: 1.5vh;
padding-bottom: 1.5vh;
padding: 1vh;
}
.job{
background-color: $cultured;
text-align: center;
width: 98%;
border-radius: 10px;
margin-bottom: 10px;
margin-top: 10px;
padding-top: 2vh;
padding-bottom: 2vh;
margin-bottom: 1vh;
padding: 1vh;
background-color: $cultured;
border-style: solid;
border-width: 0.1px;
}
.job:last-child{
margin-bottom: 0px;
}
.job-content{
padding: 2vh;

28
src/elements/portfolio.svelte
View File

@@ -9,13 +9,17 @@
import data from '../model/portfolio.json'
import type { Schema } from 'src/model/job';
export let currentLanguage = 'it'
const portfolio:Schema[] = data as Schema[];
// let portfolio:Schema[] = data as Schema[];
let portfolio:Schema[] = [];
fetch('/data/portfolio.json').then(async (resp)=>{
portfolio = (await resp.json()) as Schema[];
}).catch(console.error);
export function changeLanguage(language = 'it'){
currentLanguage = language
}
</script>
<div class="extraContainer">
<div class="portfolioContainer">
{#each portfolio as element }
<div class="element">
<h3>{element.title[currentLanguage]}</h3>
@@ -49,23 +53,18 @@
<style lang="scss">
@import '/node_modules/@fortawesome/fontawesome-free/css/all.css';
@import './static/colors.scss';
.extraContainer{
.portfolioContainer{
margin: auto;
background-color:$steel-blue;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
height: auto;
font-size: 1.1em;
border-radius: 10px;
width: 95%;
width: 90%;
border-radius: 10px;
box-shadow: -12px 26px 25px -14px $rich-black-fogra-29;
-webkit-box-shadow: -12px 26px 25px -14px $rich-black-fogra-29;
-moz-box-shadow: -12px 26px 25px -14px $rich-black-fogra-29;
padding-top: 1.5vh;
padding-bottom: 1.5vh;
padding: 1vh;
}
.element{
@@ -73,14 +72,17 @@
text-align: center;
width: 98%;
border-radius: 10px;
margin-bottom: 10px;
margin-top: 10px;
margin-bottom: 1vh;
padding: 1vh;
background-color: $cultured;
border-style: solid;
border-width: 0.1px;
}
.element:last-child{
margin-bottom: 0px;
}
.images{
width: 90%;
display: flex;
@@ -112,7 +114,7 @@
}
@media screen and (min-width: 600px) {
.extraContainer{
.portfolioContainer{
display: flex;
height: auto;
max-width: $cv-max-width;

71
src/elements/training.svelte
View File

@@ -8,25 +8,26 @@
import data from '../model/training.json'
import type { Schema } from 'src/model/job';
export let currentLanguage = 'it'
const training:Schema[] = data as Schema[];
let training:Schema[] = [];
fetch('/data/training.json').then(async (resp)=>{
training = (await resp.json()) as Schema[];
}).catch(console.error);
export function changeLanguage(language = 'it'){
currentLanguage = language
}
</script>
<div class="trainingContainer">
<div class="training">
{#each training as school }
<div class="element">
<img src="{school.images[0]}" alt="school logo" />
<div>
<h4>{school.title[currentLanguage]}</h4>
<p>{school.content[currentLanguage]}</p>
<p>{school.year.start} - {school.year.end}</p>
</div>
{#each training as school }
<div class="element">
<img src="{school.images[0]}" alt="school logo" />
<div>
<h4>{school.title[currentLanguage]}</h4>
<p>{school.content[currentLanguage]}</p>
<p>{school.year.start} - {school.year.end}</p>
</div>
{/each}
</div>
</div>
{/each}
</div>
<style lang="scss">
@import './static/colors.scss';
@@ -35,34 +36,41 @@
background-color:$navajo-white;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
height: auto;
font-size: 1.1em;
border-radius: 10px;
width: 95%;
width: 90%;
border-radius: 10px;
box-shadow: -12px 26px 25px -14px $rich-black-fogra-29;
-webkit-box-shadow: -12px 26px 25px -14px $rich-black-fogra-29;
-moz-box-shadow: -12px 26px 25px -14px $rich-black-fogra-29;
padding-top: 1vh;
padding-bottom: 1vh;
padding: 1vh;
}
.element{
padding: 2vw;
width: auto;
background-color: $cultured;
text-align: justify;
display: flex;
align-items: center;
align-items: center ;
width: 98%;
border-radius: 10px;
margin-bottom: 1vh;
padding: 1vh;
background-color: $cultured;
border-style: solid;
border-width: 0.1px;
}
.element:last-child{
margin-bottom: 0px;
}
.element>img{
width: 35%;
max-width: 35%;
margin: auto;
}
.element>div{
max-width: 50%;
margin: auto;
margin-left: auto;
justify-self: end;
}
@@ -72,21 +80,6 @@
text-align: justify;
}
.training{
background-color: $cultured;
text-align: center;
width: 98%;
border-radius: 10px;
// margin-bottom: 10px;
margin-bottom: 10px;
margin-top: 10px;
padding-top: 2vh;
padding-bottom: 2vh;
background-color: $cultured;
border-style: solid;
border-width: 0.1px;
}
@media screen and (min-width: 600px) {
.trainingContainer{
display: flex;

2
src/model/portfolio.json
View File

@@ -100,7 +100,7 @@
"title":{"en":"Software Engineering Project","it":"Progetto di Ingegneria del Software"},
"content":{
"en":"While in university, I worked on a project for the software engineering course. The group decided to develop the project Etherless, a FAAS based on Etherium and AWS lambda. The system worked like this, a user writes a function and uploads it to the service that assigns a cost of execution. Then, when a user wants to execute the function, must issue the request and pay the execution through the Ethereum network. We released all the software in MIT licence here [Tenners Unipd](https://github.com/TennersUnipd).",
"it":"Per il corso di ingegneria del software sono stato assegnato ad un gruppo di colleghi di corso universitario e di sviluppare uno dei progetti proposti. Scegliemmo di sviluppare il progetto Etherless un **FAAS** usando la piattaforma AWS lambda per l'esecuzione delle funzioni. Gli utenti possono scrivere e pubblicare funzioni sulla servizio, determinandone il costo di esecuzione. Quindi, gli utenti possono eseguire le funzioni pubblicate richiedendone l'esecuzione attraverso la rete Ethereum. Abbiamo rilasciato il software in licenza MIT [Tenners Unipd](https://github.com/TennersUnipd)"
"it":"Per il corso di ingegneria del software sono stato assegnato ad un gruppo di colleghi di corso universitario e di sviluppare uno dei progetti proposti. Scegliemmo di sviluppare il progetto Etherless un **FAAS** usando la piattaforma AWS lambda per l'esecuzione delle funzioni. Gli utenti possono scrivere e pubblicare funzioni sulla servizio, determinandone il costo di esecuzione. Quindi, altri utenti del servizio possono eseguire le funzioni pubblicate richiedendone l'esecuzione, pagando il corrispettivo compenso, attraverso la rete Ethereum. Abbiamo rilasciato il software in licenza MIT [Tenners Unipd](https://github.com/TennersUnipd)"
},
"collaborators":[{"name":"Gezim","surname":"Cikaqi","ref":"https://www.linkedin.com/in/gezimcikaqi/"},{"name":"Gabriel","surname":"Ciulei","ref":"https://www.linkedin.com/in/gabriel-ciulei/"},{"name":"Simone","surname":"Franconetti","ref":"https://www.linkedin.com/in/simone-franconetti-2b48b4147/"},{"name":"Giovanni","surname":"Incalza","ref":"https://www.linkedin.com/in/giovanni-incalza/"},{"name":"Nicola","surname":"Salvadore","ref":"https://www.linkedin.com/in/nicola-salvadore-02b015210/"},{"name":"Paola","surname":"Trevisan","ref":"https://www.linkedin.com/in/paola-trevisan-166891113/"}],
"languages":["typescript","solidity","yml"],