brand-site/src/pages/blog/soil-beneath-the-code.astro
agent-content fb2b7e4083 Fix unclickable blog cards: add pages + links for 3 placeholder posts
- Three Questions That Changed How I Mentor → /blog/three-questions-mentoring
- Three Signs Your Team Is Being Strip-Mined → /blog/three-signs-strip-mined
- The Soil Beneath The Code → /blog/soil-beneath-the-code
- Each has a lead question and 'More coming soon' stub
- Blog listing cards now wrapped in <a> tags like the other posts
- Updated AI Brain Fry title in listing to match renamed page
2026-05-07 08:53:25 -07:00

69 lines
No EOL
1.4 KiB
Text

---
import BaseLayout from '../../layouts/BaseLayout.astro';
---
<BaseLayout
title="The Soil Beneath The Code"
description="A three-layer framework for understanding what makes engineering organizations healthy — or not."
ogType="article"
canonicalUrl="/blog/soil-beneath-the-code"
>
<article class="post">
<header class="post-header">
<div class="post-meta">
<span class="post-date">April 28, 2026</span>
<span class="post-tag">Engineering</span>
</div>
<h1>The Soil Beneath The Code</h1>
</header>
<div class="post-content">
<p class="lead-question">What if the health of your engineering org had nothing to do with your code and everything to do with your soil?</p>
<p>More coming soon.</p>
</div>
</article>
</BaseLayout>
<style>
.post {
max-width: 720px;
margin: 0 auto;
padding: 4rem 2rem 6rem;
}
.post-header {
margin-bottom: 3rem;
}
.post-meta {
display: flex;
gap: 1rem;
margin-bottom: 1rem;
font-size: 0.875rem;
}
.post-date {
color: var(--color-text-muted);
}
.post-tag {
color: var(--color-amber);
font-weight: 600;
}
.post-header h1 {
font-family: var(--font-heading);
font-size: clamp(2rem, 4vw, 2.75rem);
color: var(--color-brown-dark);
margin: 0;
line-height: 1.2;
}
.post-content p {
margin-bottom: 1.5rem;
line-height: 1.8;
}
</style>