https://github.com/koncina/iosp

IOSlides Plus
https://github.com/koncina/iosp

r rmarkdown slideshow

Last synced: 3 months ago
JSON representation

IOSlides Plus

• Host: GitHub
• URL: https://github.com/koncina/iosp
• Owner: koncina
• Created: 2016-11-27T11:14:27.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2020-11-20T08:13:43.000Z (almost 4 years ago)
• Last Synced: 2024-05-21T02:53:49.434Z (6 months ago)
• Topics: r, rmarkdown, slideshow
• Language: R
• Size: 555 KB
• Stars: 13
• Watchers: 5
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.Rmd

Awesome Lists containing this project

README

        
---

output: github_document

---

```{r, echo = FALSE}

knitr::opts_chunk$set(

  collapse = TRUE,

  comment = "#>",

  fig.path = "README-"

)

```

# IOSlides Plus

The goal of **iosp** is to extend [ioslides_presentation](http://rmarkdown.rstudio.com/ioslides_presentation_format.html) mainly using a customized `css`.

The main **features** are:

- easily create boxes with optional titles in the [bootstrap](http://getbootstrap.com/) fashion using third level headers (`###`)

- adjust the width and horizontal position (offset) of boxes

- define custom box background colours

- specify alignment of adjacent boxes (top / middle / bottom)

- prettier code highlighting

- easy footer with hyperlink

## Installation

You can install `iosp` from github with:

```{r gh-installation, eval = FALSE}

# install.packages("devtools")

devtools::install_github("koncina/iosp")

```

## Demo template

In **Rstudio**, create a new `Rmd` > From template > IOSlides Plus

The following `Rmd` code

```

## Slide with columns and boxes

IOSlides Plus extends `ioslides_presentation` and allows to easily create boxes:

### Box 1{.box-4 .bg-red}

Test 1

### Box 2{.box-6 .bg-green}

- line 1

- line 2

### Box 3{.box-6 .bg-blue}

This box has again a width of 6 col: it will be rendered in a new row.

%end%

We are able to exit the box, column and row using the keyword `%end%`.

```

will produce the output:

![](demo.png)

## Custom colours

see example with [box_colour](https://koncina.github.io/iosp/box_colours.html)

## Box colours gallery

see example with [box_colour_gallery](https://koncina.github.io/iosp/box_colours_gallery.html)