diff --git a/_site.yml b/_site.yml
index ad5c294..0ee06e5 100644
--- a/_site.yml
+++ b/_site.yml
@@ -11,9 +11,11 @@ navbar:
     - text: "Slides"
       menu:
         - text: "Day 1: The Basics"
-          href: "static/slides/day-01-basics.html"
+          href: "slides/day-01-basics.html"
         - text: "Day 2: The Beyond"
-          href: "static/slides/day-02-beyond.html"
+          href: "slides/day-02-beyond.html"
+    - icon: fab fa-youtube
+      href: "https://www.youtube.com/channel/UCMwM-3tg_-Pbx8hKO78q5EA"
     - icon: fas fa-cloud
       href: "https://bit.ly/3mfJM4k"
     - icon: fab fa-github
diff --git a/index.Rmd b/index.Rmd
index 205f874..a0fbbd8 100644
--- a/index.Rmd
+++ b/index.Rmd
@@ -44,7 +44,7 @@ meta() %>%
 
 # Welcome
 
-Thank you for registering for this workshop! This is the course site for the _Sharing Your Work with Xaringan_ workshop created by Dr. Silvia Canelón for the [NHS-R Community](https://nhsrcommunity.com/about/) [2020 Virtual Conference](https://nhsrcommunity.com/nhsr-conference-2020/).
+This is the course site for the _Sharing Your Work with Xaringan_ workshop created by Dr. Silvia Canelón for the [NHS-R Community](https://nhsrcommunity.com/about/) [2020 Virtual Conference](https://nhsrcommunity.com/nhsr-conference-2020/).
 
 <aside>
 ```{r, out.height=43}
@@ -54,7 +54,7 @@ knitr::include_graphics("https://nhsrcommunity.com/wp-content/uploads/2018/02/lo
 
 This four-hour hands-on workshop will be a gentle introduction to the [xaringan](https://github.com/yihui/xaringan#xaringan) package as a tool to create impressive presentation slides that can be deployed to the web for easy sharing.
 
-- **Day 1** covered the nuts and bolts of creating presentation slides using [xaringan](https://github.com/yihui/xaringan#xaringan) and deploying them in HTML format for easy sharing with others.
+- **Day 1** will cover the nuts and bolts of creating presentation slides using [xaringan](https://github.com/yihui/xaringan#xaringan) and deploying them in HTML format for easy sharing with others.
 
 <aside>
 Tuesday, Nov. 3<br/>3-5pm BST ([check your time zone](https://www.worldtimebuddy.com/?qm=1&lid=2643743,5128581&h=5128581&date=2020-11-3&sln=10-12))
@@ -91,6 +91,19 @@ We will use the software listed below only as an important backup in the event w
 
 You can find step-by-step instructions for installing these here: [macOS](https://www.youtube.com/watch?v=GM88tYlEy_g), [Windows](https://www.youtube.com/watch?v=JRKmZK5-6aE).
 
+- Install the following packages:
+
+```{r, eval=FALSE, echo=TRUE}
+# From CRAN
+install.packages("xaringan")
+
+# From GitHub
+devtools::install_github("nhs-r-community/nhsrtheme")
+devtools::install_github("nhs-r-community/NHSRdatasets")
+devtools::install_github("gadenbuie/xaringanExtra")
+devtools::install_github("ropenscilabs/icon")
+```
+
 <aside>
 Thanks to<br/>Stephan Kadauke
 </aside>
@@ -99,11 +112,11 @@ Thanks to<br/>Stephan Kadauke
 
 - Link to this website: [spcanelon.github.io/xaringan-basics-and-beyond](https://spcanelon.github.io/xaringan-basics-and-beyond/index.html)
 - [RStudio Cloud workspace](https://bit.ly/3mfJM4k) and companion [source materials](https://github.com/spcanelon/xaringan-basics-and-beyond/tree/main/materials)
-- [Day 1 slides: The Basics](static/slides/day-01-basics.html)
-- [Day 2 slides: The Beyond (_coming soon!_)]()
+- Day 1: The Basics: [Slides](slides/day-01-basics.html) | [Video](https://youtu.be/M3skTMQbCD0)
+- Day 2: The Beyond: [Slides](slides/day-02-beyond.html) | [Video](https://www.youtube.com/channel/UCMwM-3tg_-Pbx8hKO78q5EA)
 
 # Acknowledgments {.appendix}
 
-This workshop draws from various sources, most notably Alison Hill’s [Making Slides with R Markdown](https://arm.rbind.io/slides/xaringan.html) and Greg Wilson's [Teaching Tech Together](http://teachtogether.tech/en/). 
+This workshop draws from various sources, most notably Alison Hill’s [Making Slides with R Markdown](https://arm.rbind.io/slides/xaringan.html) and Greg Wilson's [Teaching Tech Together](http://teachtogether.tech/en/). This workshop ran smoothly with the help of [Laurie Baker](https://lauriebaker.rbind.io/) as co-pilot.
 
 This website was made with the [distill package](https://rstudio.github.io/distill/) and a custom theme designed by Silvia Canelón.
diff --git a/index.html b/index.html
index 1dc63c4..5c59326 100644
--- a/index.html
+++ b/index.html
@@ -2196,6 +2196,12 @@ <h3>${suggestion.title}</h3>
   
   d-byline a:hover {
     text-decoration: underline;
+  }
+  
+  /*-- Code --*/
+  code, pre {
+      font-family: "Source Code Pro", "Lucida Console",
+      Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
   }</style>
   <style type="text/css">
   /* base style */
@@ -2398,10 +2404,13 @@ <h3>${suggestion.title}</h3>
 <span class="down-arrow">&#x25BE;</span>
 </button>
 <div class="nav-dropdown-content">
-<a href="static/slides/day-01-basics.html">Day 1: The Basics</a>
-<a href="static/slides/day-02-beyond.html">Day 2: The Beyond</a>
+<a href="slides/day-01-basics.html">Day 1: The Basics</a>
+<a href="slides/day-02-beyond.html">Day 2: The Beyond</a>
 </div>
 </div>
+<a href="https://www.youtube.com/channel/UCMwM-3tg_-Pbx8hKO78q5EA">
+<i class="fab fa-youtube" aria-hidden="true"></i>
+</a>
 <a href="https://bit.ly/3mfJM4k">
 <i class="fas fa-cloud" aria-hidden="true"></i>
 </a>
@@ -2448,7 +2457,7 @@ <h3>Contents</h3>
 
 </div>
 <h1 id="welcome">Welcome</h1>
-<p>Thank you for registering for this workshop! This is the course site for the <em>Sharing Your Work with Xaringan</em> workshop created by Dr. Silvia Canelón for the <a href="https://nhsrcommunity.com/about/">NHS-R Community</a> <a href="https://nhsrcommunity.com/nhsr-conference-2020/">2020 Virtual Conference</a>.</p>
+<p>This is the course site for the <em>Sharing Your Work with Xaringan</em> workshop created by Dr. Silvia Canelón for the <a href="https://nhsrcommunity.com/about/">NHS-R Community</a> <a href="https://nhsrcommunity.com/nhsr-conference-2020/">2020 Virtual Conference</a>.</p>
 <aside>
 <div class="layout-chunk" data-layout="l-body">
 <p><img src="https://nhsrcommunity.com/wp-content/uploads/2018/02/logo.png" height="43" /></p>
@@ -2456,7 +2465,7 @@ <h1 id="welcome">Welcome</h1>
 </aside>
 <p>This four-hour hands-on workshop will be a gentle introduction to the <a href="https://github.com/yihui/xaringan#xaringan">xaringan</a> package as a tool to create impressive presentation slides that can be deployed to the web for easy sharing.</p>
 <ul>
-<li><strong>Day 1</strong> covered the nuts and bolts of creating presentation slides using <a href="https://github.com/yihui/xaringan#xaringan">xaringan</a> and deploying them in HTML format for easy sharing with others.</li>
+<li><strong>Day 1</strong> will cover the nuts and bolts of creating presentation slides using <a href="https://github.com/yihui/xaringan#xaringan">xaringan</a> and deploying them in HTML format for easy sharing with others.</li>
 </ul>
 <aside>
 Tuesday, Nov. 3<br/>3-5pm BST (<a href="https://www.worldtimebuddy.com/?qm=1&amp;lid=2643743,5128581&amp;h=5128581&amp;date=2020-11-3&amp;sln=10-12">check your time zone</a>)
@@ -2492,6 +2501,22 @@ <h2 id="optional">Optional</h2>
 <li>Install <a href="https://cloud.r-project.org/">R</a> and <a href="https://rstudio.com/products/rstudio/download/">RStudio Desktop</a> on your computer.</li>
 </ul>
 <p>You can find step-by-step instructions for installing these here: <a href="https://www.youtube.com/watch?v=GM88tYlEy_g">macOS</a>, <a href="https://www.youtube.com/watch?v=JRKmZK5-6aE">Windows</a>.</p>
+<ul>
+<li>Install the following packages:</li>
+</ul>
+<div class="layout-chunk" data-layout="l-body">
+<div class="sourceCode">
+<pre><code><span class='co'># From CRAN</span>
+<span class='fu'><a href='https://rdrr.io/r/utils/install.packages.html'>install.packages</a></span><span class='op'>(</span><span class='st'>"xaringan"</span><span class='op'>)</span>
+
+<span class='co'># From GitHub</span>
+<span class='fu'>devtools</span><span class='fu'>::</span><span class='fu'><a href='https://devtools.r-lib.org//reference/remote-reexports.html'>install_github</a></span><span class='op'>(</span><span class='st'>"nhs-r-community/nhsrtheme"</span><span class='op'>)</span>
+<span class='fu'>devtools</span><span class='fu'>::</span><span class='fu'><a href='https://devtools.r-lib.org//reference/remote-reexports.html'>install_github</a></span><span class='op'>(</span><span class='st'>"nhs-r-community/NHSRdatasets"</span><span class='op'>)</span>
+<span class='fu'>devtools</span><span class='fu'>::</span><span class='fu'><a href='https://devtools.r-lib.org//reference/remote-reexports.html'>install_github</a></span><span class='op'>(</span><span class='st'>"gadenbuie/xaringanExtra"</span><span class='op'>)</span>
+<span class='fu'>devtools</span><span class='fu'>::</span><span class='fu'><a href='https://devtools.r-lib.org//reference/remote-reexports.html'>install_github</a></span><span class='op'>(</span><span class='st'>"ropenscilabs/icon"</span><span class='op'>)</span>
+</code></pre>
+</div>
+</div>
 <aside>
 Thanks to<br/>Stephan Kadauke
 </aside>
@@ -2499,11 +2524,11 @@ <h1 id="links">Links</h1>
 <ul>
 <li>Link to this website: <a href="https://spcanelon.github.io/xaringan-basics-and-beyond/index.html">spcanelon.github.io/xaringan-basics-and-beyond</a></li>
 <li><a href="https://bit.ly/3mfJM4k">RStudio Cloud workspace</a> and companion <a href="https://github.com/spcanelon/xaringan-basics-and-beyond/tree/main/materials">source materials</a></li>
-<li><a href="static/slides/day-01-basics.html">Day 1 slides: The Basics</a></li>
-<li><a href="">Day 2 slides: The Beyond (<em>coming soon!</em>)</a></li>
+<li>Day 1: The Basics: <a href="slides/day-01-basics.html">Slides</a> | <a href="https://youtu.be/M3skTMQbCD0">Video</a></li>
+<li>Day 2: The Beyond: <a href="slides/day-02-beyond.html">Slides</a> | <a href="https://www.youtube.com/channel/UCMwM-3tg_-Pbx8hKO78q5EA">Video</a></li>
 </ul>
 <h1 id="acknowledgments" class="appendix">Acknowledgments</h1>
-<p>This workshop draws from various sources, most notably Alison Hill’s <a href="https://arm.rbind.io/slides/xaringan.html">Making Slides with R Markdown</a> and Greg Wilson’s <a href="http://teachtogether.tech/en/">Teaching Tech Together</a>.</p>
+<p>This workshop draws from various sources, most notably Alison Hill’s <a href="https://arm.rbind.io/slides/xaringan.html">Making Slides with R Markdown</a> and Greg Wilson’s <a href="http://teachtogether.tech/en/">Teaching Tech Together</a>. This workshop ran smoothly with the help of <a href="https://lauriebaker.rbind.io/">Laurie Baker</a> as co-pilot.</p>
 <p>This website was made with the <a href="https://rstudio.github.io/distill/">distill package</a> and a custom theme designed by Silvia Canelón.</p>
 <div class="sourceCode" id="cb1"><pre class="sourceCode r distill-force-highlighting-css"><code class="sourceCode r"></code></pre></div>
 <!--radix_placeholder_article_footer-->
diff --git a/search.json b/search.json
index 13bf102..34c3d65 100644
--- a/search.json
+++ b/search.json
@@ -11,8 +11,8 @@
         }
       ],
       "date": "November 3rd, 2020",
-      "contents": "\n\nContents\nWelcome\nPreworkEssential\nOptional\n\nLinks\nAcknowledgments\n\n\n\n\nWelcome\nThank you for registering for this workshop! This is the course site for the Sharing Your Work with Xaringan workshop created by Dr. Silvia Canelón for the NHS-R Community 2020 Virtual Conference.\n\n\n\nThis four-hour hands-on workshop will be a gentle introduction to the xaringan package as a tool to create impressive presentation slides that can be deployed to the web for easy sharing.\nDay 1 covered the nuts and bolts of creating presentation slides using xaringan and deploying them in HTML format for easy sharing with others.\n\nTuesday, Nov. 33-5pm BST (check your time zone)\n\n\n\nfitvids('.shareagain', {players: 'iframe'});\n\nDay 2 will cover how to take your slides to the next level with the xaringanExtra package and how to customize slides with CSS.\n\nThursday, Nov. 53-5pm BST (check your time zone)\n\n\n\nfitvids('.shareagain', {players: 'iframe'});\n\nThis workshop is designed for R users already familiar with R Markdown and GitHub.\nPrework\nEssential\nThe workshop will take place within an RStudio Cloud project, please sign up for a free RStudio Cloud account here: https://rstudio.cloud.\nWe will be utilizing Zoom for this workshop, please download and install the latest version beforehand.\nOptional\nWe will use the software listed below only as an important backup in the event we experience technical difficulties with RStudio Cloud.\nInstall R and RStudio Desktop on your computer.\nYou can find step-by-step instructions for installing these here: macOS, Windows.\n\nThanks toStephan Kadauke\nLinks\nLink to this website: spcanelon.github.io/xaringan-basics-and-beyond\nRStudio Cloud workspace and companion source materials\nDay 1 slides: The Basics\nDay 2 slides: The Beyond (coming soon!)\nAcknowledgments\nThis workshop draws from various sources, most notably Alison Hill’s Making Slides with R Markdown and Greg Wilson’s Teaching Tech Together.\nThis website was made with the distill package and a custom theme designed by Silvia Canelón.\n\n\n\n",
-      "last_modified": "2020-11-05T09:47:05-05:00"
+      "contents": "\n\nContents\nWelcome\nPreworkEssential\nOptional\n\nLinks\nAcknowledgments\n\n\n\n\nWelcome\nThis is the course site for the Sharing Your Work with Xaringan workshop created by Dr. Silvia Canelón for the NHS-R Community 2020 Virtual Conference.\n\n\n\nThis four-hour hands-on workshop will be a gentle introduction to the xaringan package as a tool to create impressive presentation slides that can be deployed to the web for easy sharing.\nDay 1 will cover the nuts and bolts of creating presentation slides using xaringan and deploying them in HTML format for easy sharing with others.\n\nTuesday, Nov. 33-5pm BST (check your time zone)\n\n\n\nfitvids('.shareagain', {players: 'iframe'});\n\nDay 2 will cover how to take your slides to the next level with the xaringanExtra package and how to customize slides with CSS.\n\nThursday, Nov. 53-5pm BST (check your time zone)\n\n\n\nfitvids('.shareagain', {players: 'iframe'});\n\nThis workshop is designed for R users already familiar with R Markdown and GitHub.\nPrework\nEssential\nThe workshop will take place within an RStudio Cloud project, please sign up for a free RStudio Cloud account here: https://rstudio.cloud.\nWe will be utilizing Zoom for this workshop, please download and install the latest version beforehand.\nOptional\nWe will use the software listed below only as an important backup in the event we experience technical difficulties with RStudio Cloud.\nInstall R and RStudio Desktop on your computer.\nYou can find step-by-step instructions for installing these here: macOS, Windows.\nInstall the following packages:\n\n\n# From CRAN\ninstall.packages(\"xaringan\")\n\n# From GitHub\ndevtools::install_github(\"nhs-r-community/nhsrtheme\")\ndevtools::install_github(\"nhs-r-community/NHSRdatasets\")\ndevtools::install_github(\"gadenbuie/xaringanExtra\")\ndevtools::install_github(\"ropenscilabs/icon\")\n\n\n\n\nThanks toStephan Kadauke\nLinks\nLink to this website: spcanelon.github.io/xaringan-basics-and-beyond\nRStudio Cloud workspace and companion source materials\nDay 1: The Basics: Slides | Video\nDay 2: The Beyond: Slides | Video\nAcknowledgments\nThis workshop draws from various sources, most notably Alison Hill’s Making Slides with R Markdown and Greg Wilson’s Teaching Tech Together. This workshop ran smoothly with the help of Laurie Baker as co-pilot.\nThis website was made with the distill package and a custom theme designed by Silvia Canelón.\n\n\n\n",
+      "last_modified": "2020-11-05T15:20:38-05:00"
     }
   ],
   "collections": []
diff --git a/slides/day-01-basics.Rmd b/slides/day-01-basics.Rmd
index 6446b78..a5d71dd 100644
--- a/slides/day-01-basics.Rmd
+++ b/slides/day-01-basics.Rmd
@@ -4,7 +4,7 @@ subtitle: "An Introduction to Xaringan:<br>The Basics"
 session: "01"
 author: "Silvia Canelón, Ph.D."
 institute: "University of Pennsylvania | Dept. of Biostatistics, Epidemiology, and Informatics"
-date: \`r Sys.Date()`\
+date: "Nov. 3rd, 2020"
 output:
   xaringan::moon_reader:
     css: 
@@ -356,16 +356,6 @@ More options for output `xaringan::moon_reader`
   + `arta`, `ascetic`, `dark`, `default`, `far`, `github`, `googlecode`,   `idea`, `ir-black`, `magula`, `monokai`, `rainbow`, `solarized-dark`, `solarized-light`, `sunburst`, `tomorrow`, `tomorrow-night-blue`, `tomorrow-night-bright`, `tomorrow-night`, `tomorrow-night-eighties`, `vs`, `zenburn`.
 ] <!---->
 
-.panel[.panel-name[syntax testing]
-```r
-# `r rmarkdown::metadata$title`
-### `r rmarkdown::metadata$subtitle`
-
-**`r rmarkdown::metadata$author`**<br>
-`r rmarkdown::metadata$date`
-```
-]
-
 ] <!--end of panelset-->
 ---
 # Testing things
