To create a table of contents we you simply make a div element with 'toc' attribute.
Optional attribute:
- title : overwrite default title ("Table of contents")
The table is contructed based on 'section' elements in the document, sections are sections, sections inside sections are sub-sections and so on. The indexing and page numbering happens automatically, no need to run the program multiple times.
Optional attribute:
- title : add title to section (default: no title, only number)
Obviously when we contruct bigger documents you need to be able to include files from other locations. For this we allow both local and online resources to be used.
To make equations a new tag has been implemented 'e', MathJax processes the math therefore the syntax for equations are the same as in LaTeX.
You can use an editor like to make the eqautions.
Inline equations like E = mc^2 is placed inside paragraphs and doesn't get counted, as it's less likely that you want to reference them.
Block-level equations are placed outside of paragraphs and gets numbered.
\frac{1}{\displaystyle 1+
\frac{1}{\displaystyle 2+
\frac{1}{\displaystyle 3+x}}} +
\frac{1}{1+\frac{1}{2+\frac{1}{3+x}}}
Oh code... oh sweet and lovely code. I really like how github highlights my code, so currently the only option is to make a gist, add your code and use this syntax to load it (note: you need an internet connection with this method).
Attribute:
- data-gist : id of gist (public or secret)
- data-gist-file (optional) : name of specific file to show (default: show all files in gist)
Using the power to 'embed' we can also include running code from for example CodePen.
See the Pen Corange Loading Screen by George Hoqqanen (@hoqqanen) on CodePen.
For link most webdeveloper will know how to use the 'a' tag, but for new users: Make an 'a' tag, give it href attribute with link to the content and url attribute for general styling and behavior of link.
Fx: This text is optional
Attribute:
- href : link to content
- url : copy href to linktext if linktext is empty, bold style linktext and target blank page when clicking on link
Elements move around depending on their relative placement, so knowing image number or section number is pointless. Similar to LaTeX you can reference a name and TypeOtter will find the closest relatable element.
Fx: Section (see code below)
Like equations you can make both inline and block-level quotes for different styles. For now only normal US style of quote, in future this will be and option, but for now you can overwrite the quote style to whatever punctuation you want. Block quotes use the same q tag as inline, but gets different style.
With inline tag you can quote
around text.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
...I'll make a note, to implement that later .
Implemented... just gotta testes it through and stuff.
On sections and paragraphs you can use the title attribute. On section the work as the header for the section and on paragraphs they are a bolded text before the content.
'name' attribute can be used on any element. This works like a label in LaTeX and can be referenced or linked to directly.
'newpage' attribute can be used on any element. This ensures that the element start on a new page.