# Xaringan letter box effect in quarto

## Hello World

Install the xaringan package from Github:

remotes::install_github("yihui/xaringan")

You are recommended to use the RStudio IDE, but you do not have to.

::: {.incremental}

• Create a new R Markdown document from the menu File -> New File -> R Markdown -> From Template -> Ninja Presentation;1

• Click the Knit button to compile it;

• or use the RStudio Addin2 “Infinite Moon Reader” to live preview the slides (every time you update and save the Rmd document, the slides will be automatically reloaded in RStudio Viewer.

## Hello Ninja

As a presentation ninja, you certainly should not be satisfied by the “Hello World” example. You need to understand more about two things:

1. The remark.js library;

2. The xaringan package;

Basically xaringan injected the chakra of R Markdown (minus Pandoc) into remark.js. The slides are rendered by remark.js in the web browser, and the Markdown source needed by remark.js is generated from R Markdown (knitr).

## remark.js

You can see an introduction of remark.js from its homepage. You should read the remark.js Wiki at least once to know how to

• create a new slide (Markdown syntax1 and slide properties);

• format a slide (e.g. text alignment);

• configure the slideshow;

• and use the presentation (keyboard shortcuts).

It is important to be familiar with remark.js before you can understand the options in xaringan.