Go to MarpX Github Site

Reference Guide to MarpX
or How to use MarpX special tags

Paulo Cunha - 2025

Go to MarpX Github Site
Go to MarpX Github Site

MarpX Features Table

Item Marcador
Boxes <box></box> or <span class="box"></span>
Black or White Slides <!-- _class: "black-slide" --> or <!-- _class: "white-slide" -->
Callouts <div class="callout"></div>
Containers <div class="container"></div>
Multicolumn <div class="multicolumn" align="center"></div>
Notes <div class="notes"></div>
Quotes <!-- _class: "quote" --> or <!-- _class: "quote dark" -->
References <!-- _class: "references" -->
Title <!-- _class: "title" --> or <!-- _class: "title-academic" -->
TOC <!-- _class: "toc" -->
Transition Slide <!-- _class: "chapter" -->
Videos <video controls height="400px"></video>

Table of MarpX functionalities.

Go to MarpX Github Site

The YAML Header is at the top of your Markdown file

---
title: How to use MarpX Special Tags
author: Paulo Cunha
description: Canonical use of marpx theme
keywords: [Marp, MarpX, Gödel, Paulo Cunha]

header: 2025
footer: "[Back to the Index](#2)"

marp: true
theme: gödel
paginate: true
transition: none

size: 16:9
lang: en
math: mathjax
---
Go to MarpX Github Site
Über formal unentscheidbare Sätze der Principia Mathematica und verwandter Systeme
On Formally Undecidable Propositions
Kurt Gödel
Königsberg, 5–7 September, 1930
Second Conference on the Epistemology of the Exact Sciences
Go to MarpX Github Site

<!-- _class: "title-academic" -->

---

<!-- _class: "title-academic" -->
<!-- _backgroundColor: white  -->

![bg left:33%](./<locaton>/godel-young.jpg)

<div class="title"       >  Über formal unentscheidbare 
                           Sätze der Principia Mathematica und verwandter Systeme </div>
<div class="subtitle"    >  On Formally Undecidable Propositions </div>
<div class="author"      >  Kurt Gödel </div>
<div class="date"        >  Königsberg, 5–7 September, 1930 </div>
<div class="organization">  Second Conference on the Epistemology of the Exact Sciences </div>

---
Go to MarpX Github Site

Über formal unentscheidbare Sätze der Principia Mathematica und verwandter Systeme

On Formally Undecidable Propositions

Go to MarpX Github Site

<!-- _class: "title" -->

<!-- _class: "title" -->

# Über formal unentscheidbare Sätze der Principia Mathematica und verwandter Systeme

## On Formally Undecidable Propositions
Go to MarpX Github Site
  1. Title
  2. Transition Slide
  3. Normal Slide
  4. Headers
  5. Images
  6. Animations and Videos
Go to MarpX Github Site

<!-- _class: "toc" -->

<!-- _class: "toc" -->

