Home

Example

Open this file by Vortex to learn how to write slides. https://raw.githubusercontent.com/tajpure/vortex/master/docs/Introduction.md

Syntax

Markdown

Split Slides

Slide 0

---

Slide 1

A blank line before --- is needed.

Animates & Themes

• You can find all the animates and themes from here

• After declare this statement in the slides, the effect will be applied.

<!-- animate:rotateDownRight theme:dark -->

Math Equations

Support TeX math，eg:

• Inline $c = \pm\sqrt{a^2 + b^2}$

• Block $$c = \pm\sqrt{a^2 + b^2}$$

Diagram

The diagram syntax you can find in http://knsv.github.io/mermaid

Flowchart

graph TD
 A[Hard edge] -->|Link text| B(Round edge)
    B --> C{Decision}
    C -->|One| D[Result one]
    C -->|Two| E[Result two]

Sequence Diagram

sequenceDiagram
    Alice->>John: Hello John, how are you?
    John-->>Alice: Great!

Gant Diagram

gantt
    title A Gantt Diagram
    section Section
    A task           :a1, 2014-01-01, 30d
    Another task     :after a1  , 20d
    section Another
    Task in sec      :2014-01-12  , 12d
    anther task      : 24d

Icons

<i class="material-icons">sentiment_very_satisfied</i>
<i class="material-icons">sentiment_dissatisfied</i>
<i class="material-icons">cake</i>
<i class="material-icons">notifications_none</i>

https://design.google.com/icons

Customize CSS

Vortex will auto load /YourHomeDir/.vortex/user.css before start. You can define animates, themes and the style of the editor by CSS.