Slides con Quarto, el adiós de beamer?

Adios Beamer?

De las cosas que me gustan pero que me consumen tiempo es preparar una presentación técnica que incluya una descripción de un programa. Como todos, creo, inicié haciendo presentaciones en Powerpoint, Keynote y Beamer (\(\LaTeX\)), en ese orden. Este último con los mejores resultados pero con un poco más de trabajo para que las diapositivas hicieran lo que yo quería.

Esto ha cambiado con Quarto, utilizando su opción de slides, que permite hacer diapositivas usando menos código. El formato es quarto mark down *.qmd que es un “semi-código”. La ventaja, es que puedes usar \(\LaTeX\), embeber código, el output del código, entre muchas otras monerías.

Para usar el template necesitas:

1. Descargar e instalar Quarto https://quarto.org

2. Descargar VS-code https://code.visualstudio.com, con VScode puedes brear un archivo .qmdy pegar el código, recuerda incluir una figura para que todo marche ok. Si usas VScode, basta instalar la extensión de quarto y usar el botón preview.

Lo primero es definir un preámbulo aquí te dejo uno que hace muchas cosas, dejo algunas cosas comentadas para que juegues con él un poco.

El código

---
title: Título de la diapositiva
subtitle: "Un subtítulo"
format:
  revealjs:
    theme: simple #beige, blood, dark, default, league, moon, night, serif, simple, sky, solarized
    #smaller: true
    scrollable: true
    slide-number: true
    #show-slide-number: print
    #navigation-mode: vertical
    controls-layout: bottom-right 
    controls-tutorial: true
    chalkboard:
      theme: whiteboard
      boardmarker-width: 1
      buttons: true
  
author:
  - name: "Autor 1"
    orcid: 0000-000X-XXXX-XXXX
    email: autor_1@edu
    affiliation: 
      - name: Instituto
        url: my_web_personal
  - name: "Autor 2"
    orcid: 0000-000X-XXXX-XXXX
    email: autor_2@edu
    affiliation: 
      - name: Instituto
        url: my_web_personal
#logo: img/logo_color.png
footer: "Congreso de universidades - 2023"
---

# Sección 1 {background-color=rgba(157,146,170)}

## Diapositiva 1
::::{.columns}

:::{.column width="50%"}
Aquí una columna:

- primero
- segundo
- tercero
:::

:::{.column width="50%"}

![Una imagen](this_is_fine.png)
:::

::::


## Algo de código {.smaller}


Aquí algo de texto, se incluye ```{.smaller}``` al lado del título de la diapositiva para reducir el tamaño del texto.
Una ecuación, 

$$
\frac{P}{A}= \frac{1}{2} \rho V^3
$$

::: {.cell execution_count=1}
``` {.python .cell-code}
import numpy as np
import matplotlib.pyplot as plt 

Velocidad=np.arange(0,10,0.1)
Densidad_Potencia=0.5*1.2*Velocidad**3

plt.plot(Velocidad,Densidad_Potencia,'.')
plt.show()
```

::: {.cell-output .cell-output-display}
![](index_files/figure-html/cell-2-output-1.png){width=575 height=411}
:::
:::


## Animaciones {auto-animate=true}

Una primera frase

## Animaciones {auto-animate=true}

Pero antes esto...

Una primera frase


::: {style="margin-top: 100px;"}
Pero esto es muy importante!!!
:::

## Animaciones {auto-animate=true}

Pero antes esto...

Una primera frase

::: {style="margin-top: 200px; font-size: 3em; color: red;"}
Pero esto es muy importante!!!
:::



## Incrustar un sitio web {.smaller}

Para embeber un sitio web usas:



<iframe width="780" height="500" src="https://osvaldorh.github.io/" title="Quarto Documentation"></iframe>


Y la salida es: 


````{=html}
<iframe width="780" height="500" src="https://osvaldorh.github.io/" title="Quarto Documentation"></iframe>
```



## Incrustar un video {.smaller}

 Para un video de youtube

```{.yaml .code-overflow-wrap}
{< video https://youtu.be/lrotSZe568o?si=qB1B38Yjpt5Jo5RH width="100%" height="85%" >}
```

Copia y pega esto en un archivo.qmd y ejecuta:

quarto preview archivo.qmd

y listo!!!!

La salida

La salida de este código será una presentación en formato html la cual tiene su propio sistema de navegación y un pizarrón. Si usas un ‘Ipad’, puedes utilizar un ‘pencil’ y escribir en tus diapositivas.

Aquí la salida:

O bien puedes dar click aquí para ver la presentación como un sitio web.

Una descripción rápida…

Para hacer diapositivas basta con anteponer un signo de #:

• # *Nombre de la sección* un # para crear secciones.
• ## *Titulo de la diapositiva* dos# seguidas del título de la diapositiva para crearla.

Más detalles puedes darle una visitada al sito https://quarto.org/docs/presentations/

Si con todo esto aún extrañas beamer basta escribir en una terminal donde se encuentre tu archivo.qmd lo siguiente:

quarto render archivo.qmd --to beamer

Y obtienes:

O bien, si prefieres un Powerpoint

quarto render archivo.qmd --to pptx

Creo que lejos de ser el final de beamer, Quarto facilita mucho las cosas para generarlos. Claro, las salidas deben ser personalizadas pero eso es otra historia.

Cómo citar

BibTeX

@online{rodríguez2023,
  author = {Rodríguez, Osvaldo},
  title = {Slides con Quarto, el adiós de beamer?},
  date = {2023-12-12},
  url = {https://osvaldorh.github.io/posts/2016-11-13_IntroQuarto},
  langid = {es}
}

Por favor, cita este trabajo como:

Rodríguez, Osvaldo. 2023. “Slides con Quarto, el adiós de beamer?” December 12, 2023. https://osvaldorh.github.io/posts/2016-11-13_IntroQuarto.