21/05/2022

Por la mañana

Levantando

  • Desactivar alarma
  • Levantarse de la cama

Desayuno

  • Comer huevos
  • Beber café

Por la tarde

Cena

  • Comer espaguetis
  • Beber vino

A scatterplot.

A scatterplot.

Ir a dormir

  • Métete en la cama
  • Contar ovejas

Titulo

Subtitulo

Puede agregar un subtítulo a una diapositiva o sección al incluir texto después del carácter de barra vertical (|). Por ejemplo: Levantarse | Lo que me gusta hacer a primera hora

Modos de visualización

Los siguientes métodos abreviados de teclado de un solo carácter permiten modos de visualización alternativos: Al presionar Esc se sale de todos estos modos. Consulte las secciones a continuación sobre Resaltado de código y Modo de presentador para obtener detalles adicionales sobre esos modos.

  1. ‘f’: habilitar el modo de pantalla completa

  2. ‘w’: alternar el modo de pantalla panorámica

  3. ‘o’: habilitar el modo de vista general

  4. ‘h’: habilitar el modo de resaltado de código

  5. ‘p’: muestra las notas del presentador

Viñetas incrementales

Puede representar viñetas de forma incremental agregando la opción incremental:

output:
  ioslides_presentation:
    incremental: true

Opcional

Si desea representar viñetas de forma incremental para algunas diapositivas pero no para otras, puede (ab) usar esta sintaxis para las comillas en bloque:

> - Eat eggs
> - Drink coffee

Aspecto visual

Tamaño de presentación

Puede mostrar la presentación usando un factor de forma más amplio usando la opción de pantalla ancha. Puede especificar que se use texto más pequeño con la opción más pequeña. Por ejemplo:

output:
  ioslides_presentation:
    widescreen: TRUE
    smaller: TRUE

También puede habilitar la opción más pequeña diapositiva por diapositiva agregando el atributo .smaller al encabezado de la diapositiva:

## Getting up {.smaller}

Velocidad de transición

Puede personalizar la velocidad de las transiciones de diapositivas utilizando la opción de transición. Puede ser “default”, “slower”, “faster” o un valor numérico con una cantidad de segundos (por ejemplo, 0,5). Por ejemplo:

output:
  ioslides_presentation:
    transition: slower

Crear diapositivas

Las diapositivas también pueden tener un atributo .build que indica que su contenido debe mostrarse de forma incremental. Por ejemplo:

## Levantarse {.build}

Los atributos de diapositiva se pueden combinar si necesita especificar más de uno. Por ejemplo:

## Levantarse {.smaller .build}

Background images

Puede especificar una imagen de fondo para una diapositiva usando el atributo data-background y usar otros atributos, incluidos data-background-size, data-background-position y data-background-repeat para modificar el estilo de la imagen. Debe estar familiarizado con CSS para comprender completamente estos cuatro atributos, y corresponden a las propiedades de CSS background, background-size, background-position y background-repeat, respectivamente. Por ejemplo:

## Getting up {data-background=foo.png data-background-size=cover}

Background Color

El color de fondo se puede lograr agregando {data-background=#00B9E3} después del encabezado.

Custom CSS

Puede agregar su propio CSS a una presentación de ioslides usando la opción css:

output:
  ioslides_presentation:
    css: styles.css

También puede dirigirse a diapositivas específicas o clases de diapositivas con CSS personalizado agregando ID o clases a los encabezados de las diapositivas dentro de su documento. Por ejemplo, el siguiente encabezado de diapositiva:

## Future Steps {#future-steps .emphasized}

Le permitiría aplicar CSS a todo su contenido utilizando cualquiera de los siguientes selectores de CSS:

#future-steps { color: blue; }

.emphasized { font-size: 1.2em; }

Resaltado de código

Es posible seleccionar subconjuntos de código para un énfasis adicional agregando un comentario especial “resaltado” alrededor del código. Por ejemplo:

X <- 10

y <- x * 2

La región resaltada se mostrará con una fuente en negrita. Cuando desee ayudar a la audiencia a concentrarse exclusivamente en la región resaltada, presione la tecla h y el resto del código se desvanecerá.

Tables

La plantilla de ioslides tiene un atractivo estilo predeterminado para las tablas, por lo que no debe dudar en agregar tablas para presentar conjuntos de información más complejos. Pandoc Markdown admite varias sintaxis para definir tablas, que se describen en el Manual de Pandoc.

Right Left Center Default
12 12 12 12
123 123 123 123
1 1 1 1

contenido centrado

Puede centrar el contenido verticalmente para toda la diapositiva agregando {.flexbox .vcenter} al encabezado.

También puede centrar cierto contenido horizontalmente especificando lo siguiente:

Toda esta sección está centrada

                                          <div class="centered">
                                          **Toda esta sección está centrada**
                                          </div>

Diseño de dos columnas

Se puede hacer un diseño de dos columnas envolviendo dos fragmentos de códigos con una clase específica. Consulte lo siguiente, por ejemplo.

Esto se logra por : {.columns-2 .smaller}

What is Lorem Ipsum?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Method 2

Puede hacer un diseño de dos columnas usando la clase column-2. Por ejemplo:

  • Bullet 1
  • Bullet 2
  • Bullet 3

Method 3: HTML tags

Otro método para diseños de dos columnas

<div style="float: left; width: 40%;">
+ This text is on the left
</div>

<div style="float: right; width: 60%;">
+ This text is on the right
</div>
  • This text is on the left
  • This text is on the right

Formato de Texto

Bold text can be achieved by Bold.

Italic text can be achieved by Italic

Puede colorear el contenido usando las clases de colores base red, blue, green, yellow, and gray (or variations of them, e.g., red2, red3, blue2, blue3, etc.). For example:

Color text

<div class="red2">

Color text

</div>