Afegir compoentn de tecnologia

src/lib/tech.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+	export let tech: string;
+	export let logoBaseDir: string;
+	export let logoFiletype: 'svg'| 'png' = 'svg';
+	export let size: 'small' | 'medium' | 'big' = 'small'
+
+	let logoDir: string = `/${logoBaseDir}/${tech}-logo.${logoFiletype}`;
+	let logoAlt: string = `${tech} logo`;
+	let isSmall = size === 'small';
+	let isMedium = size === 'medium';
+	let isBig = size === 'big';
+</script>
+<img src={logoDir} alt={logoAlt} class:small={isSmall} class:medium={isMedium} class:big={isBig}>
+<style>
+	.small {
+		height: 3rem;
+	}
+	.medium {
+		height: 3.5rem;
+	}
+	.big {
+		height: 4rem;
+	}
+</style>