Fix BlogPost layout frontmatter and stabilize blog rendering
This commit is contained in:
@@ -7,54 +7,33 @@ import { SITE_DESCRIPTION, SITE_TITLE } from '../../consts';
|
||||
import { getCollection } from 'astro:content';
|
||||
|
||||
const posts = (await getCollection('blog'))
|
||||
.filter((p) => !(p.data as { draft?: boolean }).draft)
|
||||
.sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf());
|
||||
.filter((p) => !(((p.data as any).draft) ?? false))
|
||||
.sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf());
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<BaseHead title={`${SITE_TITLE} | Blog`} description={SITE_DESCRIPTION} />
|
||||
</head>
|
||||
<body>
|
||||
<Header />
|
||||
<main>
|
||||
<h1>Sean's Cloud!</h1>
|
||||
<h3>Infrastructure • Cloud • Systems Thinking • Leadership</h3>
|
||||
<head>
|
||||
<BaseHead title="Blog | Sean's Cloud" description="Posts, lab notes, and lessons learned." />
|
||||
</head>
|
||||
<body>
|
||||
<Header />
|
||||
<main>
|
||||
<h1>Blog</h1>
|
||||
<p>Lab notes, guides, and lessons learned.</p>
|
||||
|
||||
<p>
|
||||
seans.cloud is an evolving space focused on building, testing, and refining modern IT and cloud practices with an eye toward what’s next. It serves as a foundation for future projects in cloud architecture, automation, security, and operational excellence—along with the leadership thinking that supports sustainable systems.
|
||||
</p>
|
||||
<p>
|
||||
As this site grows, it will become a place to share practical insights, real-world experiments, and lessons learned from working with infrastructure at scale. Future content may include technical guides, architecture patterns, tooling evaluations, and perspectives on how technology, process, and people intersect to create resilient organizations.
|
||||
</p>
|
||||
|
||||
<p>On this site you’ll find:</p>
|
||||
<ul>
|
||||
<li>Technical experiments and lab notes</li>
|
||||
<li>Cloud and infrastructure architecture thinking</li>
|
||||
<li>Reflections on reliability, security, and process</li>
|
||||
<li>Lessons learned from real-world systems</li>
|
||||
</ul>
|
||||
|
||||
<hr />
|
||||
|
||||
<h2>Latest Posts</h2>
|
||||
|
||||
{posts.length === 0 ? (
|
||||
<p>No posts yet. Check back soon.</p>
|
||||
) : (
|
||||
<ul>
|
||||
{posts.map((post) => (
|
||||
<li>
|
||||
<a href={`/blog/${post.id}`}>{post.data.title}</a>
|
||||
<small> — {post.data.pubDate.toLocaleDateString()}</small>
|
||||
{post.data.description ? <p>{post.data.description}</p> : null}
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
)}
|
||||
</main>
|
||||
<Footer />
|
||||
</body>
|
||||
</html>
|
||||
<ul>
|
||||
{posts.map((post) => (
|
||||
<li>
|
||||
<a href={`/blog/${post.id}/`}>{post.data.title}</a>
|
||||
<div>
|
||||
<small>{post.data.pubDate.toLocaleDateString()}</small>
|
||||
{post.data.description ? <p>{post.data.description}</p> : null}
|
||||
</div>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</main>
|
||||
<Footer />
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user