summaryrefslogtreecommitdiff
path: root/src/components/Citations.astro
blob: 7ae6b26ba0793a3ac1da52947e88b23a911c9920 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
---
import type { BlogPosting } from "@lib/collection/types";

type Props = { citations: BlogPosting[] };
const { citations } = Astro.props;
---
{
  citations.length > 0 &&
  (
    <aside>
      <p>O autor recomenda ler também:</p>
      <ul>
        {
          citations.map(({ "@id": id, headline }) => (
            <li
              itemprop="citation"
              itemscope
              itemtype="http://schema.org/BlogPosting"
              itemid={id}
            >
              <a href={`/blog/read/${id}`}>
                <cite itemprop="headline">{headline}</cite>
              </a>
            </li>
          ))
        }
      </ul>
    </aside>
  )
}

<style>
  @media print {
    aside {
      display: none;
    }
  }
</style>