From cba5bcdea4eafd0c1cc30c40d8b6391b456672b6 Mon Sep 17 00:00:00 2001
From: tree <tree@hidden.cz>
Date: Tue, 25 Apr 2023 10:17:13 +0200
Subject: [PATCH] update

---
 src/app.css                          | 30 +++++++++++++++++++++++++++-
 src/lib/components/PeopleList.svelte |  2 +-
 src/routes/+page.svelte              |  4 ++--
 3 files changed, 32 insertions(+), 4 deletions(-)

diff --git a/src/app.css b/src/app.css
index 8db2f36..0f3982d 100644
--- a/src/app.css
+++ b/src/app.css
@@ -39,7 +39,7 @@
 
 	.button {
 		/*@apply px-3 py-1.5 text-black bg-white border border-black cursor-pointer;*/
-		@apply px-5 py-2 text-white bg-black border border-white cursor-pointer no-underline;
+		@apply px-5 py-2 text-white bg-black border border-white cursor-pointer no-underline uppercase;
 	}
 	.button:hover,
 	.button-inactive {
@@ -130,6 +130,10 @@
 	.faq-item:hover .desc {
 		@apply text-white;
 	}
+	.topic-item,
+	.topic-item .topic-header {
+		@apply cursor-help transition-all duration-300;
+	}
 	.topic-item:hover .topic-header {
 		@apply bg-white text-black;
 	}
@@ -173,4 +177,28 @@
 		height: 100%;
 		background-color: #010101;
 	}
+	.topic-item .topic-header {
+		@apply font-mono2;
+	}
+	.topic-item:hover .topic-header {
+		@apply lowercase;
+	}
+	.topic-item:hover .topic-img {
+		@apply invert;
+	}
+	.person-item:hover .speaker-name {
+		@apply lowercase;
+	}
+	.ticket-item:hover .ticket-title {
+		@apply lowercase;
+	}
+	.ticket-item,
+	.ticket-item .ticket-bg,
+	.ticket-item .ticket-img,
+	.person-item {
+		@apply transition-all duration-200;
+	}
+	.person-item {
+		@apply cursor-help transition-all duration-1000;
+	}
 }
diff --git a/src/lib/components/PeopleList.svelte b/src/lib/components/PeopleList.svelte
index ba82907..18083a6 100644
--- a/src/lib/components/PeopleList.svelte
+++ b/src/lib/components/PeopleList.svelte
@@ -27,7 +27,7 @@
 				<img src="/people/{item.img}" class="grayscale invert aspect-square object-cover w-full" />
 			</div>
 			<div class="pb-3.5 px-5">
-				<div class="mt-4 speaker-name animate-speaker">{item.name.toUpperCase()}</div>
+				<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"
 						>@{item.twitter}</a
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index f6f2f94..01c1ad4 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -138,8 +138,8 @@
 					<div class="ticket-bg" />
 					<div class="ticket-img" />
 					<div style="z-index: 1;">
-						<div class="text-2xl uppercase">
-							<a href={data.config.ticketingUrl} class="animate-section">{tt.title}</a>
+						<div class="text-2xl uppercase ticket-title">
+							<a href={data.config.ticketingUrl} class="animate-section font-mono2">{tt.title}</a>
 						</div>
 						<div class="text-2xl mt-5 font-bold">
 							<a href={data.config.ticketingUrl}>{tt.price}</a>