Cinder Theme Specimen
Typography¶
Typefaces¶
Body Copy¶
You think water moves fast? You should see ice. It moves like it has a mind. Like it knows it killed the world once and got a taste for murder. After the avalanche, it took us a week to climb out. Now, I don't know exactly when we turned on each other, but I know that seven of us survived the slide... and only five made it out.
Now we took an oath, that I'm breaking now. We said we'd say it was the snow that killed the other two, but it wasn't. Nature is lethal but it doesn't hold a candle to man.
Like inline code? Here is a string for you 010101010
.
Lead Body Copy¶
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
Headings¶
All HTML headings, <h1>
through <h6>
, are available. .h1
through .h6
classes are also available, for when you want to match the font styling of a heading but still want your text to be displayed inline.
h1. Heading
h2. Heading
h3. Heading
h4. Heading
h5. Heading
h6. Heading
h1. Heading Secondary text
h2. Heading Secondary text
h3. Heading Secondary text
h4. Heading Secondary text
h5. Heading Secondary text
h6. Heading Secondary text
Blockquotes¶
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lists¶
mkdocs new [dir-name]
- Create a new project.mkdocs serve
- Start the live-reloading docs server.mkdocs build
- Build the documentation site.mkdocs help
- Print this help message.
Horizontal Description Lists¶
- Something
- This is something
- SomethingElse
- This is something else
Contextual Colors¶
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Code¶
Inline Code¶
This is an example of inline code #import requests
Preformatted Code Blocks with Syntax Highlighting
def convert_markdown(markdown_source, config, site_navigation=None):
"""
Convert the Markdown source file to HTML as per the config and
site_navigation. Return a tuple of the HTML as a string, the parsed table
of contents, and a dictionary of any metadata that was specified in the
Markdown file.
"""
extensions = [
RelativePathExtension(site_navigation, config['strict'])
] + config['markdown_extensions']
return utils.convert_markdown(
markdown_source=markdown_source,
extensions=extensions,
extension_configs=config['mdx_configs']
)
Tables¶
Striped Table¶
# | Head 1 | Head 2 | Head 3 |
---|---|---|---|
1 | Box 1 | Box 2 | Box 3 |
2 | Box 4 | Box 5 | Box 6 |
3 | Box 7 | Box 8 | Box 9 |
Bordered Table¶
# | Head 1 | Head 2 | Head 3 |
---|---|---|---|
1 | Box 1 | Box 2 | Box 3 |
2 | Box 4 | Box 5 | Box 6 |
3 | Box 7 | Box 8 | Box 9 |
Buttons¶
Default Buttons¶
Styled Buttons¶
Button Sizes¶
Block Level Buttons¶