35 líneas
1,7 KiB
Svelte
35 líneas
1,7 KiB
Svelte
<script lang="ts">
|
|
import Link from '$lib/link.svelte';
|
|
import Tech from '$lib/tech.svelte';
|
|
import Title from '$lib/title.svelte';
|
|
import Ubication from '$lib/ubication.svelte';
|
|
let techs: string[] = ['ts', 'js', 'svelte', 'react', 'cpp', 'python', 'rust', 'angular'];
|
|
</script>
|
|
<section class="grid grid-cols-8 gap-2">
|
|
<grid-section id="main" class="lg:col-span-6 md:col-span-8">
|
|
<Title title="Who am I?"/>
|
|
<p>I'm a <strong>fullstack</strong> developer (don't mind either front or back), 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: Backend Developer @ <Link link="https://taclia.es" text="Taclia" asCode underline/></p>
|
|
</div>
|
|
</grid-section>
|
|
<grid-section id="lateral" class="lg:col-span-2 md:col-span-8">
|
|
<p class="text-3xl font-semibold py-2">Technologies</p>
|
|
<div class="flex flex-wrap gap-2">
|
|
{#each techs as tech}
|
|
<Tech logoBaseDir="tech" {tech} size="small"/>
|
|
{/each}
|
|
</div>
|
|
</grid-section>
|
|
</section>
|