Welcome to the Blog

A quick tour of the blog's features — the different ways text, images, and diagrams come together here.

welcomeblog

Welcome

Welcome! Before diving into regular posts, here's a quick look at what this blog can do. You can find more of my work at anandjoshi.com.


What this blog can do

Below is a quick showcase of the different ways a post can look here — from headings and quotes to code, diagrams, and embedded video. Consider it a preview of what's ahead.

Headings, in every font

Heading 1 — sans

Heading 2 — serif

Heading 3 — mono

Heading 3 — display

Paragraph fonts and drop cap

This paragraph is set in the sans font.

This paragraph is set in the serif font.

This paragraph is set in the mono font.

This paragraph is set in the display font.

Dropping the first letter of a paragraph is a toggle in the editor — this whole paragraph exists just to show it off, since a drop cap only reads as intentional with a few lines of text to wrap around it.

Inline marks

bold · italic · strikethrough · inline code · a link · bold italic together

mint highlight lavender highlight peach highlight

sans span serif span mono span display span

A hard break sits
Right in the middle of one paragraph, like this.

Lists and quotes

  • A bullet point

  • A bullet point with a nested ordered list

    1. Nested step one

    2. Nested step two

  • A third bullet point

  1. First step

  2. Second step

  3. Third step

A blockquote looks like this — indented, italic, with a left rule.

Code

export function greet(name: string): string {
  return `Hello, ${name}!`;
}

Image and diagram attachments

An image dropped straight into the post.

Excalidraw diagrams

GrassDeerTigereaten byeaten byleftover in soil eatenby
GrassDeerTigereaten byeaten byleftover in soil eatenby

Embeds

Video embeds

Drop in a link to a video or social post and it turns into a playable embed right in the story — YouTube, Google Drive, and Vimeo are all supported.

Collapsible section

Click to expand

Collapsible sections nest any other block — this one holds a paragraph and a short list.

This is a collapsible section note

  • Item 1

  • Item 2

  • ....

  • Item 10