Skip to content

feat(blog): add sidebar pull quotes to spotlight posts#794

Merged
dergigi merged 23 commits into
developer-spotlight-codytseng-jumblesocialfrom
spotlight-layout-experiment
May 25, 2026
Merged

feat(blog): add sidebar pull quotes to spotlight posts#794
dergigi merged 23 commits into
developer-spotlight-codytseng-jumblesocialfrom
spotlight-layout-experiment

Conversation

@dergigi
Copy link
Copy Markdown
Member

@dergigi dergigi commented May 25, 2026

Adds curated sidebar pull quotes to developer spotlight posts. Quotes are defined in frontmatter via pullQuotes, rendered in the left column below tags and navigation on desktop (min-[1000px]), with Lora italic typography, percentage-based vertical spacing, and responsive sizing at xl.

  • Introduces SpotlightPullQuotes and restructures the spotlight sidebar in PostArticleBody
  • Adds pullQuotes to contentlayer and seeds quotes for the Cody Tseng and Kurt Unger spotlights
  • Scales quote size and spacing by viewport width and quote count

Build preview:

dergigi added 18 commits May 25, 2026 21:16
Move quotes below tags and back link, remove sticky stacking, and spread them with larger vertical gaps.
Replace the primary-colored left border with a large decorative opening quote.
Position quotes at 10%, 30%, 50%, etc. within a flex-grow sidebar area below the nav.
Use a serif italic face for sidebar quotes with relaxed sizing and softer contrast.
Move the decorative quote mark above the text so the sidebar quotes use full width.
Enlarge the opening mark and pull quote text up so they sit closer together.
Reorder quotes to follow the article and distribute four sidebar quotes evenly from 10% to 90%.
Shorten pull quotes for the sidebar and swap in the Nostr-as-option line. Add pullQuotes to the contentlayer schema.
Compute top positions and container min-height from the number of quotes in frontmatter.
Use smaller type and quote marks from 1000px until xl, where full size kicks in.
Curate four shortened quotes in article order for the spotlight sidebar.
Swap in quotes on technology tradeoffs, rural electrification, ASIC milestones, and hardware in Africa.
@dergigi dergigi requested a review from Arvin21M May 25, 2026 20:32
@vercel
Copy link
Copy Markdown

vercel Bot commented May 25, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
os-website Ready Ready Preview, Comment May 25, 2026 9:00pm

Request Review

Copy link
Copy Markdown
Contributor

@Arvin21M Arvin21M left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Looks great!
  • I would recommend to reduce the font size for the margin quotes at least 10%, to maybe as much as 20%.
  • Otherwise, what a great use of empty space on desktop view.

@dergigi dergigi requested a review from Arvin21M May 25, 2026 21:01
@dergigi dergigi marked this pull request as ready for review May 25, 2026 21:03
@dergigi dergigi merged commit 7aa0725 into developer-spotlight-codytseng-jumblesocial May 25, 2026
2 checks passed
@dergigi dergigi deleted the spotlight-layout-experiment branch May 25, 2026 21:06
Copy link
Copy Markdown
Contributor

@Arvin21M Arvin21M left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great now with the size adjustments.
:shipit:

@OpenSats OpenSats deleted a comment from Kokkomaki May 29, 2026
@OpenSats OpenSats deleted a comment from Kokkomaki May 29, 2026
@OpenSats OpenSats deleted a comment from Kokkomaki May 29, 2026
@OpenSats OpenSats deleted a comment from Kokkomaki May 29, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants