add partner and speakers

src/lib/components/PeopleList.svelte

@@ -32,11 +32,15 @@
 			<div class="pb-4 px-4">
 				<div class="mt-4 speaker-name animate-speaker font-mono2">{item.name.toUpperCase()}</div>
 				<div class="text-mild">
+					{#if item.twitter}
 					<a
 						href={twitterLink(item.twitter)}
 						class="hover:underline animate-speaker"
 						target="_blank">@{item.twitter}</a
 					>
+					{:else if item.link}
+					<a href={item.link} class="hover:underline animate-speaker" target="_blank">{item.linkText || "link"}</a>
+					{/if}
 				</div>
 				{#if item.caption}
 					<div class="mt-2 text-sm text-supermild markdown-basic">

src/lib/config.yaml

@@ -191,6 +191,19 @@ people:
     caption: |
       Summoner of [IranUnchained](https://www.iranunchained.com/), [Privacy Pools](https://www.privacypools.com/), [MolochDAO](https://molochdao.com/)
     country: us
+  - id: alex-kampa
+    name: Alex Kampa
+    img: alex-kampa.jpg
+    link: https://lu.linkedin.com/in/alex-kampa
+    linkText: "@alex-kampa"
+    caption: |
+      Director at [Aragon ZK Research](https://research.aragon.org/)
+  - id: antoni-zolciak
+    name: Antoni Zolciak  
+    img: antoni-zolciak.jpg
+    twitter: AntoniZolciak
+    caption: |
+      Co-founder of [Aleph Zero](https://alephzero.org/) & [Cardinal](https://cardinal.co/)
 hosts:
   - mykola
   #- tree
@@ -200,13 +213,27 @@ speakers:
   - ameen-soleimani
   - guy-zyskind
   - max-hampshire
+  - antoni-zolciak
+  - alex-kampa
   - mario-havel
   - manu-alzuru
   - nick-almond
   - juraj-bednar
   - dcbuilder
   - alona-shevchenko
+partnerLevels:
+  - key: 2
+    name: Sponsors
+  - key: null
+    name: Media partners
 partners:
+  - id: aragon-zk-research
+    name: Aragon ZK Research
+    web: https://research.aragon.org/
+    twitter: aragon_zk
+    img: aragon-zk-research.svg
+    padding: 4
+    level: 2
   - id: lunardao
     name: LunarDAO
     web: https://lunardao.net

src/routes/+page.svelte

@@ -63,35 +63,38 @@
 </div>
 
 <div class="" id="sponsors">
-	<div class="middle-pane-medium pt-16 mx-auto pb-32">
+	<div class="middle-pane-medium pt-16 mx-auto pb-24">
 		<div class="section-header" on:mouseenter={animateText}>Partners</div>
-		<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-2 mb-12">
-			{#each data.config.partners as partner}
-				<div class="partner-item text-center items-center p-2" 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 {partner.padding
-									? `p-${partner.padding}`
-									: ''}"
-							/></a
-						>
-					</div>
-					<div class="p-2 partner-text">
+		{#each data.config.partnerLevels as level}
+			<div class="lowercase pb-6 text-xl font-mono2">{level.name}</div>
+			<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-2 mb-6">
+				{#each data.config.partners.filter(p => p.level == level.key) as partner}
+					<div class="partner-item text-center items-center p-2" on:mouseenter={animateSection(40)}>
 						<div>
-							<a href={partner.web} class="font-mono2 animate-section lowercase">{partner.name}</a>
-						</div>
-						<div>
-							<a href="https://twitter.com/{partner.twitter}" class="text-sm text-mild"
-								>@{partner.twitter}</a
+							<a href={partner.web}
+								><img
+									src="/partners/{partner.img}"
+									class="partner-img aspect-[16/11] w-full h-full object-contain {partner.padding
+										? `p-${partner.padding}`
+										: ''}"
+								/></a
 							>
 						</div>
+						<div class="p-2 partner-text">
+							<div>
+								<a href={partner.web} class="font-mono2 animate-section lowercase">{partner.name}</a>
+							</div>
+							<div>
+								<a href="https://twitter.com/{partner.twitter}" class="text-sm text-mild"
+									>@{partner.twitter}</a
+								>
+							</div>
+						</div>
 					</div>
-				</div>
-			{/each}
-		</div>
-		<div>
+				{/each}
+			</div>
+		{/each}
+		<div class="mt-10">
 			<a href={data.config.sponsorUrl}
 				><button class="button text-lg" on:mouseenter={animateText}>Become a partner</button></a
 			>