71 lines
2.4 KiB
Svelte
71 lines
2.4 KiB
Svelte
<script lang="ts">
|
|
import Contacts from './Contacts.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.\
|
|
Ho famigliarità con diversi linguaggi e framework, sia front-end che back-end.\
|
|
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.";
|
|
const whoEn =
|
|
"Hi! I'm Gianmarco Pettinato. I have a bachelor's degree in computer science, and I'm a developer.\
|
|
I know several languages and frameworks, front-end and back-end.\
|
|
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';
|
|
|
|
.whoIAm {
|
|
margin: auto;
|
|
text-align: justify;
|
|
}
|
|
.aboutMe {
|
|
background-color: $basecolor2;
|
|
// border: solid 1px $border-color;
|
|
border-radius: $default-border-radius;
|
|
margin-top: 20px;
|
|
padding: 30px;
|
|
}
|
|
.title {
|
|
display: none;
|
|
@media (min-width: $min-tablet) {
|
|
display: unset;
|
|
}
|
|
}
|
|
</style>
|