From a8648eca7746145d895f79f3863e42922a766370 Mon Sep 17 00:00:00 2001
From: Pau Figueras <pau@pswms.cat>
Date: Wed, 27 Mar 2024 14:39:49 +0100
Subject: [PATCH] Afegir compoentn de tecnologia

---
 src/lib/tech.svelte | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 src/lib/tech.svelte

diff --git a/src/lib/tech.svelte b/src/lib/tech.svelte
new file mode 100644
index 0000000..171e766
--- /dev/null
+++ b/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>