mirror of
https://github.com/tabler/tabler.git
synced 2026-10-12 21:27:06 +04:00
34 lines
1.0 KiB
Plaintext
34 lines
1.0 KiB
Plaintext
---
|
|
// person = people[person-id]; the cover photo is photos[person-id].file.
|
|
import { staticPath } from '@shared/lib/assets'
|
|
import { people } from '@shared/lib/people'
|
|
import Avatar from '@ui/Avatar.astro'
|
|
import photos from '@data/photos.json'
|
|
import { requireIndex } from '@shared/lib/array'
|
|
import CardTitle from '@ui/CardTitle.astro'
|
|
|
|
interface Photo {
|
|
file?: string
|
|
[key: string]: unknown
|
|
}
|
|
|
|
interface Props {
|
|
personId?: number
|
|
blurred?: boolean
|
|
}
|
|
|
|
const { personId = 0, blurred } = Astro.props
|
|
const person = requireIndex(people, personId)
|
|
const photo = requireIndex(photos as Photo[], personId)
|
|
---
|
|
|
|
<a class="card card-link" href="#">
|
|
<div class={`card-cover text-center${blurred ? ' card-cover-blurred' : ''}`} style={`background-image: url(${staticPath(`photos/${photo.file}`)})`}>
|
|
<Avatar size="xl" person={person} thumb />
|
|
</div>
|
|
<div class="card-body text-center">
|
|
<CardTitle class="mb-1">{person.full_name}</CardTitle>
|
|
<div class="text-secondary">{person.job_title}</div>
|
|
</div>
|
|
</a>
|