class: center, middle, inverse, title-slide

# Presentation Ninja
## ⚔<br/>with xaringan
### Yihui Xie
### RStudio, Inc.
### 2016/12/12 (updated: 2019-10-28)

---

## use_theme!

```r
use_theme = function(theme = "tcgriffith/xaringan_theme_example", ref =
                              "master") {
  bn = basename(theme)
  
  builtin_css = xaringan:::list_css()
  builtin_theme = names(builtin_css)
  
  if (theme %in% builtin_theme) {
    css_local = builtin_css[theme]
  } else{
    css_remote = sprintf("https://raw.githubusercontent.com/%s/%s/%s.css",
                         theme,
                         ref,
                         bn)
    xfun::download_file(css_remote)
    css_local = basename(css_remote)
  }
  
  htmltools::includeCSS(css_local)
}

use_theme('fc')
```

.pull-left-70 { float: left; width: 66.5%; }
.pull-right-30 { float: right; width: 28.5%; }
.pull-right-30 ~ * { clear: both; }

.pull-left-60 { float: left; width: 57%; }
.pull-right-40 { float: right; width: 38%; }
.pull-right-40 ~ * { clear: both; }

.pull-left-50 { float: left; width: 47.5%; }
.pull-right-50 { float: right; width: 47.5%; }
.pull-right-50 ~ * { clear: both; }

.pull-left-40 { float: left; width: 38%; }
.pull-right-60 { float: right; width: 57%; }
.pull-right-60 ~ * { clear: both; }

.pull-left-30 { float: left; width: 28.5%; }
.pull-right-70 { float: right; width: 66.5%; }
.pull-right-70 ~ * { clear: both; }

/* headers and fonts*/
h1, h2, h3 {
  margin-top: 0;
  padding-top: 0.5em;
  font-family: 'Oswald';
  font-weight: 400;
  margin-left: 0;
}

.large {
  font-size: 23px;
}

.small {
  font-size: 15px;
}

/* regular slide */
.remark-slide-content {
  background-color: #FAFAFA;
  border-bottom: 5px solid #ff5f0f;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.2;
  padding: 1em 3em 1em 3em;
}

/* inverse slide */
.inverse {
  background-color: #121316;
  color: #ffffff;
}

/* header colors are the same regardless of inverse or not*/
.remark-slide-content h1, .inverse h1 {
  color: #ff5f0f;
  font-size: 35px;
}

.remark-slide-content h2, .inverse h2 {
  color: #b7b7b7;
  font-size: 30px;
}

.remark-slide-content h3, .inverse h3 {
  color: #5b5b5b;
  font-size: 25px;
}

/* title slide */
.title-slide {
  background-color: #121316;
}

.title-slide h1  {
  color: #ff5f0f;
  font-size: 50px;
  font-weight: 500;
  text-align: left;
  margin-left: 40px;
  padding-top: 60px;
}
.title-slide h2  {
  color: #FAFAFA;
  font-size: 35px;
  font-weight: 350;
  text-align: left;
  margin-left: 40px;
  margin-top: -25px;
  padding-bottom: -20px;
}
.title-slide h3  {
  color: #b7b7b7;
  font-size: 25px;
  font-weight: 300;
  text-align: left;
  margin-left: 40px;
  margin-bottom: 0;
}

/* slide number */
.remark-slide-number {
  font-size: 10pt;
  font-family: 'EB Garamond';
  color: #272822;
  opacity: 1;
}
.inverse .remark-slide-number {
  font-size: 10pt;
  font-family: 'EB Garamond';
  color: #FAFAFA;
  opacity: 1;
}

/* code */
.remark-inline-code {
  color: #ff4c00;
  border-radius: 1px;
  padding: 0;
  background: #e0e0e0;
}

.inverse .remark-inline-code {
  background: #333333;
}

.remark-code-line-highlighted {
  background-color: #ffead3;
}</style>

---

background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/be/Sharingan_triple.svg)

???

Image credit: [Wikimedia Commons](https://commons.wikimedia.org/wiki/File:Sharingan_triple.svg)

---
class: center, middle

# xaringan

### /ʃaː.'riŋ.ɡan/

---
class: bg-red

# I am red!

---
class: bg-bisque

# I am bisque!

---
class: bg-blue

# I am blue,

# if it's not blue, you are using an old version of the theme!

the init version doesn't have blue!

Notes for current slide

Notes for next slide

Presentation Ninja⚔
with xaringanYihui XieRStudio, Inc.2016/12/12 (updated: 2019-10-28)1 / 8

2 / 8

use_theme!

use_theme = function(theme = "tcgriffith/xaringan_theme_example", ref =
                              "master") {
  bn = basename(theme)
  builtin_css = xaringan:::list_css()
  builtin_theme = names(builtin_css)
  if (theme %in% builtin_theme) {
    css_local = builtin_css[theme]
  } else{
    css_remote = sprintf("https://raw.githubusercontent.com/%s/%s/%s.css",
                         theme,
                         ref,
                         bn)
    xfun::download_file(css_remote)
    css_local = basename(css_remote)
  }
  htmltools::includeCSS(css_local)
}
use_theme('fc')

3 / 8

4 / 8

Image credit: Wikimedia Commons

xaringan/ʃaː.'riŋ.ɡan/5 / 8

I am red!6 / 8

I am bisque!7 / 8

I am blue,

if it's not blue, you are using an old version of the theme!

the init version doesn't have blue!

8 / 8

2 / 8

Paused

Help

Keyboard shortcuts

↑, ←, Pg Up, k	Go to previous slide
↓, →, Pg Dn, Space, j	Go to next slide
Home	Go to first slide
End	Go to last slide
Number + Return	Go to specific slide
b / m / f	Toggle blackout / mirrored / fullscreen mode
c	Clone slideshow
p	Toggle presenter mode
t	Restart the presentation timer
?, h	Toggle this help

Esc	Back to slideshow

Presentation Ninja

⚔with xaringan

Yihui Xie

RStudio, Inc.

2016/12/12 (updated: 2019-10-28)

use_theme!

xaringan

/ʃaː.'riŋ.ɡan/

I am red!

I am bisque!

I am blue,

if it's not blue, you are using an old version of the theme!

Help

⚔
with xaringan