pswsm/svelte-ts
1
0
Fork 0
Codi Incidències 4 Sol·licituds Pull Paquets Projectes 1 Llançaments Wiki Activitat

Afegir techs, utilitzar el compoennt nou

Explorar la Font
This commit is contained in:
Pau Figueras 2024-03-27 14:40:17 +01:00
pare 0ee6813461
commit b2abe03da4
S'han modificat 1 arxius amb 9 adicions i 8 eliminacions
Mostrar estadístiques Descarregar el fitxer de pedaç Descarregar el fitxer de diferències Expand all files Collapse all files

17
src/routes/abtme/+page.svelte
Veure arxiu

@ -1,10 +1,12 @@
<script lang="ts"> <script lang="ts">
import Link from '$lib/link.svelte'; import Link from '$lib/link.svelte';
import Tech from '$lib/tech.svelte';
import Title from '$lib/title.svelte'; import Title from '$lib/title.svelte';
import Ubication from '$lib/ubication.svelte'; import Ubication from '$lib/ubication.svelte';
let techs: string[] = ['ts', 'js', 'svelte', 'react', 'cpp', 'python', 'rust', 'angular'];
</script> </script>
<section class="grid grid-cols-8 gap-2"> <section class="grid grid-cols-8 gap-2">
<grid-section id="main" class="col-span-6 sm:col-span-8"> <grid-section id="main" class="lg:col-span-6 md:col-span-8">
<Title title="Who am I?"/> <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> <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">
@ -21,13 +23,12 @@
<p>Employment: Backend Developer @ <Link link="https://taclia.es" text="Taclia" asCode underline/></p> <p>Employment: Backend Developer @ <Link link="https://taclia.es" text="Taclia" asCode underline/></p>
</div> </div>
</grid-section> </grid-section>
<grid-section id="lateral"> <grid-section id="lateral" class="lg:col-span-2 md:col-span-8">
<p class="text-2xl font-semibold">Technologies</p> <p class="text-3xl font-semibold py-2">Technologies</p>
<div class="flex"> <div class="flex flex-wrap gap-2">
<img src="/tech/ts/ts-logo-512.svg" alt="TypeScript logo" class="w-6"> {#each techs as tech}
<img src="/tech/js/js-logo-512.svg" alt="JavaScript logo" class="w-6"> <Tech logoBaseDir="tech" {tech} size="small"/>
<img src="/tech/react/react-logo-512.svg" alt="React logo" class="w-6"> {/each}
<img src="/tech/svelte/svelte-logo.svg" alt="Svelte logo" class="w-6">
</div> </div>
</grid-section> </grid-section>
</section> </section>