Making Slides

Slides about making slides

Rmarkdown

• Great for reproducibility
  
• Very nice for including figures, tables, data, and code
  
• Strong choice for header -> bullet point type style
  
• Output html which enables easy use of life-changing GIFs
  

Rmarkdown

• Not great for creating diagrams and schematics while writing your presentation
  
• Appearance is difficult to change unless you can write CSS/HTML
  • However, CSS templates are out there
    
  • Some HTML relatively easy to find and implement e.g.:
    <center><img src="images/awake.gif" width="400px"/></center>

Three Rmarkdown options in RStudio

• ioslides (html)
  
• Slidy (html)
  
• Beamer (pdf)

*ioslides has more default styling than Slidy, but both can be changed using a styling sheet (CSS)

YAML Options

• Rendering – incremental: true
  
• Screen size –widescreen: true
  
• Text size – smaller: true
  
• Transiton speed – transition: slower
  
• Custom CSS – css: styles.css
  
• Add a logo – logo:logo.png
  
• Lines and tabs are important in YAML!

Slide basics

• # makes a new slide with huge letters
  
• ## makes a new slide and begins the header of it.
  
• ---- also makes a new slide
  
• All other RMarkdown applies
  • * followed by a space creates bullets
    
  • Two tabs, a - and a space creates subpoints

Tables

• Tables are also the same as in Rmarkdown
  
• kable(summary) or kable(df)
  
• pander::pander(lm( y~ x))
  
• xtable::xtable(summary)

A tiny bit of html

• Two-column layout

<div class="columns-2">
  ![](image.png)

  - Bullet 1
  - Bullet 2
  - Bullet 3
</div>

A tiny bit of html

• Change text color

<div class="red2">
This text is red
</div>

Change css on slide-by-slide basis

• ## Your turn { .cover .white }

Code highlighting

• Make some of your code stand out by making it bold
  
• Pushing the h button will make the non-highlighted code fade

### <b>
x <- 10
y <- x * 2
 ### </b>

Presenter mode

• Rmarkdown offers a presenter mode (p)
• Shows presenter notes and a thumbnail of the next slide
  
• Enable presenter mode by adding ?presentme=true to the URL of the presentation
  
• Add presenter notes by

<div class="notes">
This is my *note*.

- It can contain markdown
- like this list

</div>

Alternate formats

• In addition to CSS templates, you may find alternate presentation formats
  
• For example, we use shower for our class slides

Questions?