• Course Title
  • Text Formatting
  • Headings
  • Lists
  • Links
  • Blockquotes
  • Math
  • Tables
  • Multimedia
    • Galleries
    • QR Code
    • oEmbed
  • Animations & Text-to-Speech
    • With narration
  • Styling
  • Diagrams
    • ASCII 1
    • ASCII 2
    • Data Visualization
  • Quizzes
    • Text Input
    • Multiple Choice
    • Single Choice
    • Selection
    • With Hints
    • With Solution
    • Gap Text
  • Executable Code
    • Multi-File Code
    • Charts with Chartist
    • JavaScript
  • Surveys
  • Footnotes
  • Publishing

§Course Title

Replace this with your course description.

\(\frac{\mathrm{feet}\cdot5000}{127}\)

§Text Formatting

Bold, italic, bold+italic**

Strikethrough, underline, ^superscript^

inline code

§Headings

# H1 - Course Title
## H2 - Section (new slide)
### H3 - Subsection
#### H4 - Sub-subsection

§Lists

Unordered

• Item 1
• Item 2
  • Nested item
  • Another nested

Ordered

1. First step
2. Second step
   1. Sub-step A
   2. Sub-step B

Tasks

• [ ] Todo
• [x] Done

§Links

Link text

Section link

§Blockquotes

Simple blockquote

Nested blockquotes are possible too…

Quote with citation

– Author Name

§Math

Inline: \(a^2 + b^2 = c^2\)

Display:

$$ \int_0^1 x^2 \, dx = \frac{1}{3} $$

Multi-line:

$$ \begin{aligned} f(x) &= x^2 + 2x + 1 \\ &= (x + 1)^2 \end{aligned} $$

Matrix:

$$ \begin{pmatrix} 1 & 0 \\ 0 & 1 \end{pmatrix} $$

Chemistry: \(\ce{H2O}\) or \(\ce{CO2 + C -> 2 CO}\)

§Tables

§Multimedia

Images

Audio

?Audio

Video

!?YouTube Video

§Galleries

§QR Code

qr-code

§oEmbed

??SketchFab 3D Model

§Animations & Text-to-Speech

 {{0}}

Step 0: Appears first

 {{1}}

Step 1: Appears second

 {{2-3}}

Steps 2-3: Visible from step 2, disappears at step 4

 {{4}}

Step 4: Appears last

§With narration

 --{{0}}--

This text is spoken when step 0 appears.

 {{0}}

First content

 --{{1 UK English Female}}--

This uses a different voice for step 1.

 {{1}}

Second content

 --{{2 French Female}}--

Ceci est parlé en français.

 {{2}}

!?One document multiple representations

Inline animations:

Always visible, but {1}{this appears on step 1}, and {2}{this on step 2}.

§Styling

Styled the entire block.

Style only One element

§Diagrams

§ASCII 1

                              Diagram Title
1.5 |                                  DOTS
    |                 ***
  y |               *     *
  - |         r r r*r r r r*r r r
  a |             *         *
  x |            *           *
  i |     B B B  *B B B B B B*  B B B
  s |         *                 *
    | *  * *                       * *  *

-1.0 +———————————— 0 x-axis 1

§ASCII 2

 .---------------.
(      Start      )
 '-------+-------'
         |
         v
    +----+----+      .----------.
    |  Input  |----->| Process  |
    +---------+      '-----+----'
                          /
                         /
                        /
        +--------------+---+
        |                  |
        v                  v
   +----+----+       +-----+-----+
   | Success |       |   Error   |
   +---------+       +-----------+

§Data Visualization

Line Charts

Bar Charts

Pie Charts

Radar Charts

§Quizzes

§Text Input

What is 2 + 2?

[[4]]

§Multiple Choice

[[X]] Correct
[[ ]] Wrong
[[X]] Also correct

§Single Choice

[(X)] Correct
[( )] Wrong
[( )] Also wrong

§Selection

[[ Option A | (Option B) | Option C ]]

§With Hints

[[42]]
[[?]] First hint
[[?]] Second hint

§With Solution

[[answer]]

******

Explanation of the solution goes here.

******

§Gap Text

Fill in the [[ blank ]] words in this [[ sentence ]].

You can also use selection: [[(one)|two|three]] and [[(another)|choice]].

§Executable Code

// Your code here
let x = 5;
let y = 10;
console.log("Sum:", x + y);

x + y  // Return value

§Multi-File Code

let result = data.value * 2;
"Result: " + result

{
  "value": 21
}

§Charts with Chartist

new Chartist.Line('#chart1', {
  labels: [1, 2, 3, 4, 5],
  series: [[12, 9, 7, 8, 5]]
});

§JavaScript

The $\sqrt{2} = $

§Weather API Example

longitude:

latitude:

§Surveys

Rate this course:

[(1)] ⭐
[(2)] ⭐⭐
[(3)] ⭐⭐⭐
[(4)] ⭐⭐⭐⭐
[(5)] ⭐⭐⭐⭐⭐

Feedback:

[[___]]

§Footnotes

Text with footnote¹

§Publishing

1. Push to GitHub
2. Get raw URL: https://raw.githubusercontent.com/user/repo/main/README.md
3. Share: https://liascript.github.io/course/?YOUR_RAW_URL

Build your course from here! 🚀