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
This commit is contained in:
agent-content
parent
8971dbab92
commit
fb2b7e4083
4 changed files with 238 additions and 25 deletions
|
|
@ -26,7 +26,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
|||
<span class="post-date">May 3, 2026</span>
|
||||
<span class="post-tag">AI</span>
|
||||
</div>
|
||||
<h2>AI Brain Fry Is a Workforce Crisis, Not a Productivity Story</h2>
|
||||
<h2>What Does AI Brain Fry Really Mean?</h2>
|
||||
<p class="post-excerpt">
|
||||
Gallup says 80% of the workforce is disengaged. The heaviest AI users are burning out fastest. The fix isn't training - it's structural.
|
||||
</p>
|
||||
|
|
@ -86,36 +86,42 @@ import BaseLayout from '../layouts/BaseLayout.astro';
|
|||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-meta">
|
||||
<span class="post-date">April 28, 2026</span>
|
||||
<span class="post-tag">Leadership</span>
|
||||
</div>
|
||||
<h2>Three Questions That Changed How I Mentor</h2>
|
||||
<p class="post-excerpt">
|
||||
The simple mentoring framework that actually gets used - three questions that unlock real growth.
|
||||
</p>
|
||||
<a href="/blog/three-questions-mentoring" class="post-link">
|
||||
<div class="post-meta">
|
||||
<span class="post-date">April 28, 2026</span>
|
||||
<span class="post-tag">Leadership</span>
|
||||
</div>
|
||||
<h2>Three Questions That Changed How I Mentor</h2>
|
||||
<p class="post-excerpt">
|
||||
The simple mentoring framework that actually gets used — three questions that unlock real growth.
|
||||
</p>
|
||||
</a>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-meta">
|
||||
<span class="post-date">April 28, 2026</span>
|
||||
<span class="post-tag">Teams</span>
|
||||
</div>
|
||||
<h2>Three Signs Your Team Is Being Strip-Mined</h2>
|
||||
<p class="post-excerpt">
|
||||
The mindset shift that separates thriving teams from burned-out ones - cultivation over extraction.
|
||||
</p>
|
||||
<a href="/blog/three-signs-strip-mined" class="post-link">
|
||||
<div class="post-meta">
|
||||
<span class="post-date">April 28, 2026</span>
|
||||
<span class="post-tag">Teams</span>
|
||||
</div>
|
||||
<h2>Three Signs Your Team Is Being Strip-Mined</h2>
|
||||
<p class="post-excerpt">
|
||||
The mindset shift that separates thriving teams from burned-out ones — cultivation over extraction.
|
||||
</p>
|
||||
</a>
|
||||
</article>
|
||||
|
||||
<article class="post-card">
|
||||
<div class="post-meta">
|
||||
<span class="post-date">April 28, 2026</span>
|
||||
<span class="post-tag">Engineering</span>
|
||||
</div>
|
||||
<h2>The Soil Beneath The Code</h2>
|
||||
<p class="post-excerpt">
|
||||
A three-layer framework for understanding what makes engineering organizations healthy - or not.
|
||||
</p>
|
||||
<a href="/blog/soil-beneath-the-code" class="post-link">
|
||||
<div class="post-meta">
|
||||
<span class="post-date">April 28, 2026</span>
|
||||
<span class="post-tag">Engineering</span>
|
||||
</div>
|
||||
<h2>The Soil Beneath The Code</h2>
|
||||
<p class="post-excerpt">
|
||||
A three-layer framework for understanding what makes engineering organizations healthy — or not.
|
||||
</p>
|
||||
</a>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
69
src/pages/blog/soil-beneath-the-code.astro
Normal file
69
src/pages/blog/soil-beneath-the-code.astro
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
---
|
||||
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>
|
||||
69
src/pages/blog/three-questions-mentoring.astro
Normal file
69
src/pages/blog/three-questions-mentoring.astro
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
---
|
||||
|
||||
<BaseLayout
|
||||
title="Three Questions That Changed How I Mentor"
|
||||
description="The simple mentoring framework that actually gets used — three questions that unlock real growth."
|
||||
ogType="article"
|
||||
canonicalUrl="/blog/three-questions-mentoring"
|
||||
>
|
||||
|
||||
<article class="post">
|
||||
<header class="post-header">
|
||||
<div class="post-meta">
|
||||
<span class="post-date">April 28, 2026</span>
|
||||
<span class="post-tag">Leadership</span>
|
||||
</div>
|
||||
<h1>Three Questions That Changed How I Mentor</h1>
|
||||
</header>
|
||||
|
||||
<div class="post-content">
|
||||
<p class="lead-question">What if mentoring didn't require a program, a framework, or a budget — just three questions asked consistently?</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>
|
||||
69
src/pages/blog/three-signs-strip-mined.astro
Normal file
69
src/pages/blog/three-signs-strip-mined.astro
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
---
|
||||
|
||||
<BaseLayout
|
||||
title="Three Signs Your Team Is Being Strip-Mined"
|
||||
description="The mindset shift that separates thriving teams from burned-out ones — cultivation over extraction."
|
||||
ogType="article"
|
||||
canonicalUrl="/blog/three-signs-strip-mined"
|
||||
>
|
||||
|
||||
<article class="post">
|
||||
<header class="post-header">
|
||||
<div class="post-meta">
|
||||
<span class="post-date">April 28, 2026</span>
|
||||
<span class="post-tag">Teams</span>
|
||||
</div>
|
||||
<h1>Three Signs Your Team Is Being Strip-Mined</h1>
|
||||
</header>
|
||||
|
||||
<div class="post-content">
|
||||
<p class="lead-question">How do you tell the difference between a team that's producing and a team that's being extracted from?</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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue