<script lang="ts">
    import Link from '$lib/link.svelte';
	import Title from '$lib/title.svelte';
	import Ubication from '$lib/ubication.svelte';
</script>
<section id="main">
	<Title title="Who am I?"/>
	<p>I'm a <strong>fullstack</strong> developer, focused on <strong>front-end</strong>, and also a <strong>bioinformatician</strong>.</p>
	<div class="pb-3">
		<p class="text-3xl font-semibold py-3">Education</p>
		<p>I've studied Web Development, with a specialization in bioinformatics.</p>
		<ul class="list-disc">
			<li>Higher Proefssional Degree on Web Development - Bioinformatics Specialization<br>@ <Link {...{link: 'https://proven.cat', text: 'Institut Provençana', underline: true}} /></li>
			<li>Middle Professional Defree on Information Systems & Networks<br>@ <Link link="https://escoladeltreball.org" text="Insitut - Escola del Treball de Barcelona" underline={true} /></li>
		</ul>
	</div>
	<div class="subsection pb-3" id="status">
		<p class="text-3xl font-semibold py-3">Curent status</p>
		<p>Based in: <Ubication>L'Hospitalet de Llobregat</Ubication></p>
		<p>Employment: <span>Unemployed <span class="fa-solid fa-circle text-red-500"></span></span></p>
	</div>
</section>
