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