@@ -1,5 +1,5 @@
|
||||
---
|
||||
import { format } from "date-fns";
|
||||
import { formatInTimeZone } from "date-fns-tz";
|
||||
import Layout from "../../layouts/Layout.astro";
|
||||
|
||||
const response = await fetch(
|
||||
@@ -17,8 +17,12 @@ const posts = await response.json();
|
||||
{
|
||||
posts.objects.map((post) => (
|
||||
<div>
|
||||
<a href={`/${post.slug}`}>{post.title}</a> -{" "}
|
||||
{format(new Date(post.published_at), "MMM do, y")}
|
||||
<a href={`/posts/${post.slug}`}>{post.title}</a> -{" "}
|
||||
{formatInTimeZone(
|
||||
new Date(post.published_at),
|
||||
"America/New_York",
|
||||
"MMM do, y"
|
||||
)}
|
||||
</div>
|
||||
))
|
||||
}
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
src: url(./fonts/Manrope-Regular.ttf) format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-display: block;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
@@ -11,7 +11,7 @@
|
||||
src: url(./fonts/Manrope-Bold.ttf) format("truetype");
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-display: block;
|
||||
}
|
||||
|
||||
:root {
|
||||
|
||||
Reference in New Issue
Block a user