My personal website.
entomoviscera.online
1---
2const { url, title, time } = Astro.props;
3---
4
5<a href={url}>
6 <article>
7 <h3>{title}</h3>
8 <time class="barcodetext" datetime={time}>{time}</time>
9 </article>
10</a>
11
12<style>
13 a {
14 display: block;
15 border: 10px double;
16 text-decoration: none;
17 margin-bottom: 13px;
18 }
19
20 a:last-child {
21 margin-bottom: 0;
22 }
23
24 article {
25 padding: 13px 15px;
26 overflow: hidden;
27 }
28
29 article h3 {
30 white-space: nowrap;
31 overflow: hidden;
32 text-overflow: ellipsis;
33 }
34
35 time {
36 font-weight: bold;
37 font-size: 2rem;
38 }
39</style>