@@ -1055,4 +1045,3 @@ class: goodbye-slide, inverse, middle, left
 [@spcanelon `r icon::fa("github")`](https://github.com/spcanelon)<br/>
 ]]
 
-
diff --git a/slides/day-01-basics.html b/slides/day-01-basics.html
index 0c03402..706e831 100644
--- a/slides/day-01-basics.html
+++ b/slides/day-01-basics.html
@@ -7,20 +7,23 @@
     <link href="libs/remark-css/default.css" rel="stylesheet" />
     <meta name="description" content="An Introduction to Xaringan for Presentations: The Basics and Beyond"/>
     <meta name="generator" content="xaringan and remark.js"/>
-    <meta name="github-repo" content="rstudio-education/teaching-in-production"/>
+    <meta name="github-repo" content="spcanelon/xaringan-basics-and-beyond"/>
     <meta name="twitter:title" content="Sharing Your Work with Xaringan"/>
     <meta name="twitter:description" content="An Introduction to Xaringan for Presentations: The Basics and Beyond"/>
     <meta name="twitter:url" content="https://spcanelon.github.io/xaringan-basics-and-beyond"/>
-    <meta name="twitter:image:src" content=""/>
-    <meta name="twitter:image:alt" content=""/>
+    <meta name="twitter:image:src" content="https://github.com/spcanelon/xaringan-basics-and-beyond/blob/main/xaringan-nhsr-general.png"/>
+    <meta name="twitter:image:alt" content="Title slide for the Sharing Your Work with Xaringan workshop series"/>
     <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="twitter:creator" content="@spcanelon"/>
+    <meta name="twitter:site" content="@spcanelon"/>
     <meta property="og:title" content="Sharing Your Work with Xaringan"/>
     <meta property="og:description" content="An Introduction to Xaringan for Presentations: The Basics and Beyond"/>
     <meta property="og:url" content="https://spcanelon.github.io/xaringan-basics-and-beyond"/>
-    <meta property="og:image" content=""/>
-    <meta property="og:image:alt" content=""/>
+    <meta property="og:image" content="https://github.com/spcanelon/xaringan-basics-and-beyond/blob/main/xaringan-nhsr-general.png"/>
+    <meta property="og:image:alt" content="Title slide for the Sharing Your Work with Xaringan workshop series"/>
     <meta property="og:type" content="website"/>
     <meta property="og:locale" content="en_US"/>
+    <meta property="article:author" content="Silvia Canelon"/>
     <link href="libs/tile-view/tile-view.css" rel="stylesheet" />
     <script src="libs/tile-view/tile-view.js"></script>
     <link href="libs/panelset/panelset.css" rel="stylesheet" />
@@ -73,7 +76,7 @@
 ### An Introduction to Xaringan:&lt;br&gt;The Basics
 
 **Silvia Canelón, Ph.D.**&lt;br&gt;
