fz/website
1
0
Fork 0
forked from swablab/website
Code Pull requests Activity

feat: show chairmen first

Browse source
This commit is contained in:
ndsboy 2025-02-24 22:35:21 +00:00
parent 498c07ce66
commit 4cb8cad25b
1 changed files with 50 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

67
src/components/Members.astro
View file

@ -5,6 +5,7 @@ import DirectusImg from "./DirectusImg.astro"
type Member = { type Member = {
firstname: string firstname: string
image?: string image?: string
chairman?: boolean
} }
const members = await directus<Member[]>("items/members?sort=firstname") const members = await directus<Member[]>("items/members?sort=firstname")
--- ---
@ -24,27 +25,59 @@ const members = await directus<Member[]>("items/members?sort=firstname")
</div> </div>
</div> </div>
<div class="text-2xl md:text-4xl pt-8">Vorstand</div>
<div <div
class="flex flex-row flex-wrap gap-6 justify-evenly sm:justify-center text-base pt-8" class="flex flex-row flex-wrap gap-6 justify-evenly sm:justify-center text-base"
> >
{ {
members.map((member) => ( members
<div> .filter((m) => m.chairman)
<DirectusImg .map((member) => (
src={ <div>
member.image != null <DirectusImg
? member.image src={
: "a8f48962-9f0e-40e6-abd2-e932aa9dea2e" member.image != null
} ? member.image
widths={[200]} : "a8f48962-9f0e-40e6-abd2-e932aa9dea2e"
format="webp" }
alt={"Profilbild von " + member.firstname} widths={[200]}
class="rounded-full w-[100px] h-[100px]" format="webp"
/> alt={"Profilbild von " + member.firstname}
class="rounded-full w-[100px] h-[100px]"
/>
<p>{member.firstname}</p> <p>{member.firstname}</p>
</div> </div>
)) ))
}
</div>
<div class="text-2xl md:text-4xl pt-8">Mitglieder</div>
<div
class="flex flex-row flex-wrap gap-6 justify-evenly sm:justify-center text-base"
>
{
members
.filter((m) => !m.chairman)
.map((member) => (
<div>
<DirectusImg
src={
member.image != null
? member.image
: "a8f48962-9f0e-40e6-abd2-e932aa9dea2e"
}
widths={[200]}
format="webp"
alt={"Profilbild von " + member.firstname}
class="rounded-full w-[100px] h-[100px]"
/>
<p>{member.firstname}</p>
</div>
))
} }
<div> <div>