Hematite Theme Hematite Theme

The Hematite Theme

Gem Version

A responsive theme designed with course websites in mind.

Features

Syntax Highlighting

Hematite uses Rogue for syntax highlighting and has its own rogue theme. For example,

Python Example 
def my_function():
    if 1 == 2:
        assert False
    else:
        variable = 123.4 + 1 / 2

        # Now print something!
        print("This is Python")

if __name__ == "__main__":
    import sys
    my_function()
    sys.exit(1)
HTML Example 
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Test...</title>
        <script>
            if (true || 1 || false) {
                alert(`Testing...`);
            }
            // JS Comment 1
            /* JS comment 2 */
        </script>

        <style>
            :root {
                color: red;
            }
        </style>

        <!-- An HTML comment -->
    </head>
    <body>
        <h1>Header</h1>
        <p>Paragraph</p>
    </body>
</html>
Java Example 
package foo.bar;

public class Foo {
    public static void main(String[] args) {
        System.out.println("Hmm...");
    }
}

Calendar Layout

Select the calendar layout to display a visual calendar. Calendar layout example.

Math

By including katex: true in a site’s header, \(\KaTeX\) can be loaded.

Write math by wrapping expressions in $$. For example,

### $$\KaTeX$$ example
$$\text{This}\qquad$$ is an example of $$\KaTeX$$ usage.

\\[
    f^{(n)}\left(z\right) = \frac{n!}{2\pi i} \oint_\gamma \frac{f(w)}{\left(w - z\right)^{n + 1}} dw
\\]

renders as

Result

\(\KaTeX\) example

\(\text{This}\qquad\) is an example of \(\KaTeX\) usage.

\[ f^{(n)}\left(z\right) = \frac{n!}{2\pi i} \oint_\gamma \frac{f(w)}{\left(w - z\right)^{n + 1}} dw \]

Other features

This theme also supports blog-like posts (they show up on the calendar) and searchable content.

See the documentation posts for more!

Recent posts