sponsors: add 37signals at diamond + style fixes

src/content/sponsors.json

@@ -1,6 +1,5 @@
 {
-	"diamond": [],
-	"platinum": [
+	"diamond": [
 		{
 			"name": "37signals",
 			"image": "/imgs/sponsors/37signals.svg",
@@ -8,9 +7,8 @@
 			"link": "https://37signals.com/"
 		}
 	],
-
+	"platinum": [],
 	"gold": [],
-
 	"silver": [],
 	"bronze": []
 }

src/lib/components/Sponsor.svelte

@@ -9,7 +9,7 @@
 	export let sloganClass = ''
 </script>
 
-<Clickable href={sponsor.link} class="flex flex-col  items-center gap-4">
+<Clickable href={sponsor.link} class="flex flex-col items-center gap-4">
 	{#if showImage && sponsor.image}
 		<img
 			title={sponsor.name}
@@ -23,7 +23,7 @@
 	{:else}
 		<div
 			class={cn(
-				'size-full px-1 py-0.5 text-sm font-medium  text-slate-100',
+				'size-full px-1 py-0.5 text-sm font-medium text-slate-100',
 				sponsor.link && 'hover:text-cyan-200',
 				showImage && 'text-lg'
 			)}

src/routes/home-slices/SponsorsSlice.svelte

@@ -40,7 +40,7 @@
 							</h2>
 							<div class="flex justify-center gap-14 md:gap-16">
 								{#each sponsors.diamond as sponsor}
-									<Sponsor {sponsor} showImage showSlogan class="h-16 w-40 md:h-24 md:w-64" />
+									<Sponsor {sponsor} showImage showSlogan class="h-18 w-50 md:h-30 md:w-72" />
 								{/each}
 							</div>
 						</div>