Press CTRL+c to open a preview window, then move it to the side and click on next
Lessons
Specific blocks that can be used as outline. Press CTRL+o now to open me in fullscreen mode
And summarized, appearing on click
Lesson 1
Click on me to show the next lesson
Lesson 2
As you see in the preview, all lessons will be visible there. There are more lessons, click again!
Lesson 3
Uh, the next one you will love - click once more!
Blocks can also take the full width
Check the next page for more infos!
Formatting your blocks
I take the left half
While I take the right! Quick, click me for more!
I'm following the golden ratio
And together we are beautiful!
And it goes in either direction
And still we are beautiful!
Code gets highlighted for you!
// supports syntax highlight
if ("block-code") {
console.log("highlighting it!");
}
This is highlighted markup!
public class Program {
public static async Task Main(string[] args) {
var builder = CreateWebHostBuilder(args);
var task = Task.Run(() => {
builder.Run();
});
Thread.Sleep(500);
var output = await new HttpClient().GetStringAsync("http://localhost:5000");
Console.WriteLine(output);
}
}
Want semantic impact? Use big images with figure/figcaption
Want big impact? Use big image
Add tables to show data
A
B
2021-06-12
20
30
2021-06-13
10
0
And create plain text diagrams to explain graphs
┌────────────────┐ ┌─────────────────┐
│ │ │ │
│ │ │ │
│ │ │ │
│ │ │ │
│ Data flows ├────────────► to here │
│ from here │ │ │
│ │ │ │
│ │ │ │
│ │ │ │
└────────────────┘ └─────────────────┘