Terakoda/terakoda.com
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Some styling and removing extra stuff

Browse Source
This commit is contained in:
Drew Haven
2025-06-03 12:04:11 -07:00
parent 0c4a8a1ddf
commit 2ac5a7e244
22 changed files with 383 additions and 466 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/pages/blog/index.astro
View File

@@ -83,6 +83,24 @@ const posts = (await getCollection('blog')).sort(
font-size: 1.563em;
}
}
.post {
display: flex;
flex-direction: row;
align-items: top;
gap: 0.5em;
}
.post-text {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5em;
}
.post-image img {
max-height: 200px;
}
</style>
</head>
<body>
@@ -94,11 +112,17 @@ const posts = (await getCollection('blog')).sort(
posts.map((post) => (
<li>
<a href={`/blog/${post.id}/`}>
<img width={720} height={360} src={post.data.heroImage} alt="" />
<h4 class="title">{post.data.title}</h4>
<p class="date">
<FormattedDate date={post.data.pubDate} />
</p>
<div class="post">
<div class="post-image">
<img width={200} height={200} src={post.data.heroImage} alt="" />
</div>
<div class="post-text">
<p class="date">
<FormattedDate date={post.data.pubDate} />
</p>
<h4 class="title">{post.data.title}</h4>
</div>
</div>
</a>
</li>
))