skyfall/skyfalldev
1
0
Fork 0
mirror of https://github.com/SkyfallWasTaken/skyfalldev.git synced 2024-11-10 04:09:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Initial styling of blog homepage

Browse source
This commit is contained in:
SkyfallWasTaken 2024-07-07 20:48:38 +01:00
parent e8abbd26f8
commit f554e37acf
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/pages/blog/index.astro
View file

@ -20,7 +20,7 @@ const posts = (await getCollection("blog")).sort(
<Header />
<main>
<section>
<ul>
<ul class="container grid grid-cols-3 gap-6 m-4 text-text">
{
posts.map((post) => (
<li>
@ -29,10 +29,11 @@ const posts = (await getCollection("blog")).sort(
width={720}
height={360}
src={post.data.heroImage}
class="rounded-md mb-3"
alt=""
/>
<h4 class="title">{post.data.title}</h4>
<p class="date">
<h4 class="text-2xl font-bold">{post.data.title}</h4>
<p>
<FormattedDate date={post.data.pubDate} />
</p>
</a>