🎨 Content Showcase: Everything Our Blog Can Do

This post demonstrates every single content type available in our blog system. Think of it as a living style guide — each section below shows a different block type and how it renders.

1. Rich Text Formatting

The foundation. Here's what you can do with text: bold text, italic text, inline code, underlined text, and strikethrough text. You can also combine them: bold italic.

Links work too: visit Aatam Studio opens in a new tab.

This Is a Heading 2

This Is a Heading 3

This Is a Heading 4

All headings automatically appear in the Table of Contents (sidebar on desktop, floating button on mobile).

The mind is everything. What you think, you become. — Buddha

Bullet Lists

• First item in a bullet list
• Second item with some emphasis
• Third item

Numbered Lists

1. Wake up early
2. Meditate for 20 minutes
3. Start your deep work session

2. Callout Blocks

Six callout variants for different contexts:

3. Interactive Charts

Four chart types powered by Recharts. Data is defined in Sanity and rendered as interactive, responsive visualizations.

4. Tabbed Content

Tabs let you organize related content without overwhelming the reader. Click between tabs to see different perspectives:

5. Accordion (FAQ Style)

Perfect for FAQs, step-by-step guides, or any content where readers want to scan headings and drill into what interests them:

6. Code Blocks

Syntax-highlighted code with a copy button and optional filename header. Supports 18 languages:

interface FocusSession {
  duration: number;      // minutes
  quality: 1 | 2 | 3 | 4 | 5;
  distractions: number;
  flow: boolean;
}

function calculateFocusScore(session: FocusSession): number {
  const base = (session.quality / 5) * 100;
  const durationBonus = Math.min(session.duration / 90, 1) * 20;
  const distractionPenalty = session.distractions * 5;
  const flowBonus = session.flow ? 15 : 0;

  return Math.round(
    Math.max(0, Math.min(100, base + durationBonus - distractionPenalty + flowBonus))
  );
}

def box_breathing(rounds: int = 4, hold_seconds: int = 4) -> None:
    """Navy SEAL box breathing technique."""
    for round in range(1, rounds + 1):
        print(f"Round {round}/{rounds}")
        inhale(hold_seconds)
        hold(hold_seconds)
        exhale(hold_seconds)
        hold(hold_seconds)
    print("✅ Protocol complete")

#!/bin/bash
# Automated morning routine tracker

echo "🌅 Good morning! Starting protocol..."
echo "⏱️  $(date '+%H:%M') — Light exposure (10 min)"
sleep 600
echo "🧊 $(date '+%H:%M') — Cold exposure (3 min)"
sleep 180
echo "🫁 $(date '+%H:%M') — Breathwork (10 min)"
sleep 600
echo "🧘 $(date '+%H:%M') — Meditation (20 min)"
sleep 1200
echo "✅ Protocol complete at $(date '+%H:%M')"

7. Inline Images

Full-width images with optional captions, served responsively from Sanity CDN:

8. Image Gallery

Multi-image galleries with configurable columns (2, 3, or 4). Each image has alt text and an optional caption:

9. Video Embeds

YouTube and Vimeo embeds with responsive aspect ratios (16:9, 4:3, 1:1):

Tim Ferriss on Morning Routines

youtube

10. Interactive Maps

Leaflet-powered interactive maps with custom markers and popups. Perfect for retreat locations, event venues, or place-based content:

11. Audio Player

Embedded audio player with play/pause, progress bar, and optional cover art. Supports both uploaded files and external URLs:

That's Everything!

You've now seen every content type available in the Aatam Studio blog system. Each of these blocks can be mixed and matched freely in Sanity Studio to create rich, engaging articles.