Olivine logo
Olivine / Documentation / Styles demo

Styles demo

#markdown

This page shows the basic styles and features of the theme.

Text

There are the standard italic and strong and italic strong fonts. There is also ~strikethrough~.

Sections (h2)

The table of contents appear in the right sidebar (expanded and folded using the book icon). Here are some lower-level sections.

This is a subsection (h3)

Some random text in a subsection

This is a subsubsection (h4)

Some other random text in a subsubsection. Anything below this is probably not that useful.


We can also insert a break line.

Here are some numbered and bulleted lists.

Links can be created using the Markdown syntax [link name](link url).

  1. Here is an external link to the Github repository.
  2. Here is an internal link to documentation page.
  3. We can also link to sections like Sections, which is the previous section.

Items in lists can have checkboxes.

  1. Write this todo list.
  2. Some big project that has multiple tasks.
    • This is not finished.
    • This is finished.

Tables and images

Here are some physical properties of minerals.

MineralChemical compositionMelting temperature
Olivine(Mg,Fe)₂SiO₄1200–1900℃
ObsidianSiO₂, MgO, Fe₃O₄700–900℃

In Markdown, an image is an <img> tag with surrounding text. For example, An image of olivine can be part of a sentence.

Code and math

Both inline code sudo rm -rf / as well as (syntax-colored) block code

int fibonacci(int n) {
    if (n = 0) return 0;
    if (n = 1) return 1;
    return fibonacci(n-1) + fibonacci(n-2);
}

are supported. We can also include line numbers and highlight lines

1int fibonacci(int n) {
2 if (n = 0) return 0;
3 if (n = 1) return 1;
4 return fibonacci(n-1) + fibonacci(n-2);
5}

by adding in the options linenos and hl_lines.

Inline math such as $a^2 + b^2 = c^2$ can be used, and there are also displayed equations $$ \Theta \colon \mathbf{Sh}(\mathsf{G}, \mathsf{X})_ E^\lozenge \times_{\mathrm{Bun}_ G} \mathrm{Gr}_ {G,\lbrace \mu^{-1} \rbrace,E} \to \mathbf{Sh}(\mathsf{G}, \mathsf{X})_ E^\lozenge. $$ However, to use this feature, the config.extra.olivine.mathjax option needs to be enabled.

Blockquotes and footnotes

The following is a quote from Alexander Grothendieck’s Récoltes et semailles.

The unknown thing to be known appeared to me as some stretch of earth or hard marl, resisting penetration… the sea advances insensibly in silence, nothing seems to happen, nothing moves, the water is so far off you hardly hear it… yet it finally surrounds the resistant substance.

Here is a footnote1 to a text. As you can see, footnotes can be placed anywhere2 in the document.

1

This footnote is at the end of the section, but it can also go at the bottom of the document.

Tags

There is also a feature of creating a link to a tag. #olivine Note that this is a one-sided link, meaning that including this link does not make this page have this tag. This is implemented as a shortcode.

{{ tag(name="olivine") }}

To add the tag to a page, use the option taxonomies.tags in the frontmatter. For example, the frontmatter for this page includes the following line.

taxonomies.tags = ["markdown"]
2

This footnote is at the bottom of the document. It is from the Blockquotes and footnotes section.