From 3a6ca7fe61e2c73b7c17555d826baf42bb2fe546 Mon Sep 17 00:00:00 2001 From: tree Date: Thu, 16 Feb 2023 21:41:00 +0100 Subject: [PATCH] Update --- src/app.css | 2 +- src/lib/components/PeopleList.svelte | 4 ++-- src/routes/+page.svelte | 30 +++++++++++++++------------- 3 files changed, 19 insertions(+), 17 deletions(-) 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()}
-
+
{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 @@
Key themes
{#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 @@
    FAQ
    {#each data.config.faq as fi} -
    -
    {fi.title}
    +
    +
    {fi.title}
    {/each}