Mythos Theme was designed to make your writing look great. Every font, size, and spacing choice helps your words shine while keeping your blog accessible to all readers. The Micro.blog platform allows both Markdown and HTML in posts. Here are samples that show the features and styles provided.

Headings

H1 Heading

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.

H2 Heading

H3 Heading

H4 Heading

H5 Heading

H6 Heading

Paragraphs

This a traditional paragraph. Within the text, you can easily make text bold, italics, or bold and italic. You can also insert inline code and use ABBR (abbreviations). When necessary, you can ~~strikethrough~~ text, use subscript (H₂0) or superscript 7^3x. Don’t forget highlighting.

By adding class=note, you can create a paragraph with this unique styling.

By adding class=alert, you can create a paragraph with this unique styling.

By adding class=callout, you can create a paragraph with this unique styling.

Links

You can add inline links throughout your site.

Lists

Lists can be unordered:

Item 1
- Nested Item
Item 2
item 3

Or ordered:

Item 1
1. Nested Item
Item 2
Item 3
Item 4

Or checklists:

Already did this
Still need to do this

Blockquotes

Blockquotes can be powerful ways to quote your source or callout certain material with your text.

They can be a single line or extend multiple lines.

Code

You can insert inline code.

You can also use plain code blocks:

This is a plain text code block.

Or styled code blocks:

.container {
    max-width: 100%;
    border: 1px solid #000;
    padding: 10px;
}

<html>
    <head>
    </head>
    <body>
    </body>
</html>

Tables

Column 1	Column 2	Column 3
Row 1 A	Row 1 B	Row 1 C
Row 2 A	Row 2 B	Row 2 C
Row 3 A	Row 3 B	Row 3 C
Row 4 A	Row 4 B	Row 4 C

Horizontal Rule

You can insert a horizontal rule (line) anywhere in your content:

Images

Default image:

Full-width image (class="full-width"):

Framed image (class="frame"):

Small image (class="small"):

Image with caption:

Footnotes

This is a sample footnote¹.

This is the footnote text. ↩︎