Introduce Yourself Online

class: title-slide, center, bottom
background-image: url(img/index.jpg)
background-position: 50% 20%
background-size: 50%
background-color: #ffffff

# Introduce Yourself Online

## A workshop @ rstudio::global(2021)

### Dr. Alison Presmanes Hill

---
class: inverse, center, middle

# Why R Markdown?

---
class: center, middle

# Why R Markdown?

Use R code inside

Use RStudio IDE

Use the tools you already use (or should be using- 😉) for your work

---
class: inverse, center, middle

## What *is* R Markdown?

---

# What is R Markdown?

1. An authoring framework for data science.

1. A document format (`.Rmd`).

1. An R package named `rmarkdown`.

1. A file format for making dynamic documents with R.

1. A tool for integrating prose, code, and results.

1. A computational document.

1. Wizardry.

---

# What is R Markdown?

1. ["An authoring framework for data science."](https://rmarkdown.rstudio.com/lesson-1.html) (✔️)

1. [A document format (`.Rmd`).](https://bookdown.org/yihui/rmarkdown/) (✔️)

1. [An R package named `rmarkdown`.](https://rmarkdown.rstudio.com/docs/) (✔️)

1. ["A file format for making dynamic documents with R."](https://rmarkdown.rstudio.com/articles_intro.html) (✔️)

1. ["A tool for integrating text, code, and results."](https://r4ds.had.co.nz/communicate-intro.html) (✔️)

1. ["A computational document."](http://radar.oreilly.com/2011/07/wolframs-computational-documen.html) (✔️)

1. Wizardry. (🧙‍♂️)

---
class: center
background-image: url("img/rmd_flowchart.png")
background-size: contain
background-color: #f6f6f6

## What is R Markdown?

---
background-image: url(img/rmarkdown_hedgehog_wide.png)
background-size: contain
background-position: middle, center

---
background-image: url(img/Whisper.jpg)
background-size: contain

<div class="word-bubble" style="
  position: absolute; 
  text-align: center;
  width: 50%; 
  top: 100px;
  left: 310px;
  font-size: 1.3em;
"> We need to talk about <br> publishing. </div>

---
background-image: url(img/rmd-buddy.jpg)
background-size: contain
background-size: 50%
background-color: #ffffff

---
background-image: url(img/rmd-buddy-help.jpg)
background-size: contain
background-size: 50%
background-color: #ffffff

---
background-image: url(img/short1.jpg)
background-size: contain
background-color: #ffffff

---
background-image: url(img/short2.jpg)
background-size: contain
background-color: #ffffff

---
background-image: url(img/short3.jpg)
background-size: contain
background-color: #ffffff

---
class: inverse, center, middle

## Start with GitHub Pages 🚀

---
class: middle, center

.pull-left[
## Repo

`https://github.com/apreshill/iyo`

]

.pull-right[
## Link

`https://apreshill.github.io/iyo`

]

---
class: middle, center

.pull-left[
## Repo

`https://github.com/<user>/<repo>`

]

.pull-right[
## Link

`https://<user>.github.io/<repo>`

]

---
background-image: url(img/index.jpg)
background-size: contain
background-size: 50%
background-color: #ffffff

---
class: middle, center

.left-column[
## Index file link

## Other file link

]

.right-column[

<br>
`https://<user>.github.io/<repo>`
<br><br><br>
`https://github.com/<user>/<repo>/<.html>`

]

---
class: activity, center, middle

# ⏱

## To RStudio!

Let’s go to our breakout rooms and make a homepage with the postcards package.

🕥 10 minutes