

Aragon Project Wiki Additional Features

Feature blocks

Feature blocks follow a simple syntax: every block is started with !!!, followed by a single keyword which is used as the type qualifier of the block. The content of the block then follows on the next line, indented by four spaces.

Example:

!!! note
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
    nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
    massa, nec semper lorem quam in massa.

Result:

Note

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

Types

Note

Example:

!!! note
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Result:

Note

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Abstract

Example:

!!! abstract / summary / tldr
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Result:

Abstract

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Info

Example:

!!! info / todo
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Result:

Info

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Tip

Example:

!!! tip / hint
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Result:

Tip

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Success

Example:

!!! success / check / done
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Result:

Success

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Question

Example:

!!! question / help / faq
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Result:

Question

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Warning

Example:

!!! warning / caution / attention
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Result:

Warning

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Failure

Example:

!!! failure / fail / missing
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Result:

Failure

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Danger

Example:

!!! danger / error
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Result:

Danger

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Bug

Example:

!!! bug
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Result:

Bug

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Example

Example:

!!! example / snippet
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Result:

Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Quote

Example:

!!! quote / cite
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Result:

Quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Changing the title

By default, the block title will equal the type qualifier in titlecase. However, it can easily be changed by adding a quoted string after the type qualifier.

Example:

!!! note "Phasellus posuere in sem ut cursus"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Result:

Phasellus posuere in sem ut cursus

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Removing the title

Similar to setting a custom title, the icon and title can be omitted by providing an empty string after the type qualifier:

Example:

!!! note ""
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Result:

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Embedded code blocks

Example:

Note

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

import Messenger, { providers } from '@aragon/messenger'
import { defer } from 'rxjs/observable/defer'
import { empty } from 'rxjs/observable/empty'
import { fromPromise } from 'rxjs/observable/fromPromise'
import { merge } from 'rxjs/observable/merge'

export const AppProxyHandler = {
  get (target, name, receiver) {
    if (name in target) {
      return target[name]
    }

    return function (...params) {
      return target.rpc.sendAndObserveResponse(
        'intent',
        [name, ...params]
      ).pluck('result')
    }
  }
}

Nunc eu odio eleifend, blandit leo a, volutpat sapien. Phasellus posuere in sem ut cursus. Nullam sit amet tincidunt ipsum, sit amet elementum turpis. Etiam ipsum quam, mattis in purus vitae, lacinia fermentum enim.

Footnotes

Usage

The markup for footnotes is similar to the standard Markdown markup for links. A reference is inserted in the text, which can then be defined at any point in the document.

Inserting the reference

The footnote reference is enclosed in square brackets and starts with a caret, followed by an arbitrary label which may contain numeric identifiers [1, 2, 3, ...] or names [Granovetter et al. 1998]. The rendered references are always consecutive superscripted numbers.

Example:

Lorem ipsum[^1] dolor sit amet, consectetur adipiscing elit.[^2]

Result:

Lorem ipsum¹ dolor sit amet, consectetur adipiscing elit.²

Inserting the content

The footnote content is also declared with a label, which must match the label used for the footnote reference. It can be inserted at an arbitrary position in the document and is always rendered at the bottom of the page. Furthermore, a backlink is automatically added to the footnote reference.

on a single line

Short statements can be written on the same line.

Example:

[^1]: Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Result:

Jump to footnote at the bottom of the page

on multiple lines

Paragraphs should be written on the next line. As with all Markdown blocks, the content must be indented by four spaces.

Example:

[^2]:
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
    nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
    massa, nec semper lorem quam in massa.

Result:

Jump to footnote at the bottom of the page

Equations

Blocks

Blocks are enclosed in $$...$$ which are placed on separate lines.

$$
\frac{n!}{k!(n-k)!} = \binom{n}{k}
$$

Result

$\frac{n!}{k!(n-k)!} = \binom{n}{k}$

Inline

Inline equations need to be enclosed in $...$ :

Lorem ipsum dolor sit amet: $p(x|y) = \frac{p(y|x)p(x)}{p(y)}$

Result

Lorem ipsum dolor sit amet: $p(x|y) = \frac{p(y|x)p(x)}{p(y)}$

