This post exists to stress the content styles.
Typography
Body text sits at 18 px on the system font stack. Bold, italic,
strikethrough, and inline code all have their place. Links like
this one are underlined with an offset.
Blockquote
Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.
Lists
- First things first
- Then this
- With a nested point
- And another
- Finally this
Code
/// Count words the cheap way. fn word_count(text: &str) -> usize { text.split_whitespace().count() } fn main() { println!("{}", word_count("papermood keeps it simple")); }
A table
| Metric | Value | Notes |
|---|---|---|
| First paint | fast | no webfonts |
| CSS size | ~14 KB | single file |
| JavaScript | ~4 KB | theme toggle, copy, top-link |
Horizontal rule
That line above is a thematic break.
Task list
- Port the design
- Write the components
- Translate every post
Footnotes
Accent renders reference-style footnotes1. The definitions collect at the bottom of the page, each with a return link2.
Like this one.
Click the arrow to jump back to the reference.
Definition list
- Accent
- A markdown CMS written in Rust.
- Papermood
- This theme. A PaperMod translation for Accent.
Superscript and subscript
Water is H2O, and the area of a circle is πr2.
Smart punctuation
Straight quotes become curly – “like this” and ‘this’ – and dashes and ellipsis come out typographically… The quote forms follow the page language, so the German translation gets its own conventions.
Heading attributes
The heading above declares its own anchor id, #custom-anchor, in the
source: ## Heading attributes { #custom-anchor }.
Admonitions
GFM-style blockquote alerts. Five types, each with its own color:
Note
Useful background information the reader should know.
Tip
Helpful advice for getting the most out of a feature.
Important
Key information the reader must not miss.
Warning
Potential issues that could cause problems.
Caution
Actions that could lead to data loss or security issues.
Wiki links
Link to a page by its title: Getting Started with Papermood. Add your own display text with a pipe: the diagrams tour. The linked pages show this post under “Pages linking here”.