Hello, notes

Sample note. Every piece of markdown a note can use, so the styles get tested in one place.

Headings

The note title is the title in front matter. Inside a note, headings go from two levels down to six.

Third level

Fourth level

Fifth level
Sixth level

Text

A paragraph with emphasis, strong text, both at once, strikethrough, and inline code.
This line follows a hard line break.

Links: an inline link, a link with a title, and an autolink https://ramidem.github.io.

An abbreviation: HTML. A footnote reference.1

Quotes

A blockquote. Good for things other people said.

A quote inside a quote.

Lists

  • Unordered item
  • Another item
    • Nested item
    • Another nested item
  1. Ordered item
  2. Second item
    1. Nested ordered item
  3. Third item
  • A finished task
  • An open task
Definition term
The definition, from a kramdown definition list.

Code

# A fenced code block with syntax highlighting
def greet(name)
  puts "Hello, #{name}"
end

greet("notes") # => Hello, notes
3.times { |i| puts i }

Table

Syntax Renders as Count
*em* em 1
**strong** strong 2
~~del~~ del 3

Image

The site icon

Media

Markdown has no syntax for these, so each one is a one-line include from _includes/notes/.

Image with a caption

The site icon
An image with a caption, using figure.html.

Video

A self-hosted video with controls, using video.html. Sample clip: MDN, CC0.

Looping clip

The same clip with loop=true: silent and autoplaying, in place of a GIF.

YouTube

Play video: Me at the zoo
Loads the player only when clicked, using youtube.html.

Audio

An audio clip, using audio.html. Sample: MDN, CC0.

Above is a horizontal rule. Footnotes collect below.

  1. The footnote text, with a link back. ↩