Polestar/src/VideoItem.astro
2024-08-15 21:39:49 -04:00

31 lines
No EOL
662 B
Text

---
// Properties
const {
VideoId,
CreatorId,
Title,
Thumbnail,
Date,
Views,
Length,
Platform
} = Astro.props
// Components
import { Image } from 'astro:assets';
---
<a href={"/watch?=" + VideoId} class="fl-vi">
<div class="fl-vi-thumbnail">
<Image src={Thumbnail} alt={'Thumbnail'} loading="lazy" format="webp"/>
<p>{Platform}</p>
<p>{Length}</p>
</div>
<div class="fl-vi-content">
<Image src={CreatorId} alt={'Creator Avatar'} loading="lazy" format="webp"/>
<div>
<p><strong>{Title}</strong></p>
<p>{Date} - {Views}</p>
</div>
</div>
</a>