This post is a demonstration of all the potential HTML elements that can be rendered from a Markdown file. It's a "kitchen sink" to test the styling provided by Tailwind's Typography plugin.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

This is a standard paragraph of text. It's here to show you how regular text flows. You can have bold text, italic text, and even strikethrough text.

Here is a link to Google, this a link to About page and some inline code for good measure.

This is a blockquote. It's useful for calling out important information or quoting someone. It can span multiple lines and should be styled distinctively from regular paragraphs.

An image can also be embedded, like this one below, with caption:

A caption for the image above.

Without caption:

Lists

Here are some examples of lists.

Unordered List:

• Item 1: A simple list item.
• Item 2: Another item to fill space.
  • Item 2a: A nested list item.
  • Item 2b: Another nested item.
• Item 3: The final top-level item.

Ordered List:

1. First item: This is the first step in a process.
2. Second item: Followed by the second step.
3. Third item: And finally, the last step.
   1. Sub-step 1: A nested, ordered item.
   2. Sub-step 2: The second part of the nested process.

Code Blocks

Code blocks are essential for a technical blog. Here's an example of a JavaScript code block.

// This is a javascript code block
function greet(name) {
  console.log(`Hello, ${name}!`);
}
 
greet('World');

And here's a Python example.

# This is a python code block
def fibonacci(n):
    a, b = 0, 1
    while a < n:
        print(a, end=' ')
        a, b = b, a+b
    print()
 
fibonacci(100)

Footnotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat¹. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur². Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum³.

Tables

Tables are great for displaying structured data.

Video Elements

Youtube Video

Any Video

Audio Element

Formula math and science

Berdasarkan teorema Pythagoras, kita tahu bahwa $a^2 + b^2 = c^2$.

Integral tentu didefinisikan sebagai:

ALERT

And that's a wrap! This post should give a comprehensive overview of how our content is styled.