205 lines
3.2 KiB
Markdown
205 lines
3.2 KiB
Markdown
# DEMO
|
|
|
|
|
|
|
|
# This is my MD slide contents
|
|
|
|
Normal text here
|
|
|
|
* a
|
|
* b
|
|
* c
|
|
* d
|
|
* e
|
|
* f
|
|
* g
|
|
|
|
|
|
|
|
# This is my second MD slide
|
|
|
|
Say something here. How wide should you go. Well, let's find out.
|
|
|
|
A bit more even? Okay! No? A B C
|
|
|
|
|
|
|
|
# This is my third MD slide
|
|
|
|
A lot of lines below
|
|
|
|
* a
|
|
* b
|
|
* c
|
|
* d
|
|
* e
|
|
* ...
|
|
* v
|
|
* w
|
|
* x
|
|
* y
|
|
* z
|
|
|
|
|
|
|
|
## Can I also start with a subsection?
|
|
|
|
Certainly you can
|
|
|
|
### And a subsubsection
|
|
|
|
* bullet 1
|
|
* bullet 2
|
|
|
|
|
|
|
|
# There is another way to structure contents
|
|
|
|
After a triple blank line in your markdown you get a new slide
|
|
|
|
* A
|
|
|
|
|
|
# This is the other way, it is down
|
|
|
|
If you use only a double blank line, the next slides are arranged vertically
|
|
|
|
|
|
# One more step down
|
|
|
|
Blah blah blah
|
|
|
|
# One more step down
|
|
|
|
If you only have a single blank line you'll stay on the same slide
|
|
|
|
|
|
The triple/double blank line works in front of anything, even normal text like this
|
|
|
|
|
|
|
|
## This is the next MD slide
|
|
|
|
It has code for you
|
|
|
|
```js [1-2|3|4|]
|
|
let a = 1;
|
|
let b = 2;
|
|
let c = x => 1 + 2 + x;
|
|
c(3);
|
|
```
|
|
|
|
and
|
|
|
|
```c++ [1-2|4]
|
|
char* text= "abc";
|
|
int i= 42;
|
|
|
|
printf("some test %s and a number %i\n",text,i)
|
|
```
|
|
|
|
|
|
|
|
## How about Formulas, you ask?
|
|
|
|
Use $\LaTeX$ with `$ ... $` or `$$ ... $$` like normal
|
|
|
|
In a sentence like $ A_i = \frac{1}{\pi}$ or separately like
|
|
|
|
$$
|
|
\begin{aligned}
|
|
\dot{x} \cdot 1 & = \sigma(y-x) \newline
|
|
\dot{y} & = \rho x - y - xz \newline
|
|
\dot{z} & = -\beta z + xy \end{aligned}
|
|
$$
|
|
|
|
|
|
|
|
# Images
|
|
|
|
<center>
|
|
<img src="images/110 Rocket flight workshop.jpg" width="25%">
|
|
<img src="images/111 Rocket flight workshop.jpg" width="25%">
|
|
<img src="images/112 Rocket flight workshop.jpg" width="25%">
|
|
|
|
Rocket wants to fly
|
|
</center>
|
|
|
|
|
|
# How about videos?
|
|
|
|
<center>
|
|
<video src="images/rocket.webm" controls width="90%"></video>
|
|
|
|
And it does
|
|
</center>
|
|
|
|
|
|
|
|
# Background images
|
|
<!-- .slide: data-background-image="../images/casus_background_white.png" style="color: purple; --r-heading-color: purple;" -->
|
|
|
|
* AAA
|
|
* BBB
|
|
* CCC
|
|
|
|
|
|
# **Another bg image**
|
|
<!-- .slide: data-background-image="images/casus_background_blue.png" style="color: orange; --r-heading-color: orange;" -->
|
|
|
|
* **DDD**
|
|
* **EEE**
|
|
|
|
|
|
# **Background video anyone?**
|
|
<!-- .slide: data-background-video="images/rocket.webm" data-background-video-loop data-background-video-muted style="color: orange; --r-heading-color: orange;" -->
|
|
|
|
* With code
|
|
|
|
```c++ [1-4|5-7|8-10|]
|
|
for ( int i= 3; i > 0; i-- ) {
|
|
cout << i << endl;
|
|
sleep(1);
|
|
}
|
|
if ( ! rocket.launch() ) {
|
|
cout << "try again" << end;
|
|
}
|
|
if ( rocket.launch() ) {
|
|
cout << "yeah!" << end;
|
|
}
|
|
```
|
|
|
|
* And as a formula
|
|
|
|
$$\Delta v(m)= v_g \cdot \ln \frac{m_0}{m}$$
|
|
|
|
|
|
|
|
# Present me
|
|
|
|
How to present it?
|
|
* simply run
|
|
```bash
|
|
%> ./server.py
|
|
```
|
|
in the current directory and open http://localhost:8000/ in a web browser.
|
|
|
|
There are some command line options:
|
|
```bash
|
|
%> ./server.py [--debug] [--host v.x.y.z] [--port n]
|
|
```
|
|
to use the given local port or to use 0.0.0.0 as a host so it gets served via network instead of on the localhost only.
|
|
|
|
(It uses a different and less complex local http server that the original reveal.js)
|
|
|
|
|
|
|
|
# This is the last page in the first markdown file
|
|
|
|
Btw: Umlauts like ä ö ü and special charactrs like € are supported with the proper UTF8 encoding
|
|
|
|
<br>
|
|
<br>
|
|
<br>
|
|
|
|
<center>The end</center>
|