Home for my rants

My first post using @narative/gatsby-theme-novela. Novela is built by the team at Narative, and built for everyone that loves the web.

Headers

H1

It is recommended to NOT use H1s as it is reserved for the article heading. Any H1 is set as an H2.

H2

H3

H4

H5

H6

Emphasis

Emphasis, aka italics, with asterisks or underscores.

Strong emphasis, aka bold, with asterisks or underscores.

Combined emphasis with asterisks and underscores.

Strikethrough uses two tildes. ~~Scratch this.~~

Lists

First ordered list item
Another item
Actual numbers don’t matter, just that it’s a number

Unordered list can use asterisks

Or minuses

Or pluses

Links

I’m an inline-style link

I’m an inline-style link with title

I’m a reference-style link

I’m a relative reference to a repository file

You can use numbers for reference-style link definitions

Or leave it empty and use the link text itself.

URLs and URLs in angle brackets will automatically get turned into links. http://www.example.com or http://www.example.com and sometimes example.com (but not on Github, for example).

Some text to show that the reference links can follow later.

Images

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Code and Syntax Highlighting

1var s = "JavaScript syntax highlighting";
2alert(s);

1No language indicated, so no syntax highlighting.
2But let's throw in a <b>tag</b>.

JSX

1import React from "react";
2import { ThemeProvider } from "theme-ui";
3import theme from "./theme";
4
5export default (props) => (
6  <ThemeProvider theme={theme}>{props.children}</ThemeProvider>
7);

Blockquotes

Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.

Horizontal Rule

Three or more…