:div[style="color:red"]
# Slide 1
**abc**
_efg_
```js
console.log(123);
```
---
```katex
c = \pm\sqrt{a^2 + b^2}
```
:@Katex
{
"\\f": "#1f(#2)"
}
% \f is defined as #1f(#2) using the macro
\f\relax{x} = \int_{-\infty}^\infty
\f\hat\xi\,e^{2 \pi i \xi x}
\,d\xi
$$ r=x^2+y^2 $$
# Slide 2
## abc
```mermaid
graph TD
A[Client] --> B[Load Balancer]
B --> C[Server01]
B --> D[Server02]
```
:@mermaid
graph TD
A[Client] --> B[Load Balancer]
B --> C[Server01]
B --> D[Server02]
_hhaa_
abc
# Slide 3
123
:.wrap[style="color:red"]
abc
## def
fff
ddd
:.wrap
{^.aligncenter.xyz[style="color:red"][abc="ddd"]}
# Slide 4{@github?3.2rem}
{^.flexblock.border}
- list
- 1-1{@twitter?0.8em}
- 1-2
- 1-3
- list 2
- 2-1
- 2-2
- 2-3
- list 3
- 3-1
- 3-2
- 3-3
- list 4
- 4-1
- 4-2
- 4-3