31 lines
662 B
Text
31 lines
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>
|