Demo

This post demonstrates most of the features of my website.

Images

Images automatically get click-to-zoom functionality. Add alt text to create a caption:

Use an underscore in alt text to hide the caption while keeping accessibility:

Link Cards

Link cards automatically fetch metadata (title, description, image) from URLs:

Rike Pool

Building and writing about AI, software, and design.

rikepool.com

Typography

Regular text with bold and italic formatting.

You can also use inline code for technical terms.

Here’s what a regular link looks like.

This is a blockquote for highlighting.

Lists

• First item
• Second item
• Third item with nested items
  • Nested item one
  • Nested item two

1. First step
2. Second step
3. Third step

Code Blocks

Code blocks have syntax highlighting and a copy button:

// TypeScript example with syntax highlighting
interface User {
  id: number
  name: string
  email: string
}

async function fetchUser(id: number): Promise<User> {
  const response = await fetch(`/api/users/${id}`)
  return response.json()
}

const user = await fetchUser(1)
console.log(user.name)

Tables