Files
developerbedoya.net/content/posts/marp.md

1.8 KiB

title, date, draft, tags
title date draft tags
Making slides in Marp (and saying 'Goodbye' to PowerPoint) 2022-12-24T11:43:50-03:00 false
markdown
marp

Writing slides in PowerPoint is so 20th century!!! So I watched this video:

{{< youtube EzQ-p41wNEE >}}

And I replicated the slide:

{{< highlight md >}}

marp: true theme: uncover class: invert math: mathjax style: | .columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }

An intro to Marp 🚀

By: Daniel Bedoya Alzate


Slide Header

  • Use Markdown to write slides!
  • Tons of cool features!

Code!

/** A Super helpful function! */
void Add (int a, int b)
{
    return a + b;
}
    

Math!

A single line expression...

\mathcal{O}(n\log{n})

OR, a multi-line expression.


\begin{align}
x &= 1 + \frac{1}{2} \\ 
  &= 1.5
\end{align}

Images

height:8cm


Images

Marp has a variety of image modifiers

![height:8cm bg.hue-rotate:90deg saturate](Linkedin.png)

height:8cm bg.hue-rotate:90deg saturate


height:8cm bg blur height:8cm bg greyscale height:8cm bg sepia

You can stack backgrounds horizontally


height:8cm bg vertical blur height:8cm bg greyscale height:8cm bg sepia

... or vertically!


Two columns!

bg left height:8cm

  • a
  • b

Huge


Two text columns!

  • a
  • b
  • c
  • d
  • e
  • f
{{< / highlight >}}

The result are here