====== OpenNote Format ======
OpenNote uses a wrapper format to save which element uses which Syntax and to offer different way to position element on the screen.

===== Main =====
  * options
    * syntax (Default: "Plain Text") - Determines which wiki syntax to use to parse the page
    * interpreter (Default depends on the syntax) - Determines which parser to use
    * flavor (Default depends on the interpreter) - Determines a flavor to use for parsing

If the syntax, the interpreter or flavor isn't available an editor shall fallback to the default. An editor may display an info about an option being not available.

An editor may support images or other contents with a fixed width as a valid "syntax" (eg. "SVG", "JPEG" or "PDF"). Those elements should be displayed according to their DPI information with a maximum width of 100% of the wrapping div element. Editors may offer an option to zoom the content without affecting the wrapping div.

<code javascript>
[
  "content",
  {
    "syntax": "DokuWiki"
  },
  "utf-8 escaped content"
]
</code>

<code xml>
<main syntax="Markdown" flavor="GitHub"><![CDATA[
# Another parser
This shall be interpreted a GitHub flavored Markdown.
]]></main>
</code>

<code javascript>
[
  "text",
  {
    "syntax": "Markdown",
    "flavor": "GitHub"
  },
  "content": "utf-8 escaped content"
]
</code>

<code xml>
<main syntax="Markdown" flavor="GitHub"><![CDATA[
# Another parser
This shall be interpreted a GitHub flavored Markdown.
]]></main>
</code>

===== Grid =====
This supports a grid which offers free positioning similar to the OneNote experience. It contains boxes.

<code javascript>
[
  "grid",
  {
    "format": "DIN A4",
    "units": "cm"
  },
  [
    "content",
    {
      "x": 1.0,
      "y": 1.3,
      "width": 9.0,
    },
    "utf-8 escaped content"
  ],
  [
    "image",
    {
      "x": 10.0,
      "y": 1.3,
      "width": 10.0
      "alt": "Foto eines schneebedeckten Bergs",
    },
    "Urlaubsfoto.jpg"
  ]
]  
</code>

<code xml>
<grid format="DIN A4">
  <box syntax="Markdown" flavor="GitHub"><![CDATA[
# Another parser
This shall be interpreted a GitHub flavored Markdown.
]]></box>
</code>

===== Responsive =====
<code xml>
<responsive>
  <box syntax="Markdown" flavor="GitHub" class="md-4 sm-8 xs-12 pull-right"><![CDATA[
# Another parser
This shall be interpreted a GitHub flavored Markdown.
]]></box>
  <row>
    <box syntax="Markdown" flavor="GitHub" class="md-4 md-offset-6 xs-12"><![CDATA[
## Second box
This shall be interpreted a GitHub flavored Markdown.
]]></box>
  </row>
</responsive>
</code>