xevion/undefined.behavio.rs
1
0
Fork 0
mirror of https://github.com/Xevion/undefined.behavio.rs.git synced 2025-12-16 10:13:48 -06:00
Code Issues Packages Projects Releases Wiki Activity

Enable prefetch, add specifiers in Summary component

Browse Source
This commit is contained in:
Xevion
2023-11-27 19:39:47 -06:00
parent 008f1bf960
commit 3f3a3a4855
2 changed files with 41 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/components/Summary.astro
View File

@@ -1,40 +1,46 @@
---
interface Props {
url: string;
date: Date;
title: string;
tags: string[];
description: string;
url: string;
date: Date;
title: string;
tags: string[];
description: string;
}
const { url, date, title, tags, description } = Astro.props;
---
<div class="clear-both">
<div class="text-center uppercase mb-4 ml-8 py-1 border-y border-white leading-4 float-right">
<a href={url}>
<time datetime={date.toISOString()}>
<span>
{ date.toLocaleDateString("en-US", {month: "short"}) }
</span>
<br>
<span class="text-[2em] leading-7">
{ date.getDate().toString().padStart(2, "0") }
</span>
<br>
<span>
{ date.getFullYear() }</span>
</time>
</a>
</div>
<div class="mt-3">
<h2 class="font-medium inline underline decoration-white/50 mr-1"><a href={url}>{ title }</a></h2>
<i class="space-x-2">
{tags.map((tag) => (
<a href={`/tags/${tag}`}>
{ tag }
</a>
))}
</i>
</div>
{ description }
</div>
<div
class="text-center uppercase mb-4 ml-8 py-1 border-y border-white leading-4 float-right"
>
<a href={url} data-astro-prefetch>
<time datetime={date.toISOString()}>
<span>
{date.toLocaleDateString("en-US", { month: "short" })}
</span>
<br />
<span class="text-[2em] leading-7">
{date.getDate().toString().padStart(2, "0")}
</span>
<br />
<span> {date.getFullYear()}</span>
</time>
</a>
</div>
<div class="mt-3">
<h2 class="font-medium inline underline decoration-white/50 mr-1">
<a href={url} data-astro-prefetch>{title}</a>
</h2>
<i class="space-x-2">
{
tags.map((tag) => (
<a data-astro-prefetch href={`/tags/${tag}`}>
{tag}
</a>
))
}
</i>
</div>
{description}
</div>