Afegir technologies, millorar la pagina about me

This commit is contained in:
Pau Figueras 2024-03-25 17:13:59 +01:00
pare e38be8d5e5
commit 0850c7fc63
S'han modificat 2 arxius amb 34 adicions i 16 eliminacions

Veure arxiu

@ -3,9 +3,10 @@
import Title from '$lib/title.svelte'; import Title from '$lib/title.svelte';
import Ubication from '$lib/ubication.svelte'; import Ubication from '$lib/ubication.svelte';
</script> </script>
<section id="main"> <section class="grid grid-cols-8 gap-2">
<grid-section id="main" class="col-span-6">
<Title title="Who am I?"/> <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> <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"> <div class="pb-3">
<p class="text-3xl font-semibold py-3">Education</p> <p class="text-3xl font-semibold py-3">Education</p>
<p>I've studied Web Development, with a specialization in bioinformatics.</p> <p>I've studied Web Development, with a specialization in bioinformatics.</p>
@ -17,6 +18,16 @@
<div class="subsection pb-3" id="status"> <div class="subsection pb-3" id="status">
<p class="text-3xl font-semibold py-3">Curent status</p> <p class="text-3xl font-semibold py-3">Curent status</p>
<p>Based in: <Ubication>L'Hospitalet de Llobregat</Ubication></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> <p>Employment: Backend Developer @ <Link link="https://taclia.es" text="Taclia" asCode underline/></p>
</div> </div>
</grid-section>
<grid-section id="lateral">
<p class="text-2xl font-semibold">Technologies</p>
<div class="flex">
<img src="/tech/ts/ts-logo-512.svg" alt="TypeScript logo" class="w-6">
<img src="/tech/js/js-logo-512.svg" alt="JavaScript logo" class="w-6">
<img src="/tech/react/react-logo-512.svg" alt="React logo" class="w-6">
<img src="/tech/svelte/svelte-logo.svg" alt="Svelte logo" class="w-6">
</div>
</grid-section>
</section> </section>

Veure arxiu

@ -13,3 +13,10 @@ section {
margin-top: 1.25rem; margin-top: 1.25rem;
margin-bottom: 1.25rem; margin-bottom: 1.25rem;
} }
grid-section {
margin-left: auto;
margin-right: auto;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}