summaryrefslogtreecommitdiff
path: root/examples/cms-prismic/src/components/BlogCard.astro
blob: 1f175f98f28a3691358ce5a03387e44babafc24a (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
---
import AsText from './Prismic/AsText.astro'
import Date from './Prismic/Date.astro'
import Excerpt from './Prismic/Excerpt.astro'

const { data } = Astro.props
const { uid, first_publication_date, data: postData } = data
---
<section class="box">
    <a href={`/blog/${uid}`} class="image featured"><img src={postData.image.url} alt={postData.image.alt} style="max-height: 250px; object-fit: cover; object-position: 50% 65%;" /></a>
    <header>
        <h3><AsText data={postData.title}/></h3>
        <p><Date dateRaw={first_publication_date}/></p>
    </header>
    <p><Excerpt data={postData.content}/></p>
    <footer>
        <ul class="actions">
            <li><a href={`/blog/${uid}`} class="button icon solid fa-file-alt">Continue Reading</a></li>
        </ul>
    </footer>
</section>