80 lines
2.8 KiB
Svelte
80 lines
2.8 KiB
Svelte
<script lang="ts">
|
|
import Contacts from './Contacts.svelte';
|
|
import Skills from './Skills.svelte';
|
|
export let currentLanguage: CurrentLanguage = 'it';
|
|
import { FontAwesomeIcon } from '@fortawesome/svelte-fontawesome';
|
|
import { faDownload } from '@fortawesome/free-solid-svg-icons';
|
|
import { library, findIconDefinition } from '@fortawesome/fontawesome-svg-core';
|
|
library.add(faDownload);
|
|
const downloadDefinition = findIconDefinition({ prefix: 'fas', iconName: 'download' });
|
|
import type { CurrentLanguage, LanguagePair } from '$lib/types';
|
|
const whoIt =
|
|
"Ciao! Sono Gianmarco Pettinato, mi sono laureato in scienze informatiche e sono uno sviluppatore full-stack.\
|
|
Ho famigliarità con diversi linguaggi e framework, sia front-end che back-end.\
|
|
In particolare con C++ con Qt e TypeScript con Express, serverless, Angular, Vue.js e Svelte.\
|
|
Tra le mie competenze, oltre allo sviluppo software e alla manutenzione di sistemi linux, spicca la gestione di ambienti CI/CD, con pipeline automatiche e container come Docker.\
|
|
Sono interessato in particolar modo all'ambiente dei dispositivi IoT e del wearble tech.\
|
|
Nel tempo libero mi dedico alla gestione del mio home sever e alla costruzione e manutenzione di computer.\
|
|
Per maggiori informazioni non esitate a contattarmi.";
|
|
const whoEn =
|
|
"Hi! I'm Gianmarco Pettinato. I have a bachelor degree in computer science, and I'm a full-stack developer.\
|
|
I know several languages and frameworks, either front-end or back-end.\
|
|
In particular, I have experience in C++ with Qt and TypeScript with Express, serverless, Angular, Vue.js and Svelte.\
|
|
Among my skill-set, there is the administration of the CI/CD environment with Docker.\
|
|
I'm interested in the IoT world and Wearable tech. In my free time, I like to manage my GNU/Linux home server and build PCs.";
|
|
|
|
const who: LanguagePair = {
|
|
it: whoIt,
|
|
en: whoEn
|
|
};
|
|
const cvUrl: LanguagePair = { it: '/curriculum_it.pdf', en: '/curriculum_en.pdf' };
|
|
</script>
|
|
|
|
<div class="aboutMe">
|
|
<div class="title">
|
|
<h1>Gianmarco Pettinato</h1>
|
|
<h2>Software developer</h2>
|
|
</div>
|
|
|
|
<Contacts />
|
|
<div class="whoIAm">
|
|
<p>
|
|
{who[currentLanguage]}
|
|
</p>
|
|
</div>
|
|
<div class="cv">
|
|
<div>
|
|
<a rel="external" href={cvUrl[currentLanguage]}
|
|
>curriculum<i><FontAwesomeIcon icon={downloadDefinition} /></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style lang="scss">
|
|
@import '../../app.scss';
|
|
.cv {
|
|
width: 80%;
|
|
margin: auto;
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
}
|
|
.whoIAm {
|
|
margin: auto;
|
|
text-align: justify;
|
|
}
|
|
.aboutMe {
|
|
background-color: $basecolor2;
|
|
// border: solid 1px $border-color;
|
|
border-radius: $default-border-radius;
|
|
padding: 30px;
|
|
margin: 10px;
|
|
.title {
|
|
display: none;
|
|
@media (min-width: $min-tablet) {
|
|
display: unset;
|
|
}
|
|
}
|
|
}
|
|
</style>
|