diff options
Diffstat (limited to 'src/routes/team')
| -rw-r--r-- | src/routes/team/index.svelte | 57 |
1 files changed, 30 insertions, 27 deletions
diff --git a/src/routes/team/index.svelte b/src/routes/team/index.svelte index 04c62b9..88e5db0 100644 --- a/src/routes/team/index.svelte +++ b/src/routes/team/index.svelte @@ -1,35 +1,38 @@ <script> - import DirectionCard from '../../components/DirectionCard.svelte'; + import DirectionCard from '../../components/DirectionCard.svelte'; - import { onMount } from 'svelte'; - import { supabase } from '$lib/supabase'; - import setImageUrl from '$lib/utils'; + import { onMount } from 'svelte'; + import { supabase } from '$lib/supabase'; + import { setImageUrl } from '$lib/utils'; - const getPeople = async () => { - const { data, error } = await supabase.from('people').select().order('id'); - if (!error) { - return data; - } - return []; - } + const getPeople = async () => { + const { data, error } = await supabase.from('people').select().order('id'); + if (!error) { + return data; + } + return []; + }; - let people = []; - onMount(async () => { - people = await getPeople().then((people) => people.map(setImageUrl)); - }); + let people = []; + onMount(async () => { + people = await getPeople().then((people) => people.map(setImageUrl)); + }); </script> <main> - <h1 class="text-center">Our Team</h1> - {#if people.length} - {#each people as person, i} - <div class="row border-bottom"> - <DirectionCard imageSpec={{image: person.image, alt: person.name}} direction={i % 2 ? 'left' : 'right'}> - <h2>{person.name}, {person.position}</h2> - <p style="white-space: pre-line">{person.bio}</p> - <a href="mailto:{person.email}"><p>{person.email}</p></a> - </DirectionCard> - </div> - {/each} - {/if} + <h1 class="text-center">Our Team</h1> + {#if people.length} + {#each people as person, i} + <div class="row border-bottom"> + <DirectionCard + imageSpec={{ image: person.image, alt: person.name }} + direction={i % 2 ? 'left' : 'right'} + > + <h2>{person.name}, {person.position}</h2> + <p style="white-space: pre-line">{person.bio}</p> + <a href="mailto:{person.email}"><p>{person.email}</p></a> + </DirectionCard> + </div> + {/each} + {/if} </main> |