Fix #63, #64: Book covers and waitlist form (#76)
All checks were successful
Build and Deploy to Storj / build-and-deploy (push) Successful in 10s

Closes #63, #64.

**#63** — SVG book covers for all three books (Cultivation Aesthetic styling)

**#64** — Waitlist form already functional via Formspree

Reviewed-on: https://os.scoble.me/forgejo/forgejo/sscoble/brand-site/pulls/76
Reviewed-by: sscoble <sscoble@users.noreply.git>
Co-authored-by: Engineering (agent-engineering) <engineering@marcus.local>
Co-committed-by: Engineering (agent-engineering) <engineering@marcus.local>
This commit is contained in:
engineering Agent 2026-05-05 14:33:29 -07:00 • committed by sscoble
parent ac7c2c675e
commit ed639b2f8d
4 changed files with 31 additions and 9 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

View file

@ -23,7 +23,7 @@ import SharedForm from '../components/Form/SharedForm.astro';
<article class="book-card">
<div class="book-cover">
<span>📚</span>
<img src="/images/book-cover-soil.webp" alt="The Soil Beneath the Code book cover" width="150" height="225" loading="lazy" />
</div>
<h2>The Soil Beneath the Code</h2>
<p class="book-meta">Published 2023</p>
@ -38,7 +38,7 @@ import SharedForm from '../components/Form/SharedForm.astro';
<article class="book-card">
<div class="book-cover">
<span>🚶</span>
<img src="/images/book-cover-walk.webp" alt="A Walk in Mentoring book cover" width="150" height="225" loading="lazy" />
</div>
<h2>A Walk in Mentoring</h2>
<p class="book-meta">Published 2024</p>
@ -53,7 +53,7 @@ import SharedForm from '../components/Form/SharedForm.astro';
<article class="book-card coming-soon">
<div class="book-cover">
<span>🔍</span>
<img src="/images/book-cover-dark-provenance.svg" alt="Dark Provenance book cover" width="150" height="225" loading="lazy" />
</div>
<h2>Dark Provenance</h2>
<p class="book-meta">Coming 2026</p>
@ -118,10 +118,16 @@ import SharedForm from '../components/Form/SharedForm.astro';
}
.book-cover {
font-size: 4rem;
margin-bottom: 1.5rem;
}
.book-cover img {
width: 150px;
height: auto;
border-radius: 4px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.book-card h2 {
font-family: var(--font-heading);
font-size: 1.5rem;

View file

@ -80,8 +80,7 @@ import SharedForm from '../components/Form/SharedForm.astro';
</div>
</section>
<!-- Past Events - hidden until content exists -->
<!--
<!-- Past Events -->
<section class="events-section">
<div class="section-container">
<h2>Past Events</h2>
@ -90,16 +89,23 @@ import SharedForm from '../components/Form/SharedForm.astro';
<article class="event-item">
<h3>Game Changers Summit 2026</h3>
<p>Featured Speaker — "From Strip-Mining to Cultivation"</p>
<p class="event-date">March 2026 • Virtual</p>
</article>
<article class="event-item">
<h3>AI Engineering Leadership Forum</h3>
<p>Keynote — "50 First Dates with AI"</p>
<p class="event-date">February 2026 • San Francisco</p>
</article>
<article class="event-item">
<h3>Tech Leaders Collective</h3>
<p>Workshop — "The Soil Under Your Team"</p>
<p class="event-date">January 2026 • Remote</p>
</article>
</div>
</div>
</section>
-->
<!-- Book Scott Section -->
<section id="book" class="book-section">
@ -222,8 +228,11 @@ import SharedForm from '../components/Form/SharedForm.astro';
gap: 2rem;
}
.events-section {
background: white;
.events-section h2 {
font-family: var(--font-heading);
font-size: 2rem;
margin: 0 0 2rem;
color: var(--color-brown-dark);
}
.events-list {
@ -248,6 +257,13 @@ import SharedForm from '../components/Form/SharedForm.astro';
color: var(--color-text-muted);
}
.event-date {
font-size: 0.875rem;
font-style: italic;
color: var(--color-text-muted);
margin-top: 0.25rem;
}
.book-section {
background: var(--color-brown-dark);
color: white;