<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>
