| @@ -12,10 +12,21 @@ knitr::opts_chunk$set( | |||
| ``` | |||
| # tinder4cancer | |||
|  | |||
| **Talking about your cancer treatment options is hard, but we're here to help.** | |||
| - [Demo App](http://bit.ly/t4cm-demo): <http://bit.ly/t4cm-demo> | |||
| Navigate to app from mobile browser. Tap *Share* button. Choose *Save to Home Screen*. | |||
| - [Demo app in HTML phone](http://bit.ly/t4c-demo-page) | |||
| ## Dependencies | |||
| ```{r} | |||
| ### R | |||
| ```{r eval=FALSE} | |||
| devtools::install_github("nstrayer/shinysense") | |||
| devtools::install_github("hrbrmstr/hrbrthemes") | |||
| install.packages("shinyjs") | |||
| @@ -33,3 +44,15 @@ pkgs <- c( | |||
| # install.packages(pkgs) | |||
| ``` | |||
| ### Web | |||
| This app uses: | |||
| - A modified version of [ion.rangeSlider](https://github.com/IonDen/ion.rangeSlider) | |||
| for custom styles that better match a mobile app. | |||
| - [Animate.css](https://daneden.github.io/animate.css/) for fancy transitions. | |||
| - [devices.css](https://marvelapp.github.io/devices.css/) for mobile app devices in pure CSS. | |||
| @@ -0,0 +1,53 @@ | |||
| <!-- README.md is generated from README.Rmd. Please edit that file --> | |||
| # tinder4cancer | |||
|  | |||
| **Talking about your cancer treatment options is hard, but we’re here to | |||
| help.** | |||
| - [Demo App](http://bit.ly/t4cm-demo): <http://bit.ly/t4cm-demo> | |||
| Navigate to app from mobile browser. Tap *Share* button. Choose | |||
| *Save to Home Screen*. | |||
| - [Demo app in HTML phone](http://bit.ly/t4c-demo-page) | |||
| ## Dependencies | |||
| ### R | |||
| ``` r | |||
| devtools::install_github("nstrayer/shinysense") | |||
| devtools::install_github("hrbrmstr/hrbrthemes") | |||
| install.packages("shinyjs") | |||
| # Also requires | |||
| pkgs <- c( | |||
| "htmlwidgets", | |||
| "shiny", | |||
| "dplyr", | |||
| "readxl", | |||
| "here", | |||
| "purrr", | |||
| "ggplot2" | |||
| ) | |||
| # install.packages(pkgs) | |||
| ``` | |||
| ### Web | |||
| This app uses: | |||
| - A modified version of | |||
| [ion.rangeSlider](https://github.com/IonDen/ion.rangeSlider) for | |||
| custom styles that better match a mobile app. | |||
| - [Animate.css](https://daneden.github.io/animate.css/) for fancy | |||
| transitions. | |||
| - [devices.css](https://marvelapp.github.io/devices.css/) for mobile | |||
| app devices in pure CSS. | |||