0. [Title](#1)
1. [Transition Slide](#4)
2. [Normal Slide](#5)
3. [Headers](#6)
4. [Images](#7)
5. [Animations and Videos](#15)
Go to MarpX Github Site

Transition Slide

Aditional Text about what´s ahead

Go to MarpX Github Site

<!-- _class: "chapter" -->

<!-- _class: "chapter" -->

# Transition Slide

## Aditional Text about what´s ahead
Go to MarpX Github Site

Boxes

  • Flow of activities that use resources.

Input Process Output

Another way:

Input Data Processing Output info

Go to MarpX Github Site

<box> or <span class="box">

# Boxes

- Flow of <span class="box">**activities**</span> that use **resources**.

<center>

<span class="box">Input</span>
$\longrightarrow$
<span class="box border">Process</span> $
\longrightarrow$
<span class="box">Output</span>

Another way:

<box>Input</box> $\longrightarrow$
<box>Process</box> $\longrightarrow$
<box>Output</box>

</center>
Go to MarpX Github Site

Boxes

Input Data Processing Output Info
Go to MarpX Github Site

<box> or <span class="box">

# Boxes

<center>

<box>

<bbox>Input Data</bbox> $\longrightarrow$ <bbox>Processing</bbox> $\longrightarrow$ <bbox>Output Info</bbox>

</box>

</center>
Go to MarpX Github Site

One image slide

center

Object defined in terms of spherical coordinates.
Go to MarpX Github Site

<!-- _class: "white-slide" -->

<!-- _class: "white-slide" -->

# One image slide

![h:400 center](../<location>/puebk.png)

<figcaption>Object defined in terms of spherical coordinates.</figcaption>
or
<br><span class="figcaption">Object defined in terms of spherical coordinates.</span>
Go to MarpX Github Site

Images fit into columns

Sophokles, Suhrkamp (2015).

Göthe, Suhrkamp (2011).

Heine, Suhrkamp (2011).
Go to MarpX Github Site

<div class="multicolumn" align="center">

# Images fit into columns

<div class="multicolumn" align="center"><div>

[![h:350px drop-shadow:4px,5px,15px,#010101]
(./assets/images/books/book004.jpg)](https://amzn.eu/d/fQDOCSF)

<figcaption>Sophokles, Suhrkamp (2015).</figcaption>

</div><div>

[![h:350px drop-shadow:4px,5px,15px,#010101]
(./assets/images/books/book003.jpg)](https://amzn.eu/d/bxExVnT)

<figcaption>Göthe, Suhrkamp (2011).</figcaption>

</div><div>

[![h:350px drop-shadow:4px,5px,15px,#010101]
(./assets/images/books/book006.jpg)](https://amzn.eu/d/f3z3qfe)

<figcaption>Heine, Suhrkamp (2011).</figcaption>

</div></div>
Go to MarpX Github Site

Video

Video playing in Marp available only in html export.
Go to MarpX Github Site

<video controls height="400px"></video>

<!-- _class: "white-slide" -->
<!-- _footer: Vídeo de Nikolay -->

# Video

<center>

<video controls height="400px">
  <source src="https://cunhapaulo.github.io/marpx/videos/sample01.mp4">
</video>

<figcaption>Video playing in Marp available only in html export.

</center>
Go to MarpX Github Site

Renaissance painters

Painter Country Birth Year Death Year Most Famous Work
Albrecht Dürer Germany 1471 1528 Melencolia I
Leonardo da Vinci Italy 1452 1519 Mona Lisa
Michelangelo Italy 1475 1564 Sistine Chapel Ceiling
Raphael Italy 1483 1520 The School of Athens
Titian Italy ~1488 1576 Assumption of the Virgin

Renowned Renaissance painters with biographical data and masterpieces (alphabetical order).

Go to MarpX Github Site

Markdown Tables

# Renaissance painters

<center>

| Painter           | Country | Birth Year | Death Year | Most Famous Work           |
| ----------------- | :-----: | :--------: | :--------: | -------------------------- |
| Albrecht Dürer    | Germany |    1471    |    1528    | _Melencolia I_             |
| Leonardo da Vinci |  Italy  |    1452    |    1519    | _Mona Lisa_                |
| Michelangelo      |  Italy  |    1475    |    1564    | _Sistine Chapel Ceiling_   |
| Raphael           |  Italy  |    1483    |    1520    | _The School of Athens_     |
| Titian            |  Italy  |   ~1488    |    1576    | _Assumption of the Virgin_ |

<tabcaption>Renowned Renaissance painters with biographical data and masterpieces
(alphabetical order).</tabcaption>

<center>
Go to MarpX Github Site

Probability Distribution (1)

Normal Distribution (Gaussian).

Multivariate Normal Distribution.
Go to MarpX Github Site

LaTeX

<!-- _class: "white-slide" -->

# Probability Distribution (1)

<div class="multicolumn vcenter"><div>

$$
f(x) = \frac{1}{\sigma \sqrt{2\pi}} \exp\left( -\frac{(x - \mu)^2}{2\sigma^2} \right)
$$

<figcaption>Normal Distribution (Gaussian).</figcaption>

</div><div>

![w:650](./assets/images/graphs/distribution02.png)

<figcaption>Multivariate Normal Distribution.</figcaption>

</div></div>
Go to MarpX Github Site

Electromagnetic Field (Differential form)

Below, in modern vector notation, in differential form, are Maxwell's four equations governing the electromagnetic field.

Go to MarpX Github Site

LaTeX

# Electromagnetic Field (Differential form)

Below, in modern vector notation, in _differential form_,
are Maxwell's four equations governing the `electromagnetic field`.

$$
\begin{align}
\nabla \cdot \mathbf{E} &= \frac{\rho}{\varepsilon_0}
        &&\text{(Gauss's law)}\\
\nabla \cdot \mathbf{B} &= 0
        &&\text{(No magnetic monopoles)}\\
\nabla \times \mathbf{E} &= -\,\frac{\partial \mathbf{B}}{\partial t}
        &&\text{(Faraday-Lenz law)}\\
\nabla \times \mathbf{B} &= \mu_0 \mathbf{J}
        + \mu_0 \varepsilon_0\,\frac{\partial \mathbf{E}}{\partial t}
        &&\text{(Ampere-Maxwell Law)}
\end{align}
$$
Go to MarpX Github Site

"There is an increasing demand of current information systems to incorporate the use of a higher degree of formalism in the development process. Formal Methods consist of a set of tools and techniques based on mathematical model and formal logic that are used to specify and verify requirements and designs for hardware and software systems."

Go to MarpX Github Site

<!-- _class: "quote dark" -->

<!-- _class: "quote dark" -->

"There is an **increasing** demand of current information
systems to incorporate the use of a higher degree of formalism
in the development process. **Formal Methods** consist of a set
of tools and techniques based on mathematical model and formal
logic that are used to **specify and verify** requirements and
designs for hardware and software systems."
Go to MarpX Github Site

Callouts

Info

Text for information with
Markdown formatting.

<div class="callout">

# Info

Text for information with <br> **Markdown** formatting.

</div>

Danger

Another text with
Markdown formatting.

<div class="callout danger">

# Danger

Another text with <br> **Markdown** formatting.

</div>
Go to MarpX Github Site

Callouts types

Success

You may use in semantics.

Abstract

You may use in semantics.

Tip

You may use in semantics.

ToDo

You may use in semantics.

Note

You may use in semantics.

Example

You may use in semantics.

Quote

You may use in semantics.

Question

You may use in semantics.

Warning

You may use in semantics.

Failure

You may use in semantics.

Danger

You may use in semantics.

Bug

You may use in semantics.

Go to MarpX Github Site

References

  1. AMERIKS, Karl; HÖFFE, Otfried. Kant’s Moral and Legal Philosophy. tradução: Nicholas Walker. Cambridge, Massachusetts: Cambridge University Press, 2009-. ISSN 1878-6847.(The German Philosophical Tradition).
  2. ARISTOTELES. Nikomachische Ethik. Berlin: Akademie Verlag, 2010. (Klassiker Auslegen).v. 2
  3. CASSIRER, Ernst. The Myth of the State. New Haven, USA: Yale University Press, 1946.
  4. EPSTEIN, Richard L.; CARNIELLI, Walter A. Computability: Computable Functions, Logic, and the Foundations of Mathematics. 3. ed. Socorro, New Mexico, USA: Advanced Reasoning Forum, 2008.
  5. GADAMER, Hans-Georg. Wahrheit und Methode. Berlin: Akademie Verlag, 2007. v. 30.
  6. HEGEL, Georg Friederich Wilhelm. Hegel´s Phenomenology of Spirit. Tradução: A. V. Miller. New York: Oxford University Press, 2004.
  1. HEIDEGGER, Martin. Sein und Zeit. 11. ed. Tübingen: Max Niemeyer Verlag, 1967.
  2. HUSSERL, Edmund. The Crisis of European Sciences and Transcendental Phenomenology. Evanston, USA: Northwestern University Press, 1970.
  3. KANT, Immanuel. Kritik der Praktischen Vernunft. Berlin: Akademie Verlag, 2002. (Klassiker Auslegen).v. 26
  4. KANT, Immanuel. Groundwork of the Metaphysics of Morals: A German-English Edition. tradução: Mary Gregor; Jens Timmermann. Cambridge, UK: Cambridge University Press, 2011.
  5. KARDEC, Allan. Das Buch der Geister. Übersetzung: Edith Burkhard. 3. ed. Brasília, DF: Internationaler Spiritistischer Rat, 2011.
  6. PLATO. Plato Republic. Tradução: C. D. C. Reeve. Indianapolis, IN, USA: Hackett Publishing Company, 2004.
Go to MarpX Github Site

<!-- _class: "references" -->

<!-- _class: "references" -->

# References

<div class="multicolumn"><div>

1. AMERIKS, Karl; HÖFFE, Otfried. **Kant’s Moral and Legal
   Philosophy**. tradução: Nicholas Walker. Cambridge, Massachusetts:
   Cambridge University Press, 2009-. ISSN 1878-6847.(The German Philosophical Tradition).
2. ARISTOTELES. **Nikomachische Ethik**. Berlin: Akademie Verlag, 2010. (Klassiker Auslegen).v. 2
3. CASSIRER, Ernst. **The Myth of the State**. New Haven, USA: Yale University Press, 1946.

</div><div>

7. HEIDEGGER, Martin. **Sein und Zeit**. 11. ed. Tübingen:
   Max Niemeyer Verlag, 1967.
8. HUSSERL, Edmund. **The Crisis of European Sciences and
   Transcendental Phenomenology**. Evanston, USA: Northwestern University Press, 1970.
9. KANT, Immanuel. **Kritik der Praktischen Vernunft**.
   Berlin: Akademie Verlag, 2002. (Klassiker Auslegen).v. 26

</div></div>
Go to MarpX Github Site

Animations  (works in HTML only)

center

First animation.

Second animation.
Go to MarpX Github Site

<!-- _class: "black-slide" -->

<!-- _class: "black-slide" -->

# Animations &nbsp;<span style="font-size:0.5em; color:yellow;">

(works in HTML only)</span>

<div class="multicolumn vcenter><div align=center">

![h:380px](https://<address>/<file.jpg>)

  <figcaption> Static picture.

</div><div align=center>

  <iframe src="https://<address>/<file>" 
  height="390" width="400" frameborder="0" scrolling="no" ></iframe>
  <figcaption> Animation.

## </div></div>
Go to MarpX Github Site

Note Boxes

Anotações Numeradas:

  1. Primiera Tarefa;
  2. Segunda Tarefa;
  3. Terceira Tarefa.

Anotações Itemizadas:

  • Primiera Tarefa;
  • Segunda Tarefa;
  • Terceira Tarefa.
Go to MarpX Github Site

<div class="notes">

---

# Note Boxes

<div class="notes">

# Anotações Itemizadas:

- Primiera Tarefa;
- Segunda Tarefa;
- Terceira Tarefa.

</div>

---
Go to MarpX Github Site

Containers

Título

Input
Data Processing Output
info Consumer

Go to MarpX Github Site

<div class="container"></div>

# Containers

<div class="container">

## Título

<center>

<box><bbox>Input<br>Data</bbox>$\longrightarrow$ <bbox>Processing</bbox> $\longrightarrow$ <bbox>Output<br>info</bbox></box> $\longrightarrow$ <bbox> Consumer </bbox>

</center>

</div>
Go to MarpX Github Site

Containers

Título

Input
Data Processing Output
info Consumer

Go to MarpX Github Site

Return to beginning
or
Go to MarpX at Github