UI Components

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


This is how a Title is rendered


This is how a Heading is rendered

And this is a subheading!


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


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


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


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

YouTube embed


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.


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