This document serves as both a demo and a guideline for the nobeamer theme. Follow these rules to create beautiful, handwritten-style presentations.
nobeamer
Normal text for reading. The design focuses on contrast and readability.
# Title ## Subtitle ### Sub-subtitle #### Sub-sub-subtitle
Use standard blockquotes for informal remarks or "teacher's voice". This style mimics a handwritten note and should be used to break the flow of formal content.
> This is the standard style...
Use emojis to call attention to the card. Suggestions: (, , , , , )
Information Use the Info Card for tips, side notes, or context that isn't critical but helpful.
> [](#i) **Useful Tip** > Content...
Emoji suggestions: (, , , , , )
Warning Use the Alert Card sparingly for critical warnings or common pitfalls.
> [](#a) **Caution** > Content...
Emoji suggestions: (, , , , ), , )
Success / Solution Use the Success Card for correct answers, conclusions, or good practices.
> [](#s) **Correct Result** > Content...
Dark Block Use the Dark Block for highlighted text.
> [](#d) **Dark Block** > Content...
The standard boring table...
I know we all love dark mode, but not for presentations.
def hello(): print("Hello Marp!") if __name__ == "__main__": hello()
math-resolution
div
<div class="math-resolution"> $$ \begin{aligned} ... \end{aligned} $$ </div>
<!-- backgroundImage: URL("images/image.jpg") --> 
Choose a beautiful image to fill the side of the slide.
Empty Space Use side background to avoid empty white spaces.
... but right Content comes first
Monotony Alter the position of the image to avoid monotony.
"The function of beauty is to be beautiful."
Easy way to layout a figure that doesn't fit as a borderless figure.
Template:
<!-- _class: cols-2 --> # Title (spans both) Left content... ![split]() Right content...
table sample
h1
![split]()
Feature A Minimal dark block with highlighted text.
Feature A
Minimal dark block with highlighted text.
highlighted
Starts here.
Attention alert, info and success blocks fit only on first column.
alert
info
success
Middle column.
Feature B Minimal dark block with highlighted text.
Feature B
Right column.
<!-- _class: cols-3 --> # Title Col 1 ![split]() Col 2 ![split]() Col 3
Some regular text in the column flow.
More stuff here
int main() { return 0; }
you don't need to use dark blocks, just for fun.
Look at the image above. What a mess!
I could kill minutes in this single slide.
As long as you keep the blocks misaligned, it will look less like a grid.