diff --git a/src/app.css b/src/app.css
index ca34908..52d6226 100644
--- a/src/app.css
+++ b/src/app.css
@@ -78,7 +78,7 @@
.person-item:hover img {
@apply grayscale-0 invert-0 blur-none;
}
- .person-item:hover .text-mild, .person-item:hover .text-supermild {
+ .person-item:hover .text-mild, .person-item:hover .text-supermild, .topic-item:hover .text-mild {
@apply text-black;
}
}
diff --git a/src/lib/components/PeopleList.svelte b/src/lib/components/PeopleList.svelte
index 99ea071..055a122 100644
--- a/src/lib/components/PeopleList.svelte
+++ b/src/lib/components/PeopleList.svelte
@@ -27,8 +27,8 @@
>
-
+
{item.name.toUpperCase()}
+
{#if item.caption}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 1dff811..50f7026 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -5,9 +5,11 @@
export let data;
- function animateTopic (el) {
- for(const e of el.target.getElementsByClassName('animate-topic')) {
- animateText({ target: e })
+ function animateSection (interval = 50) {
+ return (el) => {
+ for(const e of el.target.getElementsByClassName('animate-section')) {
+ animateText({ target: e }, interval)
+ }
}
}
@@ -30,9 +32,9 @@
{#each data.config.themes as ti}
-
-
{ti.title.toUpperCase()}
-
+
+
{ti.title.toUpperCase()}
+
@@ -75,7 +77,7 @@
{#each data.config.program as pi}
-
+
{@html pi.time
.split('-')
@@ -83,7 +85,7 @@
.join(' - ')}
|
- {pi.title} {pi.speakers ? '― ' + pi.speakers[0]?.name : ''}
+ {pi.title} {pi.speakers ? '― ' + pi.speakers[0]?.name : ''}
{#if pi.desc}
@@ -103,7 +105,7 @@
@@ -118,10 +120,10 @@
{#each data.config.tickets as tt}
- {tt.title}
- {tt.price}
+ {tt.title}
+ {tt.price}
{#each tt.includes as ti}
- {ti}
@@ -148,8 +150,8 @@
{#each data.config.faq as fi}
- |