UI Components

Here is a lists of UI components that you can use writing the content for your side.

Title

This is how a Title is rendered

Heading

This is how a Heading is rendered

And this is a subheading!

Text

Body text is rendered like this. And monospaced text is rendered like this.

Images

From Zach Miller on Unsplash
Small images(images placed on the same line) will be rendered as a small grid automatically.

Tables

Column A Column B
Content Content

Ordered Lists

  1. This is the first element
  2. And second
  3. And third

Unordered Lists

  • Element 1
  • Element 2
  • Element 3

Checklist

  • Todo item 1
  • Todo item 2
  • Todo item 3
  • Todo item 4

YouTube embed

https://www.youtube.com/watch?v=a44wzd50p28

Spotify embed

https://open.spotify.com/track/70kdJnm1X6eEM8DbWa8Mnc?si=a386a4a839e94187To create a link, enclose the link text in brackets (e.g.,Β [Duck Duck Go]) and then follow it immediately with the URL in parentheses (e.g.,Β (https://duckduckgo.com)) as follows. Duck Duck Go

Quotes using Markdown

To create a blockquote, add aΒ >Β in front of a paragraph. This Will be rendered as follows:

Horizontal rules using Markdown

If you want to make a horizontal break in your page add a line with β€œ***” and it will be rendered as html <hr> tag.

Footnotes

If you want to create a footnote use Markdown syntax: Add link to the footnote like this
And at the bottom of your note add links like this
And the end result will look like this