skyfall/skyfalldev
1
0
Fork 0
mirror of https://github.com/SkyfallWasTaken/skyfalldev.git synced 2025-02-07 22:42:49 +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 /> <Header />
<main> <main>
<section> <section>
<ul> <ul class="container grid grid-cols-3 gap-6 m-4 text-text">
{ {
posts.map((post) => ( posts.map((post) => (
<li> <li>
@ -29,10 +29,11 @@ const posts = (await getCollection("blog")).sort(
width={720} width={720}
height={360} height={360}
src={post.data.heroImage} src={post.data.heroImage}
class="rounded-md mb-3"
alt="" alt=""
/> />
<h4 class="title">{post.data.title}</h4> <h4 class="text-2xl font-bold">{post.data.title}</h4>
<p class="date"> <p>
<FormattedDate date={post.data.pubDate} /> <FormattedDate date={post.data.pubDate} />
</p> </p>
</a> </a>