added sw-jobs project

src/lib/ProjectCard/VendorGallery.svelte

@@ -4,9 +4,9 @@
 	export let vendors;
 </script>
 
-<div class="my-4 dark:bg-slate-800 w-fit mx-auto rounded-2xl p-2">
+<div class="my-4 dark:bg-slate-800 mx-auto w-fit rounded-2xl p-2">
 	<h3 class="text-xl mb-2 text-center">built with</h3>
-	<div class="flex justify-center gap-6 flex-wrap">
+	<div class="flex justify-center gap-4">
 		{#each vendors as vendor}
 			<VendorIcon {...vendor} />
 		{/each}

src/lib/ProjectCard/VendorIcon.svelte

@@ -3,8 +3,7 @@
 	export let img;
 </script>
 
-
+<div class="flex flex-col justify-center max-w-16 max-h-16 hover:scale-110 text-center">
-	<div class="flex flex-col justify-center h-16 hover:scale-110">
+	<img src={img} alt={name} class="min-h-12 self-center" />
-		<img src={img} alt={name} class="min-h-12 max-w-12 self-center" />
+	<p class="text-slate-900 dark:text-stone-200 font-normal">{name}</p>
-		<p class="text-slate-900 dark:text-stone-200 font-normal">{name}</p>
+</div>
-	</div>

src/lib/projects.js

@@ -7,8 +7,47 @@ import nextjsIcon from '$lib/images/vendorIcons/nextjsIcon.svg';
 import drizzleIcon from '$lib/images/vendorIcons/drizzleIcon.webp';
 import zustandIcon from '$lib/images/vendorIcons/zustandIcon.png';
 import shadcnIcon from '$lib/images/vendorIcons/shadcnIcon.png';
+import goIcon from '$lib/images/vendorIcons/goIcon.svg';
+import awsIcon from '$lib/images/vendorIcons/awsIcon.webp';
 
 export const projects = [
+	{
+		category: 'nextjs',
+		title: 'Software Jobs',
+		url: '',
+		description:
+			"I wanted an excuse to try out Go, and I also want to find a job. The scraper is built with Go and the Colly package. It runs on a AWS EC2 instance, and the frontend is built with Next.js which is deployed to Vercel.",
+		repo: 'https://gitea.rannes.dev/rannes.dev/sw-jobs-go',
+		rss: 'https://gitea.rannes.dev/rannes.dev/sw-jobs-go.rss',
+		image: '',
+		vendors: [
+			{
+				name: 'Go',
+				img: goIcon,
+				url: 'https://go.dev/'
+			},
+			{
+				name: 'Next.js',
+				img: nextjsIcon,
+				url: 'https://nextjs.org/'
+			},
+			{
+				name: 'Tailwind',
+				img: tailwindIcon,
+				url: 'https://tailwindcss.com/'
+			},
+			{
+				name: 'Vercel',
+				img: vercelIcon,
+				url: 'https://vercel.com/'
+			},
+			{
+				name: 'AWS',
+				img: awsIcon,
+				url: 'https://aws.amazon.com/'
+			}
+		]
+	},
 	{
 		category: 'svelte',
 		title: 'Portfolio',