NHS-R Theme — Presentation title

class: title-slide, left, bottom

<div>
<style type="text/css">.xaringan-extra-logo {
width: 110px;
height: 128px;
z-index: 0;
background-image: url(img/logo-nhs-blue.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top:1em;right:1em;
}
</style>
<script>(function () {
  let tries = 0
  function addLogo () {
    if (typeof slideshow === 'undefined') {
      tries += 1
      if (tries < 10) {
        setTimeout(addLogo, 100)
      }
    } else {
      document.querySelectorAll('.remark-slide-content:not(.title-slide):not(.inverse):not(.hide-logo)')
        .forEach(function (slide) {
          const logo = document.createElement('div')
          logo.classList = 'xaringan-extra-logo'
          logo.href = null
          slide.appendChild(logo)
        })
    }
  }
  document.addEventListener('DOMContentLoaded', addLogo)
})()</script>
</div>

# NHS-R Theme &mdash; Presentation title
----
## **Presentation subtitle**
### Author Name
### Presentation Date

---
class: inverse, middle, center

# An inverse slide

### Often used for transitions

Links on an inverse slide would look like<br/>[this one leading to information about logos](#logos)

---
# Bullets and text color

* first point

* second point

* third point

-----

You can emphasize text with color:

* .blue[Blue]
* .green[Green]
* .pink[Pink]
* .red[Red]
* .warmyellow[Warm Yellow]

And make it **bold** or _italicized_ using Markdown:

* .blue[**Bold** or _italicized_]
* .green[**Bold** or _italicized_]
* .pink[**Bold** or _italicized_]
* .red[**Bold** or _italicized_]
* .warmyellow[**Bold** or _italicized_]

---
# Tables and quotes

### Table

<table>
 <thead>
  <tr>
   <th style="text-align:right;"> Sepal.Length </th>
   <th style="text-align:right;"> Sepal.Width </th>
   <th style="text-align:right;"> Petal.Length </th>
   <th style="text-align:right;"> Petal.Width </th>
   <th style="text-align:left;"> Species </th>
  </tr>
 </thead>
<tbody>
  <tr>
   <td style="text-align:right;"> 5.1 </td>
   <td style="text-align:right;"> 3.5 </td>
   <td style="text-align:right;"> 1.4 </td>
   <td style="text-align:right;"> 0.2 </td>
   <td style="text-align:left;"> setosa </td>
  </tr>
  <tr>
   <td style="text-align:right;"> 4.9 </td>
   <td style="text-align:right;"> 3.0 </td>
   <td style="text-align:right;"> 1.4 </td>
   <td style="text-align:right;"> 0.2 </td>
   <td style="text-align:left;"> setosa </td>
  </tr>
  <tr>
   <td style="text-align:right;"> 4.7 </td>
   <td style="text-align:right;"> 3.2 </td>
   <td style="text-align:right;"> 1.3 </td>
   <td style="text-align:right;"> 0.2 </td>
   <td style="text-align:left;"> setosa </td>
  </tr>
  <tr>
   <td style="text-align:right;"> 4.6 </td>
   <td style="text-align:right;"> 3.1 </td>
   <td style="text-align:right;"> 1.5 </td>
   <td style="text-align:right;"> 0.2 </td>
   <td style="text-align:left;"> setosa </td>
  </tr>
  <tr>
   <td style="text-align:right;"> 5.0 </td>
   <td style="text-align:right;"> 3.6 </td>
   <td style="text-align:right;"> 1.4 </td>
   <td style="text-align:right;"> 0.2 </td>
   <td style="text-align:left;"> setosa </td>
  </tr>
  <tr>
   <td style="text-align:right;"> 5.4 </td>
   <td style="text-align:right;"> 3.9 </td>
   <td style="text-align:right;"> 1.7 </td>
   <td style="text-align:right;"> 0.4 </td>
   <td style="text-align:left;"> setosa </td>
  </tr>
</tbody>
</table>

### Quote

> This is what a quote looks like.

---
# Line highlighting

An example of using the trailing comment `#<<` to highlight lines:

### Code

````markdown
```{r tidy=FALSE}
library(ggplot2)
ggplot(mtcars) + 
  aes(mpg, disp) + 
  geom_point() +   #<<
  geom_smooth()    #<<
```
````

### Output

```r
library(ggplot2)
ggplot(mtcars) + 
  aes(mpg, disp) + 
* geom_point() +
* geom_smooth()
```

---
name: logos

# A note about logos

### NHS Organisation logo in title slide

The `.title-slide` class in `nhsr.css` looks for a title slide logo using the path to the image relative to your slide files.

### NHS logo on every slide

The NHS logo can be incorporated on every slide using the `use_logo()` function in Garrick Aden-Buie's [xaringanExtra](https://pkg.garrickadenbuie.com/xaringanExtra/#/logo) package, or by following the guidance in his blog post [xaringan Tip: Add A Logo to All of Your Slides](https://www.garrickadenbuie.com/blog/xaringan-tip-logo-all-slides/).

For a more seamless logo experience, you can find this theme and high-resolution NHS logo files built into the [`nhsrtheme` package](https://github.com/nhs-r-community/nhsrtheme#nhs-r-theme-) developed by Tom Jemmett.

.footnote[The **nhsr theme** was designed by [Silvia Canelon](https://silvia.rbind.io) for, and with feedback from, the [NHS-R Community](https://github.com/nhs-r-community), following the [NHS identity guidelines](https://www.england.nhs.uk/nhsidentity/identity-guidelines/).]