add alona

src/app.css

@@ -22,6 +22,9 @@
 	.markdown a {
 		@apply underline hover:no-underline text-white;
 	}
+	.markdown-basic a {
+		@apply underline hover:no-underline;
+	}
 
 	.markdown p {
 	}
@@ -216,10 +219,22 @@
 	.person-item {
 		@apply cursor-help transition-all duration-500;
 	}
-	.partner-item .partner-img { @apply grayscale; }
+	.partner-item .partner-img {
-	.partner-item:hover .partner-img { @apply grayscale-0; }
+		@apply grayscale;
-	.partner-item .partner-text { @apply text-white/0 transition-all duration-300; }
+	}
-	.partner-item .partner-text .text-mild { @apply text-white/0; }
+	.partner-item:hover .partner-img {
-	.partner-item:hover .partner-text { @apply text-white; }
+		@apply grayscale-0;
-	.partner-item:hover .partner-text .text-mild { @apply text-white/50 duration-1000; }
+	}
+	.partner-item .partner-text {
+		@apply text-white/0 transition-all duration-300;
+	}
+	.partner-item .partner-text .text-mild {
+		@apply text-white/0;
+	}
+	.partner-item:hover .partner-text {
+		@apply text-white;
+	}
+	.partner-item:hover .partner-text .text-mild {
+		@apply text-white/50 duration-1000;
+	}
 }

src/lib/components/PeopleList.svelte

@@ -32,12 +32,16 @@
 			<div class="pb-3.5 px-5">
 				<div class="mt-4 speaker-name animate-speaker font-mono2">{item.name.toUpperCase()}</div>
 				<div class="text-mild">
-					<a href={twitterLink(item.twitter)} class="hover:underline animate-speaker" target="_blank"
+					<a
-						>@{item.twitter}</a
+						href={twitterLink(item.twitter)}
+						class="hover:underline animate-speaker"
+						target="_blank">@{item.twitter}</a
 					>
 				</div>
 				{#if item.caption}
-					<div class="mt-2 text-sm text-supermild"><SvelteMarkdown source={item.caption} /></div>
+					<div class="mt-2 text-sm text-supermild markdown-basic">
+						<SvelteMarkdown source={item.caption} />
+					</div>
 				{/if}
 			</div>
 		</div>

src/lib/config.yaml

@@ -122,19 +122,19 @@ people:
     name: Mykola Siusko
     twitter: nicksvyaznoy
     img: mykola.png
-    caption: Web3 privacy advocate
+    caption: Web3 privacy advocate behind [Web3Privacy Now](https://web3privacy.info/)
     country: es
   - id: tree
     name: Tree
     twitter: treecz
     img: tree.jpg
-    caption: Creator of lunarpunk hackathons & events
+    caption: Orchestrator of lunarpunk events like [ETHBrno](https://ethbrno.cz) or [w3ps](https://github.com/web3privacy/w3ps)
     country: cz
   - id: juraj-bednar
     name: Juraj Bednar
     twitter: jurbed
     img: juraj-bednar.jpg
-    caption: Educator, writer, cryptoanarchist & biohacker
+    caption: Educator, writer, cryptoanarchist & biohacker ([blog](https://juraj.bednar.io/))
     country: sk
   - id: mario-havel
     name: Mario Havel
@@ -172,6 +172,12 @@ people:
     img: dcbuilder.jpg
     caption: Research engineer of [Worldcoin](https://worldcoin.org/), ZKML & Rust enthusiast
     country: cz
+  - id: alona-shevchenko
+    name: Alona Shevchenko
+    twitter: cryptodrftng
+    img: alona-shevchenko.jpg
+    caption: Unapologetic Ukrainian behind [Ukraine DAO](https://ukrainedao.love/) & [Kyiv Tech Summit](https://www.kyivtechsummit.com/)
+    country: ua
 speakersNote: We keep adding more and more speakers, stay tuned ...
 speakers:
   - guy-zyskind
@@ -181,6 +187,7 @@ speakers:
   - max-hampshire
   - nick-almond
   - dcbuilder
+  - alona-shevchenko
 partners:
   - id: lunardao
     name: LunarDAO

src/routes/+layout.svelte

@@ -17,7 +17,12 @@
 		//{ title: 'Program', url: '#program' },
 		//{ title: 'Sponsors', url: '#sponsors' },
 		{ title: 'FAQ', url: '#faq' },
-		{ title: 'Chat', url: 'https://matrix.to/#/#web3privacy:gwei.cz', ico: 'matrix', external: true },
+		{
+			title: 'Chat',
+			url: 'https://matrix.to/#/#web3privacy:gwei.cz',
+			ico: 'matrix',
+			external: true
+		},
 		{ title: 'Twitter', url: 'https://twitter.com/web3privacy', ico: 'twitter', external: true },
 		{ title: 'Ticket', url: '#ticket', class: 'button' }
 	];
@@ -87,14 +92,14 @@
 									class="{mi.class ? mi.class : 'hover:underline'} {choosed &&
 									mi.url === choosed[0].url
 										? 'underline font-bold'
-										: null} {mi.external ? 'external' : ''} {mi.ico ? "mi-img" : ''}"
+										: null} {mi.external ? 'external' : ''} {mi.ico ? 'mi-img' : ''}"
 									href={mi.url}
 									on:mouseenter={mi.ico ? null : animateText}
 									on:click={!mi.external ? handleAnchorClick : null}
 									target={mi.external ? '_blank' : ''}
 								>
 									{#if mi.ico}
-										<div class="ico-{mi.ico}"><div class="ico-children"></div></div>
+										<div class="ico-{mi.ico}"><div class="ico-children" /></div>
 									{:else}
 										{mi.name?.toUpperCase() || mi.title.toUpperCase()}
 									{/if}
@@ -180,7 +185,10 @@
 					</div>
 				</div>
 				<div class="text-right">
-					<div class="text-sm flex flex-wrap gap-2 sm:gap-4 ml-8 mb-8 text-mild" on:mouseenter={animateSection()}>
+					<div
+						class="text-sm flex flex-wrap gap-2 sm:gap-4 ml-8 mb-8 text-mild"
+						on:mouseenter={animateSection()}
+					>
 						<div>
 							<span class="font-mono2 lowercase">Twitter</span>
 							<a
@@ -192,10 +200,20 @@
 							</a>
 						</div>
 						<div>
-							<span class="font-mono2 lowercase">Bluesky</span> <a href={data.config.blueskyUrl} class="external animate-section text-md no-underline hover:underline" target="_blank">@{data.config.bluesky}</a>
+							<span class="font-mono2 lowercase">Bluesky</span>
+							<a
+								href={data.config.blueskyUrl}
+								class="external animate-section text-md no-underline hover:underline"
+								target="_blank">@{data.config.bluesky}</a
+							>
 						</div>
 						<div>
-							<span class="font-mono2 lowercase">Matrix</span> <a href={data.config.matrixUrl} class="external animate-section text-md no-underline hover:underline" target="_blank">{data.config.matrix}</a>
+							<span class="font-mono2 lowercase">Matrix</span>
+							<a
+								href={data.config.matrixUrl}
+								class="external animate-section text-md no-underline hover:underline"
+								target="_blank">{data.config.matrix}</a
+							>
 						</div>
 					</div>
 					<!--div class="mt-4 text-mild">

src/routes/+page.svelte

@@ -68,10 +68,25 @@
 		<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>
+						<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>
-						<div><a href="https://twitter.com/{partner.twitter}" class="text-sm text-mild">@{partner.twitter}</a></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>
 			{/each}