-\`r Sys.Date()`\
+Nov. 3rd, 2020
 ]
 
 .palegrey[.left[.footnote[Graphic by [Vernon Adams](https://www.rawpixel.com/image/575297/artistic-canvas-background-template)]]]
@@ -345,7 +348,7 @@
 ### An Introduction to Xaringan:&lt;br&gt;The Basics
 
 **Silvia Canelón, Ph.D.**&lt;br&gt;
-\`r Sys.Date()`\
+Nov. 3rd, 2020
 ```
 ]
 
@@ -359,7 +362,7 @@
 ### An Introduction to Xaringan:&lt;br&gt;The Basics
 
 **Silvia Canelón, Ph.D.**&lt;br&gt;
-\`r Sys.Date()`\
+Nov. 3rd, 2020
 ```
 ]
 
@@ -368,7 +371,7 @@
 ### An Introduction to Xaringan:&lt;br&gt;The Basics
 
 **Silvia Canelón, Ph.D.**&lt;br&gt;
-\`r Sys.Date()`\
+Nov. 3rd, 2020
 ]
 ---
 name: live-coding
@@ -527,7 +530,7 @@
 
 ---
 name: placement
-## Layouts &lt;i class="fas fa-th-large" style = "float: right"&gt;&lt;/i&gt;
+## Placement &lt;i class="fas fa-th-large" style = "float: right"&gt;&lt;/i&gt;
 
 ---
 template: placement
@@ -658,7 +661,7 @@
 ### Arrange content into a two-column layout
 
 .left-column[
-**`.left-column[]` places content into a column 20% wid**
+**`.left-column[]` places content into a column 20% wide**
 
 And text is a little lighter
 ]
@@ -993,8 +996,8 @@
   DT::datatable()
 ```
 
-<div id="htmlwidget-58703d9398d6cb0bd7c0" style="width:100%;height:auto;" class="datatables html-widget"></div>
-<script type="application/json" data-for="htmlwidget-58703d9398d6cb0bd7c0">{"x":{"filter":"none","data":[["1","2","3","4","5","6"],[1,2,3,4,5,6],["Trust1","Trust2","Trust3","Trust4","Trust5","Trust6"],[55,27,93,45,70,60],[2,1,12,3,11,7],[0,0,0,1,0,0]],"container":"<table class=\"display\">\n  <thead>\n    <tr>\n      <th> <\/th>\n      <th>ID<\/th>\n      <th>Organisation<\/th>\n      <th>Age<\/th>\n      <th>LOS<\/th>\n      <th>Death<\/th>\n    <\/tr>\n  <\/thead>\n<\/table>","options":{"columnDefs":[{"className":"dt-right","targets":[1,3,4,5]},{"orderable":false,"targets":0}],"order":[],"autoWidth":false,"orderClasses":false}},"evals":[],"jsHooks":[]}</script>
+<div id="htmlwidget-b60dec8952b3eaea007f" style="width:100%;height:auto;" class="datatables html-widget"></div>
+<script type="application/json" data-for="htmlwidget-b60dec8952b3eaea007f">{"x":{"filter":"none","data":[["1","2","3","4","5","6"],[1,2,3,4,5,6],["Trust1","Trust2","Trust3","Trust4","Trust5","Trust6"],[55,27,93,45,70,60],[2,1,12,3,11,7],[0,0,0,1,0,0]],"container":"<table class=\"display\">\n  <thead>\n    <tr>\n      <th> <\/th>\n      <th>ID<\/th>\n      <th>Organisation<\/th>\n      <th>Age<\/th>\n      <th>LOS<\/th>\n      <th>Death<\/th>\n    <\/tr>\n  <\/thead>\n<\/table>","options":{"columnDefs":[{"className":"dt-right","targets":[1,3,4,5]},{"orderable":false,"targets":0}],"order":[],"autoWidth":false,"orderClasses":false}},"evals":[],"jsHooks":[]}</script>
 
 ---
 template: tables
@@ -1017,15 +1020,13 @@
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif;
 }
 
-#uenbuhonlu .gt_table {
+#wnmjstkkao .gt_table {
   display: table;
   border-collapse: collapse;
   margin-left: auto;
   margin-right: auto;
   color: #333333;
   font-size: 16px;
-  font-weight: normal;
-  font-style: normal;
   background-color: #FFFFFF;
   width: auto;
   border-top-style: solid;
@@ -1042,7 +1043,7 @@
   border-left-color: #D3D3D3;
 }
 
-#uenbuhonlu .gt_heading {
+#wnmjstkkao .gt_heading {
   background-color: #FFFFFF;
   text-align: center;
   border-bottom-color: #FFFFFF;
@@ -1054,7 +1055,7 @@
   border-right-color: #D3D3D3;
 }
 
-#uenbuhonlu .gt_title {
+#wnmjstkkao .gt_title {
   color: #333333;
   font-size: 125%;
   font-weight: initial;
@@ -1064,7 +1065,7 @@
   border-bottom-width: 0;
 }
 
-#uenbuhonlu .gt_subtitle {
+#wnmjstkkao .gt_subtitle {
   color: #333333;
   font-size: 85%;
   font-weight: initial;
@@ -1074,13 +1075,13 @@
   border-top-width: 0;
 }
 
-#uenbuhonlu .gt_bottom_border {
+#wnmjstkkao .gt_bottom_border {
   border-bottom-style: solid;
   border-bottom-width: 2px;
   border-bottom-color: #D3D3D3;
 }
 
-#uenbuhonlu .gt_col_headings {
+#wnmjstkkao .gt_col_headings {
   border-top-style: solid;
   border-top-width: 2px;
   border-top-color: #D3D3D3;
@@ -1095,7 +1096,7 @@
   border-right-color: #D3D3D3;
 }
 
-#uenbuhonlu .gt_col_heading {
+#wnmjstkkao .gt_col_heading {
   color: #333333;
   background-color: #FFFFFF;
   font-size: 100%;
@@ -1115,7 +1116,7 @@
   overflow-x: hidden;
 }
 
-#uenbuhonlu .gt_column_spanner_outer {
+#wnmjstkkao .gt_column_spanner_outer {
   color: #333333;
   background-color: #FFFFFF;
   font-size: 100%;
@@ -1127,15 +1128,15 @@
   padding-right: 4px;
 }
 
-#uenbuhonlu .gt_column_spanner_outer:first-child {
+#wnmjstkkao .gt_column_spanner_outer:first-child {
   padding-left: 0;
 }
 
-#uenbuhonlu .gt_column_spanner_outer:last-child {
+#wnmjstkkao .gt_column_spanner_outer:last-child {
   padding-right: 0;
 }
 
-#uenbuhonlu .gt_column_spanner {
+#wnmjstkkao .gt_column_spanner {
   border-bottom-style: solid;
   border-bottom-width: 2px;
   border-bottom-color: #D3D3D3;
@@ -1147,7 +1148,7 @@
   width: 100%;
 }
 
-#uenbuhonlu .gt_group_heading {
+#wnmjstkkao .gt_group_heading {
   padding: 8px;
   color: #333333;
   background-color: #FFFFFF;
@@ -1169,7 +1170,7 @@
   vertical-align: middle;
 }
 
-#uenbuhonlu .gt_empty_group_heading {
+#wnmjstkkao .gt_empty_group_heading {
   padding: 0.5px;
   color: #333333;
   background-color: #FFFFFF;
@@ -1184,15 +1185,19 @@
   vertical-align: middle;
 }
 
-#uenbuhonlu .gt_from_md > :first-child {
+#wnmjstkkao .gt_striped {
+  background-color: rgba(128, 128, 128, 0.05);
+}
+
+#wnmjstkkao .gt_from_md > :first-child {
   margin-top: 0;
 }
 
-#uenbuhonlu .gt_from_md > :last-child {
+#wnmjstkkao .gt_from_md > :last-child {
   margin-bottom: 0;
 }
 
-#uenbuhonlu .gt_row {
+#wnmjstkkao .gt_row {
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 5px;
@@ -1211,7 +1216,7 @@
   overflow-x: hidden;
 }
 
-#uenbuhonlu .gt_stub {
+#wnmjstkkao .gt_stub {
   color: #333333;
   background-color: #FFFFFF;
   font-size: 100%;
@@ -1223,7 +1228,7 @@
   padding-left: 12px;
 }
 
-#uenbuhonlu .gt_summary_row {
+#wnmjstkkao .gt_summary_row {
   color: #333333;
   background-color: #FFFFFF;
   text-transform: inherit;
@@ -1233,7 +1238,7 @@
   padding-right: 5px;
 }
 
-#uenbuhonlu .gt_first_summary_row {
+#wnmjstkkao .gt_first_summary_row {
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 5px;
@@ -1243,7 +1248,7 @@
   border-top-color: #D3D3D3;
 }
 
-#uenbuhonlu .gt_grand_summary_row {
+#wnmjstkkao .gt_grand_summary_row {
   color: #333333;
   background-color: #FFFFFF;
   text-transform: inherit;
@@ -1253,7 +1258,7 @@
   padding-right: 5px;
 }
 
-#uenbuhonlu .gt_first_grand_summary_row {
+#wnmjstkkao .gt_first_grand_summary_row {
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 5px;
@@ -1263,11 +1268,7 @@
   border-top-color: #D3D3D3;
 }
 
-#uenbuhonlu .gt_striped {
-  background-color: rgba(128, 128, 128, 0.05);
-}
-
-#uenbuhonlu .gt_table_body {
+#wnmjstkkao .gt_table_body {
   border-top-style: solid;
   border-top-width: 2px;
   border-top-color: #D3D3D3;
@@ -1276,7 +1277,7 @@
   border-bottom-color: #D3D3D3;
 }
 
-#uenbuhonlu .gt_footnotes {
+#wnmjstkkao .gt_footnotes {
   color: #333333;
   background-color: #FFFFFF;
   border-bottom-style: none;
@@ -1290,13 +1291,13 @@
   border-right-color: #D3D3D3;
 }
 
-#uenbuhonlu .gt_footnote {
+#wnmjstkkao .gt_footnote {
   margin: 0px;
   font-size: 90%;
   padding: 4px;
 }
 
-#uenbuhonlu .gt_sourcenotes {
+#wnmjstkkao .gt_sourcenotes {
   color: #333333;
   background-color: #FFFFFF;
   border-bottom-style: none;
@@ -1310,46 +1311,46 @@
   border-right-color: #D3D3D3;
 }
 
-#uenbuhonlu .gt_sourcenote {
+#wnmjstkkao .gt_sourcenote {
   font-size: 90%;
   padding: 4px;
 }
 
-#uenbuhonlu .gt_left {
+#wnmjstkkao .gt_left {
   text-align: left;
 }
 
-#uenbuhonlu .gt_center {
+#wnmjstkkao .gt_center {
   text-align: center;
 }
 
-#uenbuhonlu .gt_right {
+#wnmjstkkao .gt_right {
   text-align: right;
   font-variant-numeric: tabular-nums;
 }
 
-#uenbuhonlu .gt_font_normal {
+#wnmjstkkao .gt_font_normal {
   font-weight: normal;
 }
 
-#uenbuhonlu .gt_font_bold {
+#wnmjstkkao .gt_font_bold {
   font-weight: bold;
 }
 
-#uenbuhonlu .gt_font_italic {
+#wnmjstkkao .gt_font_italic {
   font-style: italic;
 }
 
-#uenbuhonlu .gt_super {
+#wnmjstkkao .gt_super {
   font-size: 65%;
 }
 
-#uenbuhonlu .gt_footnote_marks {
+#wnmjstkkao .gt_footnote_marks {
   font-style: italic;
   font-size: 65%;
 }
 </style>
-<div id="uenbuhonlu" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table">
+<div id="wnmjstkkao" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table">
   
   <thead class="gt_col_headings">
     <tr>
diff --git a/slides/day-01-basics_files/figure-html/unnamed-chunk-13-1.png b/slides/day-01-basics_files/figure-html/unnamed-chunk-13-1.png
deleted file mode 100644
index c6f3c38..0000000
Binary files a/slides/day-01-basics_files/figure-html/unnamed-chunk-13-1.png and /dev/null differ
diff --git a/slides/day-01-basics_files/figure-html/unnamed-chunk-14-1.png b/slides/day-01-basics_files/figure-html/unnamed-chunk-14-1.png
deleted file mode 100644
index 2976e80..0000000
Binary files a/slides/day-01-basics_files/figure-html/unnamed-chunk-14-1.png and /dev/null differ
diff --git a/slides/day-01-basics_files/figure-html/unnamed-chunk-15-1.png b/slides/day-01-basics_files/figure-html/unnamed-chunk-15-1.png
deleted file mode 100644
index 2976e80..0000000
Binary files a/slides/day-01-basics_files/figure-html/unnamed-chunk-15-1.png and /dev/null differ
diff --git a/slides/libs/datatables-binding/datatables.js b/slides/libs/datatables-binding/datatables.js
index 1a7a479..a21d569 100644
--- a/slides/libs/datatables-binding/datatables.js
+++ b/slides/libs/datatables-binding/datatables.js
@@ -899,14 +899,6 @@ HTMLWidgets.widget({
       return {row: info.row, col: info.column};
     }
 
-    var cleanSelectedValues = function() {
-      changeInput('rows_selected', []);
-      changeInput('columns_selected', []);
-      changeInput('cells_selected', transposeArray2D([]), 'shiny.matrix');
-    }
-    // #828 we should clean the selection on the server-side when the table reloads
-    cleanSelectedValues();
-
     // a flag to indicates if select extension is initialized or not
     var flagSelectExt = table.settings()[0]._select !== undefined;
     // the Select extension should only be used in the client mode and
@@ -1301,7 +1293,7 @@ HTMLWidgets.widget({
       if (this.className === '') e.stopPropagation();
     });
 
-    methods.addRow = function(data, rowname, resetPaging) {
+    methods.addRow = function(data, rowname) {
       var data0 = table.row(0).data(), n = data0.length, d = n - data.length;
       if (d === 1) {
         data = rowname.concat(data)
@@ -1310,7 +1302,7 @@ HTMLWidgets.widget({
         console.log(data0);
         throw 'New data must be of the same length as current data (' + n + ')';
       };
-      table.row.add(data).draw(resetPaging);
+      table.row.add(data).draw();
     }
 
     methods.updateSearch = function(keywords) {
diff --git a/slides/test-default.Rmd b/slides/test-default.Rmd
deleted file mode 100644
index 0432468..0000000
--- a/slides/test-default.Rmd
+++ /dev/null
@@ -1,998 +0,0 @@
----
-title: "Presentation Ninja"
-subtitle: "⚔<br/>with xaringan"
-author: "Yihui Xie"
-institute: "RStudio, PBC"
-date: "2016/12/12 (updated: `r Sys.Date()`)"
-output:
-  xaringan::moon_reader:
-    lib_dir: libs
-    css:
-      - default
-      - css/nhsr.css
-      - css/nhsr-fonts.css
-    nature:
-      highlightStyle: github
-      highlightLines: true
-      countIncrementalSlides: false
----
-
-```{r setup, include = FALSE}
-options(htmltools.dir.version = FALSE)
-library(knitr)
-library(tidyverse)
-library(xaringanExtra)
-library(nhsrtheme)
-library(NHSRdatasets)
-# set default options
-opts_chunk$set(echo=FALSE,
-               collapse = TRUE,
-               fig.width = 7.252,
-               fig.height = 4,
-               dpi = 300)
-
-xaringanExtra::use_tile_view()
-xaringanExtra::use_panelset()
-xaringanExtra::use_clipboard()
-xaringanExtra::use_webcam()
-xaringanExtra::use_broadcast()
-xaringanExtra::use_share_again()
-xaringanExtra::style_share_again(
-  share_buttons = c("twitter", "linkedin", "pocket")
-)
-
-# uncomment the following lines if you want to use the NHS-R theme colours by default
-# scale_fill_continuous <- partial(scale_fill_nhs, discrete = FALSE)
-# scale_fill_discrete <- partial(scale_fill_nhs, discrete = TRUE)
-# scale_colour_continuous <- partial(scale_colour_nhs, discrete = FALSE)
-# scale_colour_discrete <- partial(scale_colour_nhs, discrete = TRUE)
-```
-
-class: title-slide, right, top
-background-image: url(img/hex-xaringan.png), url(img/frame-art.png)
-background-position: 90% 75%, 75% 75%
-background-size: 8%, cover
-
-.right-column[
-# `r rmarkdown::metadata$title`
-### `r rmarkdown::metadata$subtitle`
-
-**`r rmarkdown::metadata$author`**<br>
-`r rmarkdown::metadata$date`
-]
-
-.palegrey[.left[.footnote[Graphic by [Vernon Adams](https://www.rawpixel.com/image/575297/artistic-canvas-background-template)]]]
-
-???
-
-Welcome to the workshop on sharing your work with xaringan.
-
-Where I'll show you how to create impressive presentation slides that can be deployed to the web for easy sharing.
-
----
-name: about-me
-layout: false
-class: about-me-slide, inverse, middle, center
-
-# About me
-
-<img style="border-radius: 50%;" src="https://silvia.rbind.io/authors/silvia/avatar.png" width="150px"/>
-
-## Silvia Canelón
-
-### Postdoctoral Research Scientist
-
-.fade[University of Pennsylvania<br>Philadelphia, PA, USA]
-
-[`r icon::fa("link")` silvia.rbind.io](https://silvia.rbind.io)
-[`r icon::fa("twitter")` @spcanelon](https://twitter.com/spcanelon)
-[`r icon::fa("github", size = 1)` @spcanelon](https://github.com/spcanelon)
-
----
-layout: true
-
-<a class="footer-link" href="http://bit.ly/xaringan-nhsr">bit.ly/xaringan-nhsr &mdash; Silvia Canelón</a>
-
-<!-- this adds the link footer to all slides, depends on footer-link class in css-->
-
----
-class: top
-
-# Acknowledgments
-
-.pull-left-narrow[.center[<img style="border-radius: 50%;" src="https://lauriebaker.rbind.io/author/dr.-laurie-baker/avatar_hu30116ce9545207e6cc07ea892252ff02_106302_270x270_fill_q90_lanczos_center.jpg" width="100px"/>]]
-
-.pull-right-wide[
-[Laurie Baker](https://lauriebaker.rbind.io), co-pilot for this workshop and Data Science Lecturer at the Data Science Campus, Office for National Statistics, UK.as
-]
-
---
-
-.pull-left-narrow[.center[
-<img style="border-radius: 50%;" src="https://avatars0.githubusercontent.com/u/53170984?s=200&v=4" width="125px"/>]]
-
-.pull-right-wide[
-[NHS-R Community](https://nhsrcommunity.com/) for the opportunity to provide this workshop
-- [nhsrtheme `r emo::ji("package")`](https://github.com/nhs-r-community/nhsrtheme) developed by Tom Jemmett
-- [NHSRdatasets `r emo::ji("package")`](https://github.com/nhs-r-community/NHSRdatasets) developed by Chris Mainey
-]
-
---
-
-.pull-left-narrow[.center[
-`r icon::fa("smile", size = 3, color = "#e5bf00")`]]
-
-.pull-right-wide[
-- [xaringan `r emo::ji("package")`](https://github.com/yihui/xaringan#xaringan) developed by Yihui Xie
-- [xaringanExtra `r emo::ji("package")`](https://github.com/gadenbuie/xaringanExtra/#xaringanExtra) developed by Garrick Aden-Buie
-- Materials developed by [Alison Hill](https://twitter.com/apreshill) that have inspired and informed this workshop
-]
-
----
-class: left
-
-# About you
-
---
-.pull-left-narrow[.center[
-<i class="fab fa-markdown fa-2x"></i>]]
-.pull-right-wide[### you know Markdown]
-
---
-
-.pull-left-narrow[.center[
-<img src="https://raw.githubusercontent.com/rstudio/hex-stickers/master/PNG/rmarkdown.png" width="25%"/>]]
-.pull-right-wide[### you know R Markdown]
-
---
-
-.pull-left-narrow[.center[
-<i class="fab fa-html5 fa-2x"></i>]]
-.pull-right-wide[### .my-gold[**you want to know about cool HTML5 slides**]] 
-
----
-
-name: question
-class: inverse, middle, center
-
-{{content}}
-
----
-template: question
-
-`r icon::fa("images", size = 3)`
-# How do we make<br>cool HTML5 slides?
-
----
-
-## It takes a team
-
-.panelset[
-.panel[.panel-name[remark.js]
-.pull-left[
-.center[
-<i class="fab fa-js fa-3x"></i><br>
-JavaScript
-
-**and**
-
-<i class="fab fa-markdown fa-3x"></i><br>
-Markdown
-]
-]
-.pull-right[
-> .my-coral[A simple, in browser, Markdown driven slideshow tool] .fade[targeted at people who know their way around HTML and CSS]
-
-```{r}
-knitr::include_url("https://remarkjs.com", height = "250px")
-```
-]
-] <!---->
-
-
-.panel[.panel-name[xaringan]
-.pull-left[
-.center[
-![:scale 25%](img/hex-xaringan.png)
-
-**xaringan** is a package that introduces `remark.js` to R Markdown
-
-![:scale 15%](img/hex-rmarkdown.png)
-]]
-.pull-right[
-```{r}
-knitr::include_url("https://slides.yihui.org/xaringan")
-```
-
-]
-] <!---->
-
-
-.panel[.panel-name[CSS]
-**CSS** stands for **C**ascading **S**tyle **S**heet, and turns
-.pull-left[
-functional, but dull HTML (content)...
-![:scale 95%](img/title-slide-no-css.png)
-]
-
-.pull-right[
-...into HTML (content) with style! `r emo::ji("sunglasses")`
-![:scale 95%](img/title-slide.png)
-]
-] <!---->
-] <!--end of panelset-->
-
-???
-Remark helps us:
-- create a new slide (Markdown syntax* and slide properties);
-- format a slide (e.g. text alignment);
-- configure the slideshow;
-- and use the presentation (keyboard shortcuts).
-
----
-# CSS for the <img src="https://nhsrcommunity.com/wp-content/uploads/2018/02/logo.png" width="13%"/>&nbsp; 
-
-.pull-left[
-```{r}
-knitr::include_url("https://spcanelon.github.io/xaringan-basics-and-beyond/nhsr-theme/sample-4-3.html")
-```
-]
-
-.pull-right[
-I designed a custom CSS theme for the NHS-R Community following the [NHS identity guidelines](https://www.england.nhs.uk/nhsidentity/identity-guidelines/) `r emo::ji("rocket")`. 
-
-[Tom Jemmett](https://github.com/tomjemmett) helped me incorporate it into the [nhsrtheme `r emo::ji("package")`](https://github.com/nhs-r-community/nhsrtheme#nhs-r-theme-) in preparation for this workshop.
-]
-
----
-
-## Getting started
-
-.panelset[
-.panel[.panel-name[nhsrtheme]
-**Step 1.** Install the `nhsrtheme` package from GitHub
-```{r, eval=FALSE, echo=TRUE}
-# install.packages("devtools")
-devtools::install_github("nhs-r-community/nhsrtheme")
-```
-
-**Step 2.** Load the `nhsrtheme` package
-```{r, eval=FALSE, echo=TRUE}
-library(nhsrtheme)
-```
-] <!---->
-
-.panel[.panel-name[New Rmd File]
-.pull-left[
-1. New File
-2. New R Markdown
-![:scale 90%](img/new-r-markdown.png)
-]
-
-.pull-right[
-3\. From Template `r icon::fa("angle-double-right")` NHS-R Presentation<br>4. Give your slide deck a name!
-![:scale 85%](img/nhsrtheme-template.png)
-]
-]<!---->
-
-.panel[.panel-name[Directory]
-The new directory in the "Files" pane contains
-.left[
-+ `r icon::fa("file-code")` the new Rmd file (i.e. `my-slides.Rmd`)
-
-+ `r icon::fa("folder-open")` the `img` folder containing logo files
-
-+ `r icon::fa("folder-open")` the `css` folder containing the custom `nhsr` theme files<br>.small[and an HTML file in charge of [adding the NHS logo to each slide](https://www.garrickadenbuie.com/blog/xaringan-tip-logo-all-slides)]
-]
-] <!---->
-
-.panel[.panel-name[YAML 1]
-```{r, eval=FALSE, echo=TRUE}
-title: "Presentation title"
-subtitle: "Presentation subtitle"
-author: "Author Name"
-institute: "NHS Organisation"
-date: "Presentation Date"
-output:
-  xaringan::moon_reader:               # new kind of output!
-    css:                               
-     -default                          # default xaringan theme CSS file
-     -css/nhsr.css                     # custom primary CSS file
-     -css/nhsr-fonts.css               # custom font CSS file
-```
-] <!---->
-
-.panel[.panel-name[YAML 2]
-More options for output `xaringan::moon_reader`
-```{r, eval=FALSE, echo=TRUE}
-    lib_dir: libs                        # creates directory for libraries
-    seal: false                          # false: custom title slide
-    nature:
-      highlightStyle: googlecode         # highlighting syntax for code
-      highlightLines: true               # true: enables code line highlighting 
-      highlightLanguage: ["r"]           # languages to highlight
-      countIncrementalSlides: false      # false: disables counting of incremental slides
-      ratio: "16:9"                      # 4:3 for standard size
-    includes:
-      after_body: [css/insert-logo.html] # adds NHS logo to slides (you can ignore it)
-```
-] <!---->
-
-.panel[.panel-name[Extra info]
-- `seal: true` creates a title slide with inverse colors using metadata from your YAML
-
-- Other [highlightStyle options](https://github.com/gnab/remark/wiki/Configuration#highlighting) from **remark.js** are:
-
-  + `arta`, `ascetic`, `dark`, `default`, `far`, `github`, `googlecode`,   `idea`, `ir-black`, `magula`, `monokai`, `rainbow`, `solarized-dark`, `solarized-light`, `sunburst`, `tomorrow`, `tomorrow-night-blue`, `tomorrow-night-bright`, `tomorrow-night`, `tomorrow-night-eighties`, `vs`, `zenburn`.
-] <!---->
-] <!--end of panelset-->
-
----
-name: live-coding
-background-color: var(--my-yellow)
-class: middle, center
-
-`r icon::fa("code", size = 3, color = "#122140")`<br>
-# Let's try it live together
-
----
-## Our first few slides
-
-`r icon::fa("star", color = "#e5bf00")` Slide content starts immediately after the YAML `---`
-
-.pull-left-narrow[
-The .my-coral[nhsrtheme] xaringan template comes pre-loaded with a few things
-]
-.pull-right-wide[
-- .my-coral[A `setup` chunk] with a few libraries and some chunk options set for the whole slide deck
-
-- Some example slides separated by three dashes (`---`)
-  1. .my-coral[Title slide with the `title-slide` class.]<br>Content is aligned with the `left` and the `bottom` of the slide
-  1. .my-coral[Inverse slide with the `inverse` slide class.]<br>Content is aligned with `middle` and `center` of the slide
-  1. .my-coral[Incremental slides with no specified slide class (default).]<br>Incremental steps are made using two dashes (`--`), and bullet points made using markdown (`*`)
-]
-
----
-.panelset[
-
-.panel[.panel-name[Moon Reader]
-To view the slides generated by your new Rmd file, you have two options:
-
-**Option 1**. Run xaringan's infinite moon reader function in the console `r emo::ji("rocket")` 
-```{r eval=FALSE, echo=TRUE}
-xaringan::inf_mr()
-```
-
-> .small[Note: you can also access this feature using the IDE toolbar: **Addins > XARINGAN Infinite Moon Reader**]
-
-**Option 2**. Knit the document `r emo::ji("yarn")` 
-
-] <!---->
-
-.panel[.panel-name[Setup chunk]
-.pull-left-narrow[
-A `setup` chunk with a few libraries and some chunk options set for the whole slide deck
-]
-.pull-right-wide[
-![](img/code-setup-chunk.png)
-]
-] <!---->
-
-.panel[.panel-name[Title slide]
-
-.pull-left[
-### Code
-![](img/code-title-slide.png)
-This is the very first slide after the YAML so it doesn't need to begin with `---`]
-.pull-right[
-### Slide
-<img src="img/sample-title-slide.png" width="100%" 
-style="border:2px solid #E8EDEE"/> 
-]
-] <!---->
-.panel[.panel-name[Inverse slide]
-
-.pull-left[
-### Code
-![](img/code-inverse-slide.png)]
-
-.pull-right[
-### Slide
-<img src="img/sample-inverse-slide.png" width="100%" 
-style="border:0px solid #E8EDEE"/> 
-]
-] <!---->
-.panel[.panel-name[Incremental slides]
-
-.pull-left[
-### Code
-![](img/code-incremental-slides.png)]
-
-.pull-right[
-### Slide
-<img src="img/sample-incremental-slides.png" width="100%" style="border:2px solid #E8EDEE"/> 
-]
-] <!---->
-]<!--end of panelset-->
-
----
-# xaringan syntax
-
-### What did you notice?
-
-???
-What about the syntax used in the R Markdown file looked familiar?
-Please type your answers in the chat box.
-
---
-
-.pull-left[
-
-### Familiar from **markdown**
-
-- Headings (#, ##, ###)
-- **Bold** and _italic_ type
-- Links and images with `![]()`
-- Bullet points can be added<br>with `-`, `+`, or `-`
-- Numbered lists can be created<br>with `1.`
-]
-
-???
-What about the syntax looked new or different?
-Please type your answers in the chat box.
-
---
-
-.pull-right[
-### Not so familiar, from **remark.js**
-- First slide starts immediately after YAML, doesn't need to begin with three dashes(`---`)
-- Slides are separated by<br>three dashes (`---`)
-- Incremental slides are separated by<br>two dashes (`--`)
-- Slide content is separated from presenter notes by three questions marks (`???`)
-]
-
----
-template: question
-
-`r icon::fa("magic", size = 3)`
-# How can we make our slides<br>look more interesting???
-
---
-
-----
-
-.left-col[.center[
-`r icon::fa("th-large", size = 2)`
-### with placement
-]]
-
---
-
-.center-col[
-.center[
-`r icon::fa("image", size = 2)`
-### pretty pictures
-]]
-
---
-
-.right-col[.center[
-<i class="fas fa-star fa-2x"></i>
-### and icons
-]]
-
----
-name: placement
-## Layouts <i class="fas fa-th-large" style = "float: right"></i>
-
----
-template: placement
-
-### Align an entire slide
-
-.left-column[
-
-Horizontally
-
-```r
-left,
-*center,
-right
-```
-
-----
-
-Vertically
-
-```r
-top, 
-*middle, 
-bottom 
-```
-]
-
---
-
-.right-column[
-
-```r
----
-
-*class: center, middle
-
-# Slide with centered content in the middle
-
-This content is also centered and in the middle of the slide 
-
----
-```
-
-]
-
----
-class: center, middle
-
-# Slide with centered content and aligned with the middle
-
-This content is also centered and aligned with the middle of the slide
-
-
----
-template: placement
-
-### Align only some text
-
-.left-column[
-Horizontal only
-
-```r
-*.left[words]
-.center[words]
-*.right[words]
-```
-]
-
---
-
-.right-column[
-```r
----
-
-class: center, middle 
-
-# Slide with some text aligned
-
-*.left[We can start writing a sentence on the left...]
-
-*.right[and end on the right.]
-
----
-```
-]
-
----
-class: center, middle
-
-# Slide with some text aligned
-
-.left[We can start writing a sentence on the left...]
-
-.right[...and finish it on the right.]
-
----
-template: placement
-
-### Pull content to either side of the slide
-
-.pull-left[
-**The `.pull-left[]` class pulls content to<br>the left 47%**
-
-Like the text above and<br>the hex sticker below
-
-![:scale 30%](img/hex-rmarkdown.png)
-]
-
---
-
-.pull-right[
-**And `.pull-right[]` pulls content to<br>the right 47%**
-
-You've already seen these content classes<br>in action today `r emo::ji("smile")`
-<br>
-
-![:scale 30%](img/hex-xaringan.png)
-
-]
-
---
-
-They don't have to take up the entire slide. Like for this text, you can decide to continue creating content that isn't pulled to either side.
-
----
-template: placement
-
-### Arrange content into a two-column layout
-
-.left-column[
-**`.left-column[]` places content into a column 20% wid**
-
-And text is a little lighter
-]
-
---
-
-.right-column[
-**`.right-column[]` places content into a column 75% wide**
-- It also has a _little_ bit of padding on the top
-
-- And unlike the `.pull` content classes, these column classes are fixed for the entire slide
-- They are meant to be used together
-
-.center[
-![:scale 20%](img/hex-xaringan.png)]
-]
-
----
-name: pictures
-## Pictures <i class="fas fa-image" style = "float: right"></i>
-
----
-template: pictures
-
-There are a variety of ways to add images to your slides!
-
-.panelset[
-.panel[.panel-name[Markdown]
-.pull-left[
-
-`![](img/camera-green.jpg)`
-- simple
-- not very flexible
-- output size fully dependent on the size of the image, but scaling can be managed [using custom macros (JavaScript functions) ](https://slides.yihui.org/xaringan/#33)
- 
-.small[
-Photo by [Annie Spratt](https://unsplash.com/@anniespratt)]
-]
-
-.pull-right[
-![](img/camera-green.jpg)
-]
-] <!---->
-
-.panel[.panel-name[knitr]
-
-.pull-left[
-
-`knitr::include_graphics("img/camera-green.jpg")`
-- pretty flexible
-- a little bulky
-- more options [here](https://www.rdocumentation.org/packages/knitr/versions/1.30/topics/include_graphics)
-]
-
-.pull-right[
-```{r, out.width="90%"}
-knitr::include_graphics("img/camera-green.jpg")
-```
-]
-
-] <!---->
-
-.panel[.panel-name[HTML]
-.pull-left[
-`<img src="img/camera-green.jpg" width="90%"/>`
-- most flexible
-- a bit unsightly
-- takes time to [get used to syntax](https://www.w3schools.com/html/html_images.asp)
-
-.small[To insert an avatar: `<img style="border-radius: 50%;" src="https://insertweblink.here" width="170px"/>`]
-]
-
-.pull-right[
-<img src="img/camera-green.jpg" width="90%"/>
-]
-
-] <!---->
-
-.panel[.panel-name[Background]
-
-You can use the [background-image property](https://github.com/gnab/remark/wiki/Markdown#background-image) just like classes
-
-.pull-left[
-- `background-image: url(https://some.pretty.picture)`
-- `background-size:`
-    - `cover` --> rescales + crops with no empty space
-    - `contain` --> rescales only
-- `background-position:` play with [this](https://css-tricks.com/almanac/properties/b/background-position/)
-]
-
-.pull-right[
-Image from a url:<br>`url(https://unsplash.com/photos/ihDcta7Kvqg)`
-
-Local image, use relative file paths: `url(img/camera-green.jpg)`
-
-.my-coral[now, let's see `background-size` examples in action! `r icon::fa("arrow-circle-right")` ]
-]
-
-] <!---->
-
-] <!--end of panelset-->
-
----
-background-image: url(img/camera-green.jpg)
-class: inverse, middle, center
-
-# **No background-size**
-**Image size: 3999x3005**
-
----
-background-image: url(img/camera-green.jpg)
-background-size: cover
-class: inverse, middle, center
-
-# **Cover**
-
----
-background-image: url(img/camera-green.jpg)
-background-size: contain
-background-color: white
-class: inverse, middle, center
-
-# **Contain**
-
----
-class: left
-name: icons
-## Icons <i class="fas fa-star" style = "float: right"></i>
-
---
-
-.pull-left-narrow[.center[
-`r emo::ji("smile")`<br>
-[Emojis](https://github.com/hadley/emo#emoji)
-]]
-.pull-right-wide[
-Use the [emo(ji) `r emo::ji("package")`](https://github.com/hadley/emo#emoji):<br>
-Icon on the left: ` r emo::ji("smile")` (surrounded by backticks `)
-]
-
---
-
-.pull-left-narrow[.center[
-<i class="fas fa-brain"></i>
-<br>
-[FontAwesome](https://fontawesome.com/icons?d=gallery&c=medical&m=free)
-]]
-
-.pull-right-wide[
-Copy and paste html directly from the website:<br>`<i class="fas fa-brain"></i>`<br>
-Use the [icon `r emo::ji("package")`](https://slides.mitchelloharawild.com/icon/): ` r icon::fa("brain")`,<br>or the [fontawesome `r emo::ji("package")`](https://github.com/rstudio/fontawesome#the-fontawesome-package): ` r fontawesome:fa("brain")`
-]
-
---
-
-.pull-left-narrow[.center[
-`r icon::ai("orcid")`<br>
-[Academicons](https://jpswalsh.github.io/academicons/)
-]]
-.pull-right-wide[
-The easiest way to access them is with the icon `r emo::ji("package")`:<br>` r icon::fa("orcid")`
-]
-
---
-
-.pull-left-narrow[.center[
-`r icon::ii("ios-flask-outline")`<br>
-[Ionicons](https://ionicons.com/)
-]]
-.pull-right-wide[
-I haven't had as much luck with these, but you can use the icon `r emo::ji("package")` here as well: ` r icon::ii("ios-flask-outline")`
-]
----
-name: your-turn
-background-color: var(--my-red)
-class: inverse
-
-.left-column[
-## Your turn<br>`r icon::fa("edit")`<br>
-### .my-pink[10:00 mins]
-]
-
-.right-column[
-### Make an "about me" slide
-
-----
-
-Think about including details like your<br>name, affiliation, location, and/or contact information
-
-Here are some options to consider
-- practice [moving content around](#placement) the slide
-- separate content with a horizontal bar `----`
-- [add an image](#pictures) or photo
-- link to sites and/or social media
-- add some [icons](#icons)!
-- see [my about me slide](#about-me) for ideas
-]
-
----
-template: question
-
-`r icon::fa("r-project", size = 3)`
-# What about R content?
-
---
-
-----
-
-.pull-left[.center[
-`r icon::fa("table", size = 2)`
-### tables
-]]
-
---
-
-.pull-right[
-.center[
-`r icon::fa("chart-bar", size = 2)`
-### plots
-]]
-
----
-name: tables
-## Tables <i class="fas fa-table" style = "float: right"></i>
-
----
-template: tables
-
-### Direct output
-
-----
-
-```{r, echo=TRUE}
-NHSRdatasets::LOS_model %>%
-  head()
-```
-
-.footnote[We're using the [NHSRdatasets `r emo::ji("package")`](https://github.com/nhs-r-community/NHSRdatasets#nhs-r-community-datasets-) here! It was developed by Chris Mainey and contains a few datasets to use for practice.]
-
----
-template: tables
-
-### HTML table
-
-----
-.pull-left[
-```{r, echo=TRUE, eval=FALSE}
-NHSRdatasets::LOS_model %>%
-  head() %>%
-  knitr::kable(format = "html")
-```
-]
-
-.pull-right[
-```{r, echo=FALSE}
-NHSRdatasets::LOS_model %>%
-  head() %>%
-  knitr::kable(format = "html")
-```
-]
-
----
-template: tables
-
-### DT table
-
-----
-
-```{r, echo=TRUE}
-NHSRdatasets::LOS_model %>%
-  head() %>%
-  DT::datatable()
-```
-
----
-template: tables
-
-### GT table
-
-----
-
-.pull-left[
-```{r, echo=TRUE, eval=FALSE}
-NHSRdatasets::LOS_model %>%
-  head() %>%
-  gt::gt()
-```
-]
-
-.pull-right[
-```{r, echo=FALSE}
-NHSRdatasets::LOS_model %>%
-  head() %>%
-  gt::gt()
-```
-]
-.footnote[Make sure to check out the [GT package workshop](https://github.com/nhs-r-community/Conference_2020#workshop-sessions) tomorrow!]
----
-name: plots
-## Plots <i class="fas fa-chart-bar" style = "float: right"></i>
-
----
-template: plots
-
-.pull-left[
-### Code
-
-----
-
-```{r plot-last, echo=TRUE, fig.show='hide'}
-NHSRdatasets::LOS_model %>%
-  ggplot(aes(x = Age, y = Organisation)) +
-  geom_boxplot(aes(fill = Organisation)) +
-  nhsrtheme::scale_fill_nhs("highlights")
-```
-]
-
-.pull-right[
-
-### Plot
-
-----
-
-```{r, ref.label="plot-last"}
-```
-
-]
-
-.footnote[Note the use of the [nhsrtheme `r emo::ji("package")`](https://github.com/nhs-r-community/nhsrtheme#nhs-r-theme-) here! It was developed by Tom Jemmett and contains a few different colour palettes based on the NHS identity guidelines]
----
-template: plots
-name: alison-tips
-
-### Great tips here from Alison Hill
-
-```{r}
-knitr::include_url("https://rstudio-education.github.io/teaching-in-production/slides/index.html#46")
-```
-
----
-name: your-turn
-background-color: var(--my-red)
-class: inverse
-
-.left-column[
-## Your turn<br>`r icon::fa("edit")`<br>
-### .my-pink[10:00 mins]
-]
-
-.right-column[
-### Make a new slide and practice<br>adding some R content
-
-----
-
-Here are some options to consider
-- add a [table](#tables)
-- add a [plot](#plots)
-- try [arranging content](#alison-tips) to have code on one side and the output on the other
-]
-
----
-template: live-coding
-
-### Let's try deploying slides to GitHub!
-
----
-class: goodbye-slide, inverse, middle, left
-
-.pull-left[
-<img style="border-radius: 50%;" src="https://silvia.rbind.io/authors/silvia/avatar.png" width="170px"/>
-# Thank you!
-
-### Here's where you can find me...
-
-.right[
-[silvia.rbind.io `r icon::fa("link")`](https://silvia.rbind.io)<br/>
-[@spcanelon `r icon::fa("twitter")`](https://twitter.com/spcanelon)<br/>
-[@spcanelon `r icon::fa("github")`](https://github.com/spcanelon)<br/>
-]]
-
-
diff --git a/slides/test-default.html b/slides/test-default.html
deleted file mode 100644
index ba4ee35..0000000
--- a/slides/test-default.html
+++ /dev/null
@@ -1,1577 +0,0 @@
-<!DOCTYPE html>
-<html lang="" xml:lang="">
-  <head>
-    <title>Presentation Ninja</title>
-    <meta charset="utf-8" />
-    <meta name="author" content="Yihui Xie" />
-    <link href="libs/remark-css/default.css" rel="stylesheet" />
-    <link href="libs/anchor-sections/anchor-sections.css" rel="stylesheet" />
-    <script src="libs/anchor-sections/anchor-sections.js"></script>
-    <link href="libs/tile-view/tile-view.css" rel="stylesheet" />
-    <script src="libs/tile-view/tile-view.js"></script>
-    <link href="libs/panelset/panelset.css" rel="stylesheet" />
-    <script src="libs/panelset/panelset.js"></script>
-    <script src="libs/clipboard/clipboard.min.js"></script>
-    <link href="libs/xaringanExtra-clipboard/xaringanExtra-clipboard.css" rel="stylesheet" />
-    <script src="libs/xaringanExtra-clipboard/xaringanExtra-clipboard.js"></script>
-    <script>window.xaringanExtraClipboard(null, {"button":"Copy Code","success":"Copied!","error":"Press Ctrl+C to Copy"})</script>
-    <script src="libs/xaringanExtra-webcam/webcam.js"></script>
-    <script id="xaringanExtra-webcam-options" type="application/json">{"width":"200","height":"200","margin":"1em"}</script>
-    <script src="libs/js-cookie/js.cookie.js"></script>
-    <script src="libs/peerjs/peerjs.min.js"></script>
-    <script src="libs/tiny.toast/toast.min.js"></script>
-    <link href="libs/xaringanExtra-broadcast/broadcast.css" rel="stylesheet" />
-    <script src="libs/xaringanExtra-broadcast/broadcast.js"></script>
-    <link href="libs/shareon/shareon.min.css" rel="stylesheet" />
-    <script src="libs/shareon/shareon.min.js"></script>
-    <link href="libs/xaringanExtra-shareagain/shareagain.css" rel="stylesheet" />
-    <script src="libs/xaringanExtra-shareagain/shareagain.js"></script>
-    <link href="libs/font-awesome/css/fontawesome-all.min.css" rel="stylesheet" />
-    <link href="libs/academicons/css/academicons.min.css" rel="stylesheet" />
-    <link href="libs/ionicons/css/ionicons.min.css" rel="stylesheet" />
-    <script src="libs/htmlwidgets/htmlwidgets.js"></script>
-    <script src="libs/jquery/jquery.min.js"></script>
-    <link href="libs/datatables-css/datatables-crosstalk.css" rel="stylesheet" />
-    <script src="libs/datatables-binding/datatables.js"></script>
-    <link href="libs/dt-core/css/jquery.dataTables.min.css" rel="stylesheet" />
-    <link href="libs/dt-core/css/jquery.dataTables.extra.css" rel="stylesheet" />
-    <script src="libs/dt-core/js/jquery.dataTables.min.js"></script>
-    <link href="libs/crosstalk/css/crosstalk.css" rel="stylesheet" />
-    <script src="libs/crosstalk/js/crosstalk.min.js"></script>
-    <link rel="stylesheet" href="css/nhsr.css" type="text/css" />
-    <link rel="stylesheet" href="css/nhsr-fonts.css" type="text/css" />
-  </head>
-  <body>
-    <textarea id="source">
-class: center, middle, inverse, title-slide
-
-# Presentation Ninja
-## ⚔<br/>with xaringan
-### Yihui Xie
-### RStudio, PBC
-### 2016/12/12 (updated: 2020-11-03)
-
----
-
-
-
-
-class: title-slide, right, top
-background-image: url(img/hex-xaringan.png), url(img/frame-art.png)
-background-position: 90% 75%, 75% 75%
-background-size: 8%, cover
-
-.right-column[
-# Presentation Ninja
-### ⚔&lt;br/&gt;with xaringan
-
-**Yihui Xie**&lt;br&gt;
-2016/12/12 (updated: `r Sys.Date()`)
-]
-
-.palegrey[.left[.footnote[Graphic by [Vernon Adams](https://www.rawpixel.com/image/575297/artistic-canvas-background-template)]]]
-
-???
-
-Welcome to the workshop on sharing your work with xaringan.
-
-Where I'll show you how to create impressive presentation slides that can be deployed to the web for easy sharing.
-
----
-name: about-me
-layout: false
-class: about-me-slide, inverse, middle, center
-
-# About me
-
-&lt;img style="border-radius: 50%;" src="https://silvia.rbind.io/authors/silvia/avatar.png" width="150px"/&gt;
-
-## Silvia Canelón
-
-### Postdoctoral Research Scientist
-
-.fade[University of Pennsylvania&lt;br&gt;Philadelphia, PA, USA]
-
-[<i class="fas  fa-link "></i> silvia.rbind.io](https://silvia.rbind.io)
-[<i class="fab  fa-twitter "></i> @spcanelon](https://twitter.com/spcanelon)
-[<i class="fab  fa-github "></i> @spcanelon](https://github.com/spcanelon)
-
----
-layout: true
-
-&lt;a class="footer-link" href="http://bit.ly/xaringan-nhsr"&gt;bit.ly/xaringan-nhsr &amp;mdash; Silvia Canelón&lt;/a&gt;
-
-&lt;!-- this adds the link footer to all slides, depends on footer-link class in css--&gt;
-
----
-class: top
-
-# Acknowledgments
-
-.pull-left-narrow[.center[&lt;img style="border-radius: 50%;" src="https://lauriebaker.rbind.io/author/dr.-laurie-baker/avatar_hu30116ce9545207e6cc07ea892252ff02_106302_270x270_fill_q90_lanczos_center.jpg" width="100px"/&gt;]]
-
-.pull-right-wide[
-[Laurie Baker](https://lauriebaker.rbind.io), co-pilot for this workshop and Data Science Lecturer at the Data Science Campus, Office for National Statistics, UK.as
-]
-
---
-
-.pull-left-narrow[.center[
-&lt;img style="border-radius: 50%;" src="https://avatars0.githubusercontent.com/u/53170984?s=200&amp;v=4" width="125px"/&gt;]]
-
-.pull-right-wide[
-[NHS-R Community](https://nhsrcommunity.com/) for the opportunity to provide this workshop
-- [nhsrtheme 📦](https://github.com/nhs-r-community/nhsrtheme) developed by Tom Jemmett
-- [NHSRdatasets 📦](https://github.com/nhs-r-community/NHSRdatasets) developed by Chris Mainey
-]
-
---
-
-.pull-left-narrow[.center[
-<i class="fas  fa-smile fa-3x " style="color:#e5bf00;"></i>]]
-
-.pull-right-wide[
-- [xaringan 📦](https://github.com/yihui/xaringan#xaringan) developed by Yihui Xie
-- [xaringanExtra 📦](https://github.com/gadenbuie/xaringanExtra/#xaringanExtra) developed by Garrick Aden-Buie
-- Materials developed by [Alison Hill](https://twitter.com/apreshill) that have inspired and informed this workshop
-]
-
----
-class: left
-
-# About you
-
---
-.pull-left-narrow[.center[
-&lt;i class="fab fa-markdown fa-2x"&gt;&lt;/i&gt;]]
-.pull-right-wide[### you know Markdown]
-
---
-
-.pull-left-narrow[.center[
-&lt;img src="https://raw.githubusercontent.com/rstudio/hex-stickers/master/PNG/rmarkdown.png" width="25%"/&gt;]]
-.pull-right-wide[### you know R Markdown]
-
---
-
-.pull-left-narrow[.center[
-&lt;i class="fab fa-html5 fa-2x"&gt;&lt;/i&gt;]]
-.pull-right-wide[### .my-gold[**you want to know about cool HTML5 slides**]] 
-
----
-
-name: question
-class: inverse, middle, center
-
-{{content}}
-
----
-template: question
-
-<i class="fas  fa-images fa-3x "></i>
-# How do we make&lt;br&gt;cool HTML5 slides?
-
----
-
-## It takes a team
-
-.panelset[
-.panel[.panel-name[remark.js]
-.pull-left[
-.center[
-&lt;i class="fab fa-js fa-3x"&gt;&lt;/i&gt;&lt;br&gt;
-JavaScript
-
-**and**
-
-&lt;i class="fab fa-markdown fa-3x"&gt;&lt;/i&gt;&lt;br&gt;
-Markdown
-]
-]
-.pull-right[
-&gt; .my-coral[A simple, in browser, Markdown driven slideshow tool] .fade[targeted at people who know their way around HTML and CSS]
-
-&lt;iframe src="https://remarkjs.com" width="100%" height="250px"&gt;&lt;/iframe&gt;
-]
-] &lt;!----&gt;
-
-
-.panel[.panel-name[xaringan]
-.pull-left[
-.center[
-![:scale 25%](img/hex-xaringan.png)
-
-**xaringan** is a package that introduces `remark.js` to R Markdown
-
-![:scale 15%](img/hex-rmarkdown.png)
-]]
-.pull-right[
-&lt;iframe src="https://slides.yihui.org/xaringan" width="100%" height="400px"&gt;&lt;/iframe&gt;
-
-]
-] &lt;!----&gt;
-
-
-.panel[.panel-name[CSS]
-**CSS** stands for **C**ascading **S**tyle **S**heet, and turns
-.pull-left[
-functional, but dull HTML (content)...
-![:scale 95%](img/title-slide-no-css.png)
-]
-
-.pull-right[
-...into HTML (content) with style! 😎
-![:scale 95%](img/title-slide.png)
-]
-] &lt;!----&gt;
-] &lt;!--end of panelset--&gt;
-
-???
-Remark helps us:
-- create a new slide (Markdown syntax* and slide properties);
-- format a slide (e.g. text alignment);
-- configure the slideshow;
-- and use the presentation (keyboard shortcuts).
-
----
-# CSS for the &lt;img src="https://nhsrcommunity.com/wp-content/uploads/2018/02/logo.png" width="13%"/&gt;&amp;nbsp; 
-
-.pull-left[
-&lt;iframe src="https://spcanelon.github.io/xaringan-basics-and-beyond/nhsr-theme/sample-4-3.html" width="100%" height="400px"&gt;&lt;/iframe&gt;
-]
-
-.pull-right[
-I designed a custom CSS theme for the NHS-R Community following the [NHS identity guidelines](https://www.england.nhs.uk/nhsidentity/identity-guidelines/) 🚀. 
-
-[Tom Jemmett](https://github.com/tomjemmett) helped me incorporate it into the [nhsrtheme 📦](https://github.com/nhs-r-community/nhsrtheme#nhs-r-theme-) in preparation for this workshop.
-]
-
----
-
-## Getting started
-
-.panelset[
-.panel[.panel-name[nhsrtheme]
-**Step 1.** Install the `nhsrtheme` package from GitHub
-
-```r
-# install.packages("devtools")
-devtools::install_github("nhs-r-community/nhsrtheme")
-```
-
-**Step 2.** Load the `nhsrtheme` package
-
-```r
-library(nhsrtheme)
-```
-] &lt;!----&gt;
-
-.panel[.panel-name[New Rmd File]
-.pull-left[
-1. New File
-2. New R Markdown
-![:scale 90%](img/new-r-markdown.png)
-]
-
-.pull-right[
-3\. From Template <i class="fas  fa-angle-double-right "></i> NHS-R Presentation&lt;br&gt;4. Give your slide deck a name!
-![:scale 85%](img/nhsrtheme-template.png)
-]
-]&lt;!----&gt;
-
-.panel[.panel-name[Directory]
-The new directory in the "Files" pane contains
-.left[
-+ <i class="fas  fa-file-code "></i> the new Rmd file (i.e. `my-slides.Rmd`)
-
-+ <i class="fas  fa-folder-open "></i> the `img` folder containing logo files
-
-+ <i class="fas  fa-folder-open "></i> the `css` folder containing the custom `nhsr` theme files&lt;br&gt;.small[and an HTML file in charge of [adding the NHS logo to each slide](https://www.garrickadenbuie.com/blog/xaringan-tip-logo-all-slides)]
-]
-] &lt;!----&gt;
-
-.panel[.panel-name[YAML 1]
-
-```r
-title: "Presentation title"
-subtitle: "Presentation subtitle"
-author: "Author Name"
-institute: "NHS Organisation"
-date: "Presentation Date"
-output:
-  xaringan::moon_reader:               # new kind of output!
-    css:                               
-     -default                          # default xaringan theme CSS file
-     -css/nhsr.css                     # custom primary CSS file
-     -css/nhsr-fonts.css               # custom font CSS file
-```
-] &lt;!----&gt;
-
-.panel[.panel-name[YAML 2]
-More options for output `xaringan::moon_reader`
-
-```r
-    lib_dir: libs                        # creates directory for libraries
-    seal: false                          # false: custom title slide
-    nature:
-      highlightStyle: googlecode         # highlighting syntax for code
-      highlightLines: true               # true: enables code line highlighting 
-      highlightLanguage: ["r"]           # languages to highlight
-      countIncrementalSlides: false      # false: disables counting of incremental slides
-      ratio: "16:9"                      # 4:3 for standard size
-    includes:
-      after_body: [css/insert-logo.html] # adds NHS logo to slides (you can ignore it)
-```
-] &lt;!----&gt;
-
-.panel[.panel-name[Extra info]
-- `seal: true` creates a title slide with inverse colors using metadata from your YAML
-
-- Other [highlightStyle options](https://github.com/gnab/remark/wiki/Configuration#highlighting) from **remark.js** are:
-
-  + `arta`, `ascetic`, `dark`, `default`, `far`, `github`, `googlecode`,   `idea`, `ir-black`, `magula`, `monokai`, `rainbow`, `solarized-dark`, `solarized-light`, `sunburst`, `tomorrow`, `tomorrow-night-blue`, `tomorrow-night-bright`, `tomorrow-night`, `tomorrow-night-eighties`, `vs`, `zenburn`.
-] &lt;!----&gt;
-] &lt;!--end of panelset--&gt;
-
----
-name: live-coding
-background-color: var(--my-yellow)
-class: middle, center
-
-<i class="fas  fa-code fa-3x " style="color:#122140;"></i>&lt;br&gt;
-# Let's try it live together
-
----
-## Our first few slides
-
-<i class="fas  fa-star " style="color:#e5bf00;"></i> Slide content starts immediately after the YAML `---`
-
-.pull-left-narrow[
-The .my-coral[nhsrtheme] xaringan template comes pre-loaded with a few things
-]
-.pull-right-wide[
-- .my-coral[A `setup` chunk] with a few libraries and some chunk options set for the whole slide deck
-
-- Some example slides separated by three dashes (`---`)
-  1. .my-coral[Title slide with the `title-slide` class.]&lt;br&gt;Content is aligned with the `left` and the `bottom` of the slide
-  1. .my-coral[Inverse slide with the `inverse` slide class.]&lt;br&gt;Content is aligned with `middle` and `center` of the slide
-  1. .my-coral[Incremental slides with no specified slide class (default).]&lt;br&gt;Incremental steps are made using two dashes (`--`), and bullet points made using markdown (`*`)
-]
-
----
-.panelset[
-
-.panel[.panel-name[Moon Reader]
-To view the slides generated by your new Rmd file, you have two options:
-
-**Option 1**. Run xaringan's infinite moon reader function in the console 🚀 
-
-```r
-xaringan::inf_mr()
-```
-
-&gt; .small[Note: you can also access this feature using the IDE toolbar: **Addins &gt; XARINGAN Infinite Moon Reader**]
-
-**Option 2**. Knit the document 🧶 
-
-] &lt;!----&gt;
-
-.panel[.panel-name[Setup chunk]
-.pull-left-narrow[
-A `setup` chunk with a few libraries and some chunk options set for the whole slide deck
-]
-.pull-right-wide[
-![](img/code-setup-chunk.png)
-]
-] &lt;!----&gt;
-
-.panel[.panel-name[Title slide]
-
-.pull-left[
-### Code
-![](img/code-title-slide.png)
-This is the very first slide after the YAML so it doesn't need to begin with `---`]
-.pull-right[
-### Slide
-&lt;img src="img/sample-title-slide.png" width="100%" 
-style="border:2px solid #E8EDEE"/&gt; 
-]
-] &lt;!----&gt;
-.panel[.panel-name[Inverse slide]
-
-.pull-left[
-### Code
-![](img/code-inverse-slide.png)]
-
-.pull-right[
-### Slide
-&lt;img src="img/sample-inverse-slide.png" width="100%" 
-style="border:0px solid #E8EDEE"/&gt; 
-]
-] &lt;!----&gt;
-.panel[.panel-name[Incremental slides]
-
-.pull-left[
-### Code
-![](img/code-incremental-slides.png)]
-
-.pull-right[
-### Slide
-&lt;img src="img/sample-incremental-slides.png" width="100%" style="border:2px solid #E8EDEE"/&gt; 
-]
-] &lt;!----&gt;
-]&lt;!--end of panelset--&gt;
-
----
-# xaringan syntax
-
-### What did you notice?
-
-???
-What about the syntax used in the R Markdown file looked familiar?
-Please type your answers in the chat box.
-
---
-
-.pull-left[
-
-### Familiar from **markdown**
-
-- Headings (#, ##, ###)
-- **Bold** and _italic_ type
-- Links and images with `![]()`
-- Bullet points can be added&lt;br&gt;with `-`, `+`, or `-`
-- Numbered lists can be created&lt;br&gt;with `1.`
-]
-
-???
-What about the syntax looked new or different?
-Please type your answers in the chat box.
-
---
-
-.pull-right[
-### Not so familiar, from **remark.js**
-- First slide starts immediately after YAML, doesn't need to begin with three dashes(`---`)
-- Slides are separated by&lt;br&gt;three dashes (`---`)
-- Incremental slides are separated by&lt;br&gt;two dashes (`--`)
-- Slide content is separated from presenter notes by three questions marks (`???`)
-]
-
----
-template: question
-
-<i class="fas  fa-magic fa-3x "></i>
-# How can we make our slides&lt;br&gt;look more interesting???
-
---
-
-----
-
-.left-col[.center[
-<i class="fas  fa-th-large fa-2x "></i>
-### with placement
-]]
-
---
-
-.center-col[
-.center[
-<i class="fas  fa-image fa-2x "></i>
-### pretty pictures
-]]
-
---
-
-.right-col[.center[
-&lt;i class="fas fa-star fa-2x"&gt;&lt;/i&gt;
-### and icons
-]]
-
----
-name: placement
-## Layouts &lt;i class="fas fa-th-large" style = "float: right"&gt;&lt;/i&gt;
-
----
-template: placement
-
-### Align an entire slide
-
-.left-column[
-
-Horizontally
-
-```r
-left,
-*center,
-right
-```
-
-----
-
-Vertically
-
-```r
-top, 
-*middle, 
-bottom 
-```
-]
-
---
-
-.right-column[
-
-```r
----
-
-*class: center, middle
-
-# Slide with centered content in the middle
-
-This content is also centered and in the middle of the slide 
-
----
-```
-
-]
-
----
-class: center, middle
-
-# Slide with centered content and aligned with the middle
-
-This content is also centered and aligned with the middle of the slide
-
-
----
-template: placement
-
-### Align only some text
-
-.left-column[
-Horizontal only
-
-```r
-*.left[words]
-.center[words]
-*.right[words]
-```
-]
-
---
-
-.right-column[
-```r
----
-
-class: center, middle 
-
-# Slide with some text aligned
-
-*.left[We can start writing a sentence on the left...]
-
-*.right[and end on the right.]
-
----
-```
-]
-
----
-class: center, middle
-
-# Slide with some text aligned
-
-.left[We can start writing a sentence on the left...]
-
-.right[...and finish it on the right.]
-
----
-template: placement
-
-### Pull content to either side of the slide
-
-.pull-left[
-**The `.pull-left[]` class pulls content to&lt;br&gt;the left 47%**
-
-Like the text above and&lt;br&gt;the hex sticker below
-
-![:scale 30%](img/hex-rmarkdown.png)
-]
-
---
-
-.pull-right[
-**And `.pull-right[]` pulls content to&lt;br&gt;the right 47%**
-
-You've already seen these content classes&lt;br&gt;in action today 😄
-&lt;br&gt;
-
-![:scale 30%](img/hex-xaringan.png)
-
-]
-
---
-
-They don't have to take up the entire slide. Like for this text, you can decide to continue creating content that isn't pulled to either side.
-
----
-template: placement
-
-### Arrange content into a two-column layout
-
-.left-column[
-**`.left-column[]` places content into a column 20% wid**
-
-And text is a little lighter
-]
-
---
-
-.right-column[
-**`.right-column[]` places content into a column 75% wide**
-- It also has a _little_ bit of padding on the top
-
-- And unlike the `.pull` content classes, these column classes are fixed for the entire slide
-- They are meant to be used together
-
-.center[
-![:scale 20%](img/hex-xaringan.png)]
-]
-
----
-name: pictures
-## Pictures &lt;i class="fas fa-image" style = "float: right"&gt;&lt;/i&gt;
-
----
-template: pictures
-
-There are a variety of ways to add images to your slides!
-
-.panelset[
-.panel[.panel-name[Markdown]
-.pull-left[
-
-`![](img/camera-green.jpg)`
-- simple
-- not very flexible
-- output size fully dependent on the size of the image, but scaling can be managed [using custom macros (JavaScript functions) ](https://slides.yihui.org/xaringan/#33)
- 
-.small[
-Photo by [Annie Spratt](https://unsplash.com/@anniespratt)]
-]
-
-.pull-right[
-![](img/camera-green.jpg)
-]
-] &lt;!----&gt;
-
-.panel[.panel-name[knitr]
-
-.pull-left[
-
-`knitr::include_graphics("img/camera-green.jpg")`
-- pretty flexible
-- a little bulky
-- more options [here](https://www.rdocumentation.org/packages/knitr/versions/1.30/topics/include_graphics)
-]
-
-.pull-right[
-&lt;img src="img/camera-green.jpg" width="90%" /&gt;
-]
-
-] &lt;!----&gt;
-
-.panel[.panel-name[HTML]
-.pull-left[
-`&lt;img src="img/camera-green.jpg" width="90%"/&gt;`
-- most flexible
-- a bit unsightly
-- takes time to [get used to syntax](https://www.w3schools.com/html/html_images.asp)
-
-.small[To insert an avatar: `&lt;img style="border-radius: 50%;" src="https://insertweblink.here" width="170px"/&gt;`]
-]
-
-.pull-right[
-&lt;img src="img/camera-green.jpg" width="90%"/&gt;
-]
-
-] &lt;!----&gt;
-
-.panel[.panel-name[Background]
-
-You can use the [background-image property](https://github.com/gnab/remark/wiki/Markdown#background-image) just like classes
-
-.pull-left[
-- `background-image: url(https://some.pretty.picture)`
-- `background-size:`
-    - `cover` --&gt; rescales + crops with no empty space
-    - `contain` --&gt; rescales only
-- `background-position:` play with [this](https://css-tricks.com/almanac/properties/b/background-position/)
-]
-
-.pull-right[
-Image from a url:&lt;br&gt;`url(https://unsplash.com/photos/ihDcta7Kvqg)`
-
-Local image, use relative file paths: `url(img/camera-green.jpg)`
-
-.my-coral[now, let's see `background-size` examples in action! <i class="fas  fa-arrow-circle-right "></i> ]
-]
-
-] &lt;!----&gt;
-
-] &lt;!--end of panelset--&gt;
-
----
-background-image: url(img/camera-green.jpg)
-class: inverse, middle, center
-
-# **No background-size**
-**Image size: 3999x3005**
-
----
-background-image: url(img/camera-green.jpg)
-background-size: cover
-class: inverse, middle, center
-
-# **Cover**
-
----
-background-image: url(img/camera-green.jpg)
-background-size: contain
-background-color: white
-class: inverse, middle, center
-
-# **Contain**
-
----
-class: left
-name: icons
-## Icons &lt;i class="fas fa-star" style = "float: right"&gt;&lt;/i&gt;
-
---
-
-.pull-left-narrow[.center[
-😄&lt;br&gt;
-[Emojis](https://github.com/hadley/emo#emoji)
-]]
-.pull-right-wide[
-Use the [emo(ji) 📦](https://github.com/hadley/emo#emoji):&lt;br&gt;
-Icon on the left: ` r emo::ji("smile")` (surrounded by backticks `)
-]
-
---
-
-.pull-left-narrow[.center[
-&lt;i class="fas fa-brain"&gt;&lt;/i&gt;
-&lt;br&gt;
-[FontAwesome](https://fontawesome.com/icons?d=gallery&amp;c=medical&amp;m=free)
-]]
-
-.pull-right-wide[
-Copy and paste html directly from the website:&lt;br&gt;`&lt;i class="fas fa-brain"&gt;&lt;/i&gt;`&lt;br&gt;
-Use the [icon 📦](https://slides.mitchelloharawild.com/icon/): ` r icon::fa("brain")`,&lt;br&gt;or the [fontawesome 📦](https://github.com/rstudio/fontawesome#the-fontawesome-package): ` r fontawesome:fa("brain")`
-]
-
---
-
-.pull-left-narrow[.center[
-<i class="ai  ai-orcid "></i>&lt;br&gt;
-[Academicons](https://jpswalsh.github.io/academicons/)
-]]
-.pull-right-wide[
-The easiest way to access them is with the icon 📦:&lt;br&gt;` r icon::fa("orcid")`
-]
-
---
-
-.pull-left-narrow[.center[
-<i class="ion  ion-ios-flask-outline "></i>&lt;br&gt;
-[Ionicons](https://ionicons.com/)
-]]
-.pull-right-wide[
-I haven't had as much luck with these, but you can use the icon 📦 here as well: ` r icon::ii("ios-flask-outline")`
-]
----
-name: your-turn
-background-color: var(--my-red)
-class: inverse
-
-.left-column[
-## Your turn&lt;br&gt;<i class="fas  fa-edit "></i>&lt;br&gt;
-### .my-pink[10:00 mins]
-]
-
-.right-column[
-### Make an "about me" slide
-
-----
-
-Think about including details like your&lt;br&gt;name, affiliation, location, and/or contact information
-
-Here are some options to consider
-- practice [moving content around](#placement) the slide
-- separate content with a horizontal bar `----`
-- [add an image](#pictures) or photo
-- link to sites and/or social media
-- add some [icons](#icons)!
-- see [my about me slide](#about-me) for ideas
-]
-
----
-template: question
-
-<i class="fab  fa-r-project fa-3x "></i>
-# What about R content?
-
---
-
-----
-
-.pull-left[.center[
-<i class="fas  fa-table fa-2x "></i>
-### tables
-]]
-
---
-
-.pull-right[
-.center[
-<i class="fas  fa-chart-bar fa-2x "></i>
-### plots
-]]
-
----
-name: tables
-## Tables &lt;i class="fas fa-table" style = "float: right"&gt;&lt;/i&gt;
-
----
-template: tables
-
-### Direct output
-
-----
-
-
-```r
-NHSRdatasets::LOS_model %&gt;%
-  head()
-## # A tibble: 6 x 5
-##      ID Organisation   Age   LOS Death
-##   &lt;int&gt; &lt;ord&gt;        &lt;int&gt; &lt;int&gt; &lt;int&gt;
-## 1     1 Trust1          55     2     0
-## 2     2 Trust2          27     1     0
-## 3     3 Trust3          93    12     0
-## 4     4 Trust4          45     3     1
-## 5     5 Trust5          70    11     0
-## 6     6 Trust6          60     7     0
-```
-
-.footnote[We're using the [NHSRdatasets 📦](https://github.com/nhs-r-community/NHSRdatasets#nhs-r-community-datasets-) here! It was developed by Chris Mainey and contains a few datasets to use for practice.]
-
----
-template: tables
-
-### HTML table
-
-----
-.pull-left[
-
-```r
-NHSRdatasets::LOS_model %&gt;%
-  head() %&gt;%
-  knitr::kable(format = "html")
-```
-]
-
-.pull-right[
-&lt;table&gt;
- &lt;thead&gt;
-  &lt;tr&gt;
-   &lt;th style="text-align:right;"&gt; ID &lt;/th&gt;
-   &lt;th style="text-align:left;"&gt; Organisation &lt;/th&gt;
-   &lt;th style="text-align:right;"&gt; Age &lt;/th&gt;
-   &lt;th style="text-align:right;"&gt; LOS &lt;/th&gt;
-   &lt;th style="text-align:right;"&gt; Death &lt;/th&gt;
-  &lt;/tr&gt;
- &lt;/thead&gt;
-&lt;tbody&gt;
-  &lt;tr&gt;
-   &lt;td style="text-align:right;"&gt; 1 &lt;/td&gt;
-   &lt;td style="text-align:left;"&gt; Trust1 &lt;/td&gt;
-   &lt;td style="text-align:right;"&gt; 55 &lt;/td&gt;
-   &lt;td style="text-align:right;"&gt; 2 &lt;/td&gt;
-   &lt;td style="text-align:right;"&gt; 0 &lt;/td&gt;
-  &lt;/tr&gt;
-  &lt;tr&gt;
-   &lt;td style="text-align:right;"&gt; 2 &lt;/td&gt;
-   &lt;td style="text-align:left;"&gt; Trust2 &lt;/td&gt;
-   &lt;td style="text-align:right;"&gt; 27 &lt;/td&gt;
-   &lt;td style="text-align:right;"&gt; 1 &lt;/td&gt;
-   &lt;td style="text-align:right;"&gt; 0 &lt;/td&gt;
-  &lt;/tr&gt;
-  &lt;tr&gt;
-   &lt;td style="text-align:right;"&gt; 3 &lt;/td&gt;
-   &lt;td style="text-align:left;"&gt; Trust3 &lt;/td&gt;
-   &lt;td style="text-align:right;"&gt; 93 &lt;/td&gt;
-   &lt;td style="text-align:right;"&gt; 12 &lt;/td&gt;
-   &lt;td style="text-align:right;"&gt; 0 &lt;/td&gt;
-  &lt;/tr&gt;
-  &lt;tr&gt;
-   &lt;td style="text-align:right;"&gt; 4 &lt;/td&gt;
-   &lt;td style="text-align:left;"&gt; Trust4 &lt;/td&gt;
-   &lt;td style="text-align:right;"&gt; 45 &lt;/td&gt;
-   &lt;td style="text-align:right;"&gt; 3 &lt;/td&gt;
-   &lt;td style="text-align:right;"&gt; 1 &lt;/td&gt;
-  &lt;/tr&gt;
-  &lt;tr&gt;
-   &lt;td style="text-align:right;"&gt; 5 &lt;/td&gt;
-   &lt;td style="text-align:left;"&gt; Trust5 &lt;/td&gt;
-   &lt;td style="text-align:right;"&gt; 70 &lt;/td&gt;
-   &lt;td style="text-align:right;"&gt; 11 &lt;/td&gt;
-   &lt;td style="text-align:right;"&gt; 0 &lt;/td&gt;
-  &lt;/tr&gt;
-  &lt;tr&gt;
-   &lt;td style="text-align:right;"&gt; 6 &lt;/td&gt;
-   &lt;td style="text-align:left;"&gt; Trust6 &lt;/td&gt;
-   &lt;td style="text-align:right;"&gt; 60 &lt;/td&gt;
-   &lt;td style="text-align:right;"&gt; 7 &lt;/td&gt;
-   &lt;td style="text-align:right;"&gt; 0 &lt;/td&gt;
-  &lt;/tr&gt;
-&lt;/tbody&gt;
-&lt;/table&gt;
-]
-
----
-template: tables
-
-### DT table
-
-----
-
-
-```r
-NHSRdatasets::LOS_model %&gt;%
-  head() %&gt;%
-  DT::datatable()
-```
-
-<div id="htmlwidget-1b0d6dca1d92066b198a" style="width:100%;height:auto;" class="datatables html-widget"></div>
-<script type="application/json" data-for="htmlwidget-1b0d6dca1d92066b198a">{"x":{"filter":"none","data":[["1","2","3","4","5","6"],[1,2,3,4,5,6],["Trust1","Trust2","Trust3","Trust4","Trust5","Trust6"],[55,27,93,45,70,60],[2,1,12,3,11,7],[0,0,0,1,0,0]],"container":"<table class=\"display\">\n  <thead>\n    <tr>\n      <th> <\/th>\n      <th>ID<\/th>\n      <th>Organisation<\/th>\n      <th>Age<\/th>\n      <th>LOS<\/th>\n      <th>Death<\/th>\n    <\/tr>\n  <\/thead>\n<\/table>","options":{"columnDefs":[{"className":"dt-right","targets":[1,3,4,5]},{"orderable":false,"targets":0}],"order":[],"autoWidth":false,"orderClasses":false}},"evals":[],"jsHooks":[]}</script>
-
----
-template: tables
-
-### GT table
-
-----
-
-.pull-left[
-
-```r
-NHSRdatasets::LOS_model %&gt;%
-  head() %&gt;%
-  gt::gt()
-```
-]
-
-.pull-right[
-<style>html {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif;
-}
-
-#drnhktqzan .gt_table {
-  display: table;
-  border-collapse: collapse;
-  margin-left: auto;
-  margin-right: auto;
-  color: #333333;
-  font-size: 16px;
-  font-weight: normal;
-  font-style: normal;
-  background-color: #FFFFFF;
-  width: auto;
-  border-top-style: solid;
-  border-top-width: 2px;
-  border-top-color: #A8A8A8;
-  border-right-style: none;
-  border-right-width: 2px;
-  border-right-color: #D3D3D3;
-  border-bottom-style: solid;
-  border-bottom-width: 2px;
-  border-bottom-color: #A8A8A8;
-  border-left-style: none;
-  border-left-width: 2px;
-  border-left-color: #D3D3D3;
-}
-
-#drnhktqzan .gt_heading {
-  background-color: #FFFFFF;
-  text-align: center;
-  border-bottom-color: #FFFFFF;
-  border-left-style: none;
-  border-left-width: 1px;
-  border-left-color: #D3D3D3;
-  border-right-style: none;
-  border-right-width: 1px;
-  border-right-color: #D3D3D3;
-}
-
-#drnhktqzan .gt_title {
-  color: #333333;
-  font-size: 125%;
-  font-weight: initial;
-  padding-top: 4px;
-  padding-bottom: 4px;
-  border-bottom-color: #FFFFFF;
-  border-bottom-width: 0;
-}
-
-#drnhktqzan .gt_subtitle {
-  color: #333333;
-  font-size: 85%;
-  font-weight: initial;
-  padding-top: 0;
-  padding-bottom: 4px;
-  border-top-color: #FFFFFF;
-  border-top-width: 0;
-}
-
-#drnhktqzan .gt_bottom_border {
-  border-bottom-style: solid;
-  border-bottom-width: 2px;
-  border-bottom-color: #D3D3D3;
-}
-
-#drnhktqzan .gt_col_headings {
-  border-top-style: solid;
-  border-top-width: 2px;
-  border-top-color: #D3D3D3;
-  border-bottom-style: solid;
-  border-bottom-width: 2px;
-  border-bottom-color: #D3D3D3;
-  border-left-style: none;
-  border-left-width: 1px;
-  border-left-color: #D3D3D3;
-  border-right-style: none;
-  border-right-width: 1px;
-  border-right-color: #D3D3D3;
-}
-
-#drnhktqzan .gt_col_heading {
-  color: #333333;
-  background-color: #FFFFFF;
-  font-size: 100%;
-  font-weight: normal;
-  text-transform: inherit;
-  border-left-style: none;
-  border-left-width: 1px;
-  border-left-color: #D3D3D3;
-  border-right-style: none;
-  border-right-width: 1px;
-  border-right-color: #D3D3D3;
-  vertical-align: bottom;
-  padding-top: 5px;
-  padding-bottom: 6px;
-  padding-left: 5px;
-  padding-right: 5px;
-  overflow-x: hidden;
-}
-
-#drnhktqzan .gt_column_spanner_outer {
-  color: #333333;
-  background-color: #FFFFFF;
-  font-size: 100%;
-  font-weight: normal;
-  text-transform: inherit;
-  padding-top: 0;
-  padding-bottom: 0;
-  padding-left: 4px;
-  padding-right: 4px;
-}
-
-#drnhktqzan .gt_column_spanner_outer:first-child {
-  padding-left: 0;
-}
-
-#drnhktqzan .gt_column_spanner_outer:last-child {
-  padding-right: 0;
-}
-
-#drnhktqzan .gt_column_spanner {
-  border-bottom-style: solid;
-  border-bottom-width: 2px;
-  border-bottom-color: #D3D3D3;
-  vertical-align: bottom;
-  padding-top: 5px;
-  padding-bottom: 6px;
-  overflow-x: hidden;
-  display: inline-block;
-  width: 100%;
-}
-
-#drnhktqzan .gt_group_heading {
-  padding: 8px;
-  color: #333333;
-  background-color: #FFFFFF;
-  font-size: 100%;
-  font-weight: initial;
-  text-transform: inherit;
-  border-top-style: solid;
-  border-top-width: 2px;
-  border-top-color: #D3D3D3;
-  border-bottom-style: solid;
-  border-bottom-width: 2px;
-  border-bottom-color: #D3D3D3;
-  border-left-style: none;
-  border-left-width: 1px;
-  border-left-color: #D3D3D3;
-  border-right-style: none;
-  border-right-width: 1px;
-  border-right-color: #D3D3D3;
-  vertical-align: middle;
-}
-
-#drnhktqzan .gt_empty_group_heading {
-  padding: 0.5px;
-  color: #333333;
-  background-color: #FFFFFF;
-  font-size: 100%;
-  font-weight: initial;
-  border-top-style: solid;
-  border-top-width: 2px;
-  border-top-color: #D3D3D3;
-  border-bottom-style: solid;
-  border-bottom-width: 2px;
-  border-bottom-color: #D3D3D3;
-  vertical-align: middle;
-}
-
-#drnhktqzan .gt_from_md > :first-child {
-  margin-top: 0;
-}
-
-#drnhktqzan .gt_from_md > :last-child {
-  margin-bottom: 0;
-}
-
-#drnhktqzan .gt_row {
-  padding-top: 8px;
-  padding-bottom: 8px;
-  padding-left: 5px;
-  padding-right: 5px;
-  margin: 10px;
-  border-top-style: solid;
-  border-top-width: 1px;
-  border-top-color: #D3D3D3;
-  border-left-style: none;
-  border-left-width: 1px;
-  border-left-color: #D3D3D3;
-  border-right-style: none;
-  border-right-width: 1px;
-  border-right-color: #D3D3D3;
-  vertical-align: middle;
-  overflow-x: hidden;
-}
-
-#drnhktqzan .gt_stub {
-  color: #333333;
-  background-color: #FFFFFF;
-  font-size: 100%;
-  font-weight: initial;
-  text-transform: inherit;
-  border-right-style: solid;
-  border-right-width: 2px;
-  border-right-color: #D3D3D3;
-  padding-left: 12px;
-}
-
-#drnhktqzan .gt_summary_row {
-  color: #333333;
-  background-color: #FFFFFF;
-  text-transform: inherit;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  padding-left: 5px;
-  padding-right: 5px;
-}
-
-#drnhktqzan .gt_first_summary_row {
-  padding-top: 8px;
-  padding-bottom: 8px;
-  padding-left: 5px;
-  padding-right: 5px;
-  border-top-style: solid;
-  border-top-width: 2px;
-  border-top-color: #D3D3D3;
-}
-
-#drnhktqzan .gt_grand_summary_row {
-  color: #333333;
-  background-color: #FFFFFF;
-  text-transform: inherit;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  padding-left: 5px;
-  padding-right: 5px;
-}
-
-#drnhktqzan .gt_first_grand_summary_row {
-  padding-top: 8px;
-  padding-bottom: 8px;
-  padding-left: 5px;
-  padding-right: 5px;
-  border-top-style: double;
-  border-top-width: 6px;
-  border-top-color: #D3D3D3;
-}
-
-#drnhktqzan .gt_striped {
-  background-color: rgba(128, 128, 128, 0.05);
-}
-
-#drnhktqzan .gt_table_body {
-  border-top-style: solid;
-  border-top-width: 2px;
-  border-top-color: #D3D3D3;
-  border-bottom-style: solid;
-  border-bottom-width: 2px;
-  border-bottom-color: #D3D3D3;
-}
-
-#drnhktqzan .gt_footnotes {
-  color: #333333;
-  background-color: #FFFFFF;
-  border-bottom-style: none;
-  border-bottom-width: 2px;
-  border-bottom-color: #D3D3D3;
-  border-left-style: none;
-  border-left-width: 2px;
-  border-left-color: #D3D3D3;
-  border-right-style: none;
-  border-right-width: 2px;
-  border-right-color: #D3D3D3;
-}
-
-#drnhktqzan .gt_footnote {
-  margin: 0px;
-  font-size: 90%;
-  padding: 4px;
-}
-
-#drnhktqzan .gt_sourcenotes {
-  color: #333333;
-  background-color: #FFFFFF;
-  border-bottom-style: none;
-  border-bottom-width: 2px;
-  border-bottom-color: #D3D3D3;
-  border-left-style: none;
-  border-left-width: 2px;
-  border-left-color: #D3D3D3;
-  border-right-style: none;
-  border-right-width: 2px;
-  border-right-color: #D3D3D3;
-}
-
-#drnhktqzan .gt_sourcenote {
-  font-size: 90%;
-  padding: 4px;
-}
-
-#drnhktqzan .gt_left {
-  text-align: left;
-}
-
-#drnhktqzan .gt_center {
-  text-align: center;
-}
-
-#drnhktqzan .gt_right {
-  text-align: right;
-  font-variant-numeric: tabular-nums;
-}
-
-#drnhktqzan .gt_font_normal {
-  font-weight: normal;
-}
-
-#drnhktqzan .gt_font_bold {
-  font-weight: bold;
-}
-
-#drnhktqzan .gt_font_italic {
-  font-style: italic;
-}
-
-#drnhktqzan .gt_super {
-  font-size: 65%;
-}
-
-#drnhktqzan .gt_footnote_marks {
-  font-style: italic;
-  font-size: 65%;
-}
-</style>
-<div id="drnhktqzan" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table">
-  
-  <thead class="gt_col_headings">
-    <tr>
-      <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">ID</th>
-      <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">Organisation</th>
-      <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">Age</th>
-      <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">LOS</th>
-      <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">Death</th>
-    </tr>
-  </thead>
-  <tbody class="gt_table_body">
-    <tr>
-      <td class="gt_row gt_center">1</td>
-      <td class="gt_row gt_center">Trust1</td>
-      <td class="gt_row gt_center">55</td>
-      <td class="gt_row gt_center">2</td>
-      <td class="gt_row gt_center">0</td>
-    </tr>
-    <tr>
-      <td class="gt_row gt_center">2</td>
-      <td class="gt_row gt_center">Trust2</td>
-      <td class="gt_row gt_center">27</td>
-      <td class="gt_row gt_center">1</td>
-      <td class="gt_row gt_center">0</td>
-    </tr>
-    <tr>
-      <td class="gt_row gt_center">3</td>
-      <td class="gt_row gt_center">Trust3</td>
-      <td class="gt_row gt_center">93</td>
-      <td class="gt_row gt_center">12</td>
-      <td class="gt_row gt_center">0</td>
-    </tr>
-    <tr>
-      <td class="gt_row gt_center">4</td>
-      <td class="gt_row gt_center">Trust4</td>
-      <td class="gt_row gt_center">45</td>
-      <td class="gt_row gt_center">3</td>
-      <td class="gt_row gt_center">1</td>
-    </tr>
-    <tr>
-      <td class="gt_row gt_center">5</td>
-      <td class="gt_row gt_center">Trust5</td>
-      <td class="gt_row gt_center">70</td>
-      <td class="gt_row gt_center">11</td>
-      <td class="gt_row gt_center">0</td>
-    </tr>
-    <tr>
-      <td class="gt_row gt_center">6</td>
-      <td class="gt_row gt_center">Trust6</td>
-      <td class="gt_row gt_center">60</td>
-      <td class="gt_row gt_center">7</td>
-      <td class="gt_row gt_center">0</td>
-    </tr>
-  </tbody>
-  
-  
-</table></div>
-]
-.footnote[Make sure to check out the [GT package workshop](https://github.com/nhs-r-community/Conference_2020#workshop-sessions) tomorrow!]
----
-name: plots
-## Plots &lt;i class="fas fa-chart-bar" style = "float: right"&gt;&lt;/i&gt;
-
----
-template: plots
-
-.pull-left[
-### Code
-
-----
-
-
-```r
-NHSRdatasets::LOS_model %&gt;%
-  ggplot(aes(x = Age, y = Organisation)) +
-  geom_boxplot(aes(fill = Organisation)) +
-  nhsrtheme::scale_fill_nhs("highlights")
-```
-]
-
-.pull-right[
-
-### Plot
-
-----
-
-![](test-default_files/figure-html/unnamed-chunk-16-1.png)&lt;!-- --&gt;
-
-]
-
-.footnote[Note the use of the [nhsrtheme 📦](https://github.com/nhs-r-community/nhsrtheme#nhs-r-theme-) here! It was developed by Tom Jemmett and contains a few different colour palettes based on the NHS identity guidelines]
----
-template: plots
-name: alison-tips
-
-### Great tips here from Alison Hill
-
-&lt;iframe src="https://rstudio-education.github.io/teaching-in-production/slides/index.html#46" width="100%" height="400px"&gt;&lt;/iframe&gt;
-
----
-name: your-turn
-background-color: var(--my-red)
-class: inverse
-
-.left-column[
-## Your turn&lt;br&gt;<i class="fas  fa-edit "></i>&lt;br&gt;
-### .my-pink[10:00 mins]
-]
-
-.right-column[
-### Make a new slide and practice&lt;br&gt;adding some R content
-
-----
-
-Here are some options to consider
-- add a [table](#tables)
-- add a [plot](#plots)
-- try [arranging content](#alison-tips) to have code on one side and the output on the other
-]
-
----
-template: live-coding
-
-### Let's try deploying slides to GitHub!
-
----
-class: goodbye-slide, inverse, middle, left
-
-.pull-left[
-&lt;img style="border-radius: 50%;" src="https://silvia.rbind.io/authors/silvia/avatar.png" width="170px"/&gt;
-# Thank you!
-
-### Here's where you can find me...
-
-.right[
-[silvia.rbind.io <i class="fas  fa-link "></i>](https://silvia.rbind.io)&lt;br/&gt;
-[@spcanelon <i class="fab  fa-twitter "></i>](https://twitter.com/spcanelon)&lt;br/&gt;
-[@spcanelon <i class="fab  fa-github "></i>](https://github.com/spcanelon)&lt;br/&gt;
-]]
-    </textarea>
-<style data-target="print-only">@media screen {.remark-slide-container{display:block;}.remark-slide-scaler{box-shadow:none;}}</style>
-<script src="https://remarkjs.com/downloads/remark-latest.min.js"></script>
-<script>var slideshow = remark.create({
-"highlightStyle": "github",
-"highlightLines": true,
-"countIncrementalSlides": false
-});
-if (window.HTMLWidgets) slideshow.on('afterShowSlide', function (slide) {
-  window.dispatchEvent(new Event('resize'));
-});
-(function(d) {
-  var s = d.createElement("style"), r = d.querySelector(".remark-slide-scaler");
-  if (!r) return;
-  s.type = "text/css"; s.innerHTML = "@page {size: " + r.style.width + " " + r.style.height +"; }";
-  d.head.appendChild(s);
-})(document);
-
-(function(d) {
-  var el = d.getElementsByClassName("remark-slides-area");
-  if (!el) return;
-  var slide, slides = slideshow.getSlides(), els = el[0].children;
-  for (var i = 1; i < slides.length; i++) {
-    slide = slides[i];
-    if (slide.properties.continued === "true" || slide.properties.count === "false") {
-      els[i - 1].className += ' has-continuation';
-    }
-  }
-  var s = d.createElement("style");
-  s.type = "text/css"; s.innerHTML = "@media print { .has-continuation { display: none; } }";
-  d.head.appendChild(s);
-})(document);
-// delete the temporary CSS (for displaying all slides initially) when the user
-// starts to view slides
-(function() {
-  var deleted = false;
-  slideshow.on('beforeShowSlide', function(slide) {
-    if (deleted) return;
-    var sheets = document.styleSheets, node;
-    for (var i = 0; i < sheets.length; i++) {
-      node = sheets[i].ownerNode;
-      if (node.dataset["target"] !== "print-only") continue;
-      node.parentNode.removeChild(node);
-    }
-    deleted = true;
-  });
-})();
-(function() {
-  "use strict"
-  // Replace <script> tags in slides area to make them executable
-  var scripts = document.querySelectorAll(
-    '.remark-slides-area .remark-slide-container script'
-  );
-  if (!scripts.length) return;
-  for (var i = 0; i < scripts.length; i++) {
-    var s = document.createElement('script');
-    var code = document.createTextNode(scripts[i].textContent);
-    s.appendChild(code);
-    var scriptAttrs = scripts[i].attributes;
-    for (var j = 0; j < scriptAttrs.length; j++) {
-      s.setAttribute(scriptAttrs[j].name, scriptAttrs[j].value);
-    }
-    scripts[i].parentElement.replaceChild(s, scripts[i]);
-  }
-})();
-(function() {
-  var links = document.getElementsByTagName('a');
-  for (var i = 0; i < links.length; i++) {
-    if (/^(https?:)?\/\//.test(links[i].getAttribute('href'))) {
-      links[i].target = '_blank';
-    }
-  }
-})();
-// adds .remark-code-has-line-highlighted class to <pre> parent elements
-// of code chunks containing highlighted lines with class .remark-code-line-highlighted
-(function(d) {
-  const hlines = d.querySelectorAll('.remark-code-line-highlighted');
-  const preParents = [];
-  const findPreParent = function(line, p = 0) {
-    if (p > 1) return null; // traverse up no further than grandparent
-    const el = line.parentElement;
-    return el.tagName === "PRE" ? el : findPreParent(el, ++p);
-  };
-
-  for (let line of hlines) {
-    let pre = findPreParent(line);
-    if (pre && !preParents.includes(pre)) preParents.push(pre);
-  }
-  preParents.forEach(p => p.classList.add("remark-code-has-line-highlighted"));
-})(document);</script>
-
-<script>
-slideshow._releaseMath = function(el) {
-  var i, text, code, codes = el.getElementsByTagName('code');
-  for (i = 0; i < codes.length;) {
-    code = codes[i];
-    if (code.parentNode.tagName !== 'PRE' && code.childElementCount === 0) {
-      text = code.textContent;
-      if (/^\\\((.|\s)+\\\)$/.test(text) || /^\\\[(.|\s)+\\\]$/.test(text) ||
-          /^\$\$(.|\s)+\$\$$/.test(text) ||
-          /^\\begin\{([^}]+)\}(.|\s)+\\end\{[^}]+\}$/.test(text)) {
-        code.outerHTML = code.innerHTML;  // remove <code></code>
-        continue;
-      }
-    }
-    i++;
-  }
-};
-slideshow._releaseMath(document);
-</script>
-<!-- dynamically load mathjax for compatibility with self-contained -->
-<script>
-(function () {
-  var script = document.createElement('script');
-  script.type = 'text/javascript';
-  script.src  = 'https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-MML-AM_CHTML';
-  if (location.protocol !== 'file:' && /^https?:/.test(script.src))
-    script.src  = script.src.replace(/^https?:/, '');
-  document.getElementsByTagName('head')[0].appendChild(script);
-})();
-</script>
-  </body>
-</html>
diff --git a/theme.css b/theme.css
index 39e6bd4..f27dc84 100644
--- a/theme.css
+++ b/theme.css
@@ -116,3 +116,9 @@ d-byline .byline h3 {
 d-byline a:hover {
   text-decoration: underline;
 }
+
+/*-- Code --*/
+code, pre {
+    font-family: "Source Code Pro", "Lucida Console",
+    Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+}