Kitchen Sink

A test post to see how everything renders — images, code, YouTube embeds, and general markdown formatting.

Image from Attachments

Here’s an image using the Obsidian wikilink syntax:

test-banner.png

Code Snippets

JavaScript

async function fetchPosts() {
  const response = await fetch('/api/posts');
  const posts = await response.json();
  return posts.filter(p => p.published);
}

Python

def fibonacci(n: int) -> list[int]:
    """Generate the first n Fibonacci numbers."""
    if n <= 0:
        return []
    seq = [0, 1]
    while len(seq) < n:
        seq.append(seq[-1] + seq[-2])
    return seq[:n]

CSS

.card {
  container-type: inline-size;
  border-radius: 1rem;
  background: oklch(0.95 0.02 240);
}

@container (min-width: 400px) {
  .card { grid-template-columns: 1fr 2fr; }
}

Inline code

You can also use inline code like npm run build in the middle of a sentence.

YouTube Embed

Other Formatting

Blockquote

The best way to predict the future is to invent it. — Alan Kay

Lists

Unordered:

  • First item
  • Second item
    • Nested item
    • Another nested one
  • Third item

Ordered:

  1. Step one
  2. Step two
  3. Step three

Table

FeatureStatus
ImagesWorking
Code blocksWorking
YouTube embedsWorking
WikilinksWorking
Dark modeWorking

This is bold, this is italic, and this is a regular link. You can also do bold italic and strikethrough. Internal links should remain not linked, like this: Harper

Horizontal rule

That’s the full kitchen sink. If everything above looks good, the blog is ready.