Tasklists

Tasklists are useful for keeping track of tasks and showing what has been done and has yet to be done. Checkbox lists are like regular lists, but prefixed with [ ] for empty or [x] for filled checkboxes.

Example:

- [x] Lorem ipsum dolor sit amet, consectetur adipiscing elit
- [x] Nulla lobortis egestas semper
- [ ] Vestibulum convallis sit amet nisi a tincidunt
    - [x] In hac habitasse platea dictumst
    - [x] In scelerisque nibh non dolor mollis congue sed et metus
    - [ ] Praesent sed risus massa
- [ ] Aenean pretium efficitur erat, donec pharetra, ligula non scelerisque
- [ ] Nulla vel eros venenatis, imperdiet enim id, faucibus nisi

Result:

Lorem ipsum dolor sit amet, consectetur adipiscing elit
Nulla lobortis egestas semper
Vestibulum convallis sit amet nisi a tincidunt
- In hac habitasse platea dictumst
- In scelerisque nibh non dolor mollis congue sed et metus
- Praesent sed risus massa
Aenean pretium efficitur erat, donec pharetra, ligula non scelerisque
Nulla vel eros venenatis, imperdiet enim id, faucibus nisi

Code Highlighting

Using Markdown syntaxes, code blocks can be opened and closed by writing three backticks on separate lines. To add code highlighting to those blocks, the easiest way is to specify the language directly after the opening block.

Examples:

``` python
import tensorflow as tf
```

``` javascript
import Messenger, { providers } from '@aragon/messenger'
import { defer } from 'rxjs/observable/defer'
import { empty } from 'rxjs/observable/empty'
import { fromPromise } from 'rxjs/observable/fromPromise'
import { merge } from 'rxjs/observable/merge'

export const AppProxyHandler = {
  get (target, name, receiver) {
    if (name in target) {
      return target[name]
    }

    return function (...params) {
      return target.rpc.sendAndObserveResponse(
        'intent',
        [name, ...params]
      ).pluck('result')
    }
  }
}
```

Results:

import tensorflow as tf

import Messenger, { providers } from '@aragon/messenger'
import { defer } from 'rxjs/observable/defer'
import { empty } from 'rxjs/observable/empty'
import { fromPromise } from 'rxjs/observable/fromPromise'
import { merge } from 'rxjs/observable/merge'

export const AppProxyHandler = {
  get (target, name, receiver) {
    if (name in target) {
      return target[name]
    }

    return function (...params) {
      return target.rpc.sendAndObserveResponse(
        'intent',
        [name, ...params]
      ).pluck('result')
    }
  }
}

Supported languages

The Code Highlighting uses Pygments, a generic syntax highlighter.

It supports over 300 languages.

Grouping code blocks

You can use grouping for code blocks with tabs.

Example:

``` bash tab="Bash"
#!/bin/bash

echo "Hello world!"
```

``` c tab="C"
#include <stdio.h>

int main(void) {
  printf("Hello world!\n");
}
```

``` c++ tab="C++"
#include <iostream>

int main() {
  std::cout << "Hello world!" << std::endl;
  return 0;
}
```

Result:

Bash

#!/bin/bash

echo "Hello world!"

C

#include <stdio.h>

int main(void) {
  printf("Hello world!\n");
}

C++

#include <iostream>

int main() {
  std::cout << "Hello world!" << std::endl;
  return 0;
}

Highlighting specific lines

Specific lines can be highlighted by passing the line numbers to the hl_lines argument placed right after the language identifier. Line counts start at 1.

Example:

``` python hl_lines="3 4"
""" Bubble sort """
def bubble_sort(items):
    for i in range(len(items)):
        for j in range(len(items) - 1 - i):
            if items[j] > items[j + 1]:
                items[j], items[j + 1] = items[j + 1], items[j]
```

Result:

""" Bubble sort """
def bubble_sort(items):
    for i in range(len(items)):
        for j in range(len(items) - 1 - i):
            if items[j] > items[j + 1]:
                items[j], items[j + 1] = items[j + 1], items[j]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. ↩
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa. ↩