update

src/app.css

@@ -201,4 +201,9 @@
 	.person-item {
 		@apply cursor-help transition-all duration-500;
 	}
+	.partner-item { @apply transition-all; }
+	.partner-item .partner-img { @apply grayscale; }
+	.partner-item:hover .partner-img { @apply grayscale-0; }
+	.partner-item .partner-text { @apply invisible; }
+	.partner-item:hover .partner-text { @apply visible; }
 }

src/lib/config.yaml

@@ -123,39 +123,69 @@ people:
   - id: tree
     name: Tree
     twitter: treecz
-    img: tree.jpeg
+    img: tree.jpg
     caption: Creator of lunarpunk hackathons & events
     country: cz
   - id: juraj-bednar
     name: Juraj Bednar
     twitter: jurbed
-    img: juraj-bednar.jpeg
+    img: juraj-bednar.jpg
     caption: Educator, writer, cryptoanarchist & biohacker
     country: sk
   - id: mario-havel
     name: Mario Havel
     twitter: TMIYChao
-    img: mario-havel.jpeg
+    img: mario-havel.jpg
     caption: Hacker, Co-Founder of [Bordel Hackerspace](https://bordel.paralelnipolis.cz/#/)
     country: cz
   - id: guy-zyskind
     name: Guy Zyskind
     twitter: GuyZys
-    img: guy-zyskind.jpeg
+    img: guy-zyskind.jpg
     caption: Founder of [Secret Network](https://scrt.network/), CEO [SCRT Labs](https://www.scrtlabs.com/)
     country: is
   - id: manu-alzuru
     name: Manu Alzuru
     twitter: ManuAlzuru
-    img: manu-alzuru.jpeg
+    img: manu-alzuru.jpg
     caption: Humanist, solarpunk, Founder of [DoinGud](https://doingud.com/) & [ETH Barcelona](https://ethbarcelona.com/)
     country: es
+  - id: max-hampshire
+    name: Max Hampshire
+    twitter: _wjth
+    img: max-hampshire.jpg
+    caption: Senior devrel of [Nym](https://nymtech.net/), Co-founder of [terra0](https://terra0.org/)
+    country: at
+  - id: nick-almond
+    name: Nick Almond
+    twitter: DrNickA
+    img: nick-almond.jpg
+    caption: Building next gen DAOs with [FactoryDAO](https://www.factorydao.xyz/)
+    country: gb
 speakersNote: We keep adding more and more speakers, stay tuned ...
 speakers:
   - guy-zyskind
   - manu-alzuru
   - juraj-bednar
   - mario-havel
+  - max-hampshire
+  - nick-almond
+partners:
+  - id: lunardao
+    name: LunarDAO
+    web: https://lunardao.net
+    twitter: lunarpunksquad
+    img: lunardao.jpg
+  - id: gweicz
+    name: Gwei.cz
+    web: https://gwei.cz
+    img: gweicz.png
+    twitter: gweicz
+  - id: ethbrno
+    name: ETHBrno
+    web: https://ethbrno.cz
+    img: ethbrno.svg
+    twitter: ETHBrno
 hosts:
   - mykola
   - tree

src/routes/+page.svelte

@@ -65,6 +65,17 @@
 <div class="" id="sponsors">
 	<div class="middle-pane-medium pt-16 mx-auto pb-32">
 		<div class="section-header" on:mouseenter={animateText}>Partners</div>
+		<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4 mb-12">
+			{#each data.config.partners as partner}
+				<div class="partner-item text-center uppercase hover:lowercase items-center p-4" on:mouseenter={animateSection(40)}>
+					<div><a href={partner.web}><img src="/partners/{partner.img}" class="partner-img aspect-[16/11] w-full h-full object-contain" /></a></div>
+					<div class="p-2 partner-text">
+						<div><a href={partner.web} class="font-mono2 animate-section">{partner.name}</a></div>
+						<div><a href="https://twitter.com/{partner.twitter}" class="text-sm">@{partner.twitter}</a></div>
+					</div>
+				</div>	
+			{/each}
+		</div>
 		<div>
 			<a href={data.config.sponsorUrl}
 				><button class="button text-lg" on:mouseenter={animateText}>Become a partner</button></a