docs: add example on how column layouts and pauses interact (#348)

Relates to #346
This commit is contained in:
Matias Fontanini 2024-08-18 12:41:35 -07:00 committed by GitHub
commit 916ab0cab5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 34 additions and 0 deletions

View File

@ -40,3 +40,12 @@ A few template variables, such as `current_slide` and `total_slides` can be used
presentation. presentation.
[![asciicast](https://asciinema.org/a/DLpBDpCbEp5pSrNZ2Vh4mmIY1.svg)](https://asciinema.org/a/DLpBDpCbEp5pSrNZ2Vh4mmIY1) [![asciicast](https://asciinema.org/a/DLpBDpCbEp5pSrNZ2Vh4mmIY1.svg)](https://asciinema.org/a/DLpBDpCbEp5pSrNZ2Vh4mmIY1)
# Columns
[Source](/examples/columns.md)
This example shows how column layouts and pauses interact with each other. Note that the image shows up as pixels
because asciinema doesn't support these and it will otherwise look like a normal image if your terminal supports images.
[![asciicast](https://asciinema.org/a/x2tTDt0BIesvOXeal3UpdzMHp.svg)](https://asciinema.org/a/x2tTDt0BIesvOXeal3UpdzMHp)

25
examples/columns.md Normal file
View File

@ -0,0 +1,25 @@
# Columns and pauses
Columns and pauses can interact with each other in useful ways:
<!-- pause -->
<!-- column_layout: [1, 1] -->
<!-- column: 1 -->
![](../examples/doge.png)
After this pause, the text on the left will show up
<!-- pause -->
<!-- column: 0 -->
This is useful for various things:
<!-- incremental_lists: true -->
* Lorem.
* Ipsum.
* Etcetera.