Facta boxes

To display facta boxes (Before we start/Next steps), add an h3 title (with ###) and place {.facta .toc-ignore} after the title.

### Before you start {.facta .toc-ignore}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Before we start

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Tabbed sections

To display tabbed sections:

1. Add {.tabset .tabset-fade} to the section title (for example: ## Title {.tabset .tabset-fade} )
2. Use direct subsection title to add tabs (if section title is ##, use ### for each of the tabs)
3. End the whole tabbed section with an empty title of same level as the section titl (here ##) followed by {.toc-ignore}

## Tabbed Section - Example {.tabset .tabset-fade}

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

### Tab1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

### Tab2

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

### Tab3

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

## {.toc-ignore}

Tabbed Section - Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Tab1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Tab2

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tab3

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Headers

Headers are defined by #, ##, ###, ####, #####, ######; their font and color are coded by the css file.

# Header h1
## Header h2
### Header h3
#### Header h4
##### Header h5
###### Header h6

Header h1

Header h2

Header h3

Header h4

Header h5

Header h6

Displaying a shiny app

The following <iframe> tag places a shiny app in the webpage. FILENAME is the filename of the .Rmd file which makes the app. When you send me an Rmd file that codes for the app, I will try to produce a URL that include the name of that file

<iframe src ="https://bioceed.shinyapps.io/FILENAME/" height=800px width=110% />

The following code displays the app "Viz1-TheCode" created with learnr by the file "Viz1-TheCode.Rmd" and which is located at "https://bioceed.shinyapps.io/Viz1-TheCode/" 

<iframe src ="https://bioceed.shinyapps.io/Viz1-TheCode/" height=800px width=110% />

Starting an .Rmd file

Use the following code at the top of your file. Don’t define the title as it might be displayed with the table of contents. Note that you must have the file “style-chapters.css” in the folder “css” located in the same folder as your .Rmd file:

---
title: ""
output:
  html_document:
    highlight: tango
    toc: true
    toc_float: true
    css: css/style-chapters.css
---