diff --git a/01-what-and-why.Rmd b/01-what-and-why.Rmd index 1efbada..ea7fb96 100644 --- a/01-what-and-why.Rmd +++ b/01-what-and-why.Rmd @@ -1,10 +1,12 @@ --- title: "What is Docker and Why should I use it?" output: - dcTemplate::dc_lesson_template: + html_document: + css: stylesheets/styles.css + template: stylesheets/default.html + highlight: pygments fig_width: 6 fig_height: 6 - highlight: pygments --- diff --git a/02-Launching-Docker.Rmd b/02-Launching-Docker.Rmd index 7bcd39c..280bad7 100644 --- a/02-Launching-Docker.Rmd +++ b/02-Launching-Docker.Rmd @@ -1,10 +1,12 @@ --- title: "Launching RStudio in Docker" output: - dcTemplate::dc_lesson_template: + html_document: + css: stylesheets/styles.css + template: stylesheets/default.html + highlight: pygments fig_width: 6 fig_height: 6 - highlight: pygments --- diff --git a/03-install-packages.Rmd b/03-install-packages.Rmd index 12c3dee..df2302d 100644 --- a/03-install-packages.Rmd +++ b/03-install-packages.Rmd @@ -1,10 +1,12 @@ --- title: "Installing R Packages" output: - dcTemplate::dc_lesson_template: + html_document: + css: stylesheets/styles.css + template: stylesheets/default.html + highlight: pygments fig_width: 6 fig_height: 6 - highlight: pygments --- diff --git a/04-Dockerhub.Rmd b/04-Dockerhub.Rmd index 37a8fe4..68af404 100644 --- a/04-Dockerhub.Rmd +++ b/04-Dockerhub.Rmd @@ -1,10 +1,12 @@ --- title: "Pushing and Pulling to and from Docker Hub" output: - dcTemplate::dc_lesson_template: + html_document: + css: stylesheets/styles.css + template: stylesheets/default.html + highlight: pygments fig_width: 6 fig_height: 6 - highlight: pygments --- diff --git a/04-commit.Rmd b/04-commit.Rmd index b085668..f27530d 100644 --- a/04-commit.Rmd +++ b/04-commit.Rmd @@ -1,10 +1,12 @@ --- title: "Committing Locally" output: - dcTemplate::dc_lesson_template: + html_document: + css: stylesheets/styles.css + template: stylesheets/default.html + highlight: pygments fig_width: 6 fig_height: 6 - highlight: pygments --- diff --git a/r-docker-tutorial.Rmd b/r-docker-tutorial.Rmd index f40d92a..05b44cd 100644 --- a/r-docker-tutorial.Rmd +++ b/r-docker-tutorial.Rmd @@ -1,10 +1,12 @@ --- title: "R Docker tutorial" output: - dcTemplate::dc_lesson_template: + html_document: + css: stylesheets/styles.css + template: stylesheets/default.html + highlight: pygments fig_width: 6 fig_height: 6 - highlight: pygments --- diff --git a/stylesheets/default.html b/stylesheets/default.html new file mode 100644 index 0000000..aa19a56 --- /dev/null +++ b/stylesheets/default.html @@ -0,0 +1,149 @@ + + + + + + + + + + + + +$for(author-meta)$ + +$endfor$ + +$if(date-meta)$ + +$endif$ + +$if(title-prefix)$$title-prefix$ - $endif$$pagetitle$ + +$for(header-includes)$ +$header-includes$ +$endfor$ + +$if(highlightjs)$ + + + + + +$endif$ + +$if(highlighting-css)$ + + + + +$endif$ + +$for(css)$ + +$endfor$ + + + + + +$if(theme)$ + +
+
+
+$endif$ + +$for(include-before)$ +$include-before$ +$endfor$ + +$if(title)$ +
+

$title$

+$if(subtitle)$ +

$subtitle$

+$endif$ +$for(author)$ +$if(author.name)$ +

$author.name$

+$if(author.affiliation)$ +
+$author.affiliation$
$endif$ +$if(author.email)$ +$author.email$ +
+$endif$ +$else$ +

$author$

+$endif$ +$endfor$ +$if(date)$ +

$date$

+$endif$ +
+$endif$ + +$if(toc)$ +
+$toc$ +
+$endif$ + +$body$ + +$for(include-after)$ +$include-after$ +$endfor$ + +$if(theme)$ +
+
+
+ + +$endif$ + + + + + \ No newline at end of file diff --git a/stylesheets/github-light.css b/stylesheets/github-light.css deleted file mode 100644 index 872a6f4..0000000 --- a/stylesheets/github-light.css +++ /dev/null @@ -1,116 +0,0 @@ -/* - Copyright 2014 GitHub Inc. - - Licensed under the Apache License, Version 2.0 (the "License"); - you may not use this file except in compliance with the License. - You may obtain a copy of the License at - - http://www.apache.org/licenses/LICENSE-2.0 - - Unless required by applicable law or agreed to in writing, software - distributed under the License is distributed on an "AS IS" BASIS, - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - See the License for the specific language governing permissions and - limitations under the License. - -*/ - -.pl-c /* comment */ { - color: #969896; -} - -.pl-c1 /* constant, markup.raw, meta.diff.header, meta.module-reference, meta.property-name, support, support.constant, support.variable, variable.other.constant */, -.pl-s .pl-v /* string variable */ { - color: #0086b3; -} - -.pl-e /* entity */, -.pl-en /* entity.name */ { - color: #795da3; -} - -.pl-s .pl-s1 /* string source */, -.pl-smi /* storage.modifier.import, storage.modifier.package, storage.type.java, variable.other, variable.parameter.function */ { - color: #333; -} - -.pl-ent /* entity.name.tag */ { - color: #63a35c; -} - -.pl-k /* keyword, storage, storage.type */ { - color: #a71d5d; -} - -.pl-pds /* punctuation.definition.string, string.regexp.character-class */, -.pl-s /* string */, -.pl-s .pl-pse .pl-s1 /* string punctuation.section.embedded source */, -.pl-sr /* string.regexp */, -.pl-sr .pl-cce /* string.regexp constant.character.escape */, -.pl-sr .pl-sra /* string.regexp string.regexp.arbitrary-repitition */, -.pl-sr .pl-sre /* string.regexp source.ruby.embedded */ { - color: #183691; -} - -.pl-v /* variable */ { - color: #ed6a43; -} - -.pl-id /* invalid.deprecated */ { - color: #b52a1d; -} - -.pl-ii /* invalid.illegal */ { - background-color: #b52a1d; - color: #f8f8f8; -} - -.pl-sr .pl-cce /* string.regexp constant.character.escape */ { - color: #63a35c; - font-weight: bold; -} - -.pl-ml /* markup.list */ { - color: #693a17; -} - -.pl-mh /* markup.heading */, -.pl-mh .pl-en /* markup.heading entity.name */, -.pl-ms /* meta.separator */ { - color: #1d3e81; - font-weight: bold; -} - -.pl-mq /* markup.quote */ { - color: #008080; -} - -.pl-mi /* markup.italic */ { - color: #333; - font-style: italic; -} - -.pl-mb /* markup.bold */ { - color: #333; - font-weight: bold; -} - -.pl-md /* markup.deleted, meta.diff.header.from-file */ { - background-color: #ffecec; - color: #bd2c00; -} - -.pl-mi1 /* markup.inserted, meta.diff.header.to-file */ { - background-color: #eaffea; - color: #55a532; -} - -.pl-mdr /* meta.diff.range */ { - color: #795da3; - font-weight: bold; -} - -.pl-mo /* meta.output */ { - color: #1d3e81; -} - diff --git a/stylesheets/styles.css b/stylesheets/styles.css index 2e1768e..2d73b28 100644 --- a/stylesheets/styles.css +++ b/stylesheets/styles.css @@ -1,324 +1,223 @@ -@font-face { - font-family: 'Noto Sans'; - font-weight: 400; - font-style: normal; - src: url('../fonts/Noto-Sans-regular/Noto-Sans-regular.eot'); - src: url('../fonts/Noto-Sans-regular/Noto-Sans-regular.eot?#iefix') format('embedded-opentype'), - local('Noto Sans'), - local('Noto-Sans-regular'), - url('../fonts/Noto-Sans-regular/Noto-Sans-regular.woff2') format('woff2'), - url('../fonts/Noto-Sans-regular/Noto-Sans-regular.woff') format('woff'), - url('../fonts/Noto-Sans-regular/Noto-Sans-regular.ttf') format('truetype'), - url('../fonts/Noto-Sans-regular/Noto-Sans-regular.svg#NotoSans') format('svg'); -} - -@font-face { - font-family: 'Noto Sans'; - font-weight: 700; - font-style: normal; - src: url('../fonts/Noto-Sans-700/Noto-Sans-700.eot'); - src: url('../fonts/Noto-Sans-700/Noto-Sans-700.eot?#iefix') format('embedded-opentype'), - local('Noto Sans Bold'), - local('Noto-Sans-700'), - url('../fonts/Noto-Sans-700/Noto-Sans-700.woff2') format('woff2'), - url('../fonts/Noto-Sans-700/Noto-Sans-700.woff') format('woff'), - url('../fonts/Noto-Sans-700/Noto-Sans-700.ttf') format('truetype'), - url('../fonts/Noto-Sans-700/Noto-Sans-700.svg#NotoSans') format('svg'); -} - -@font-face { - font-family: 'Noto Sans'; - font-weight: 400; - font-style: italic; - src: url('../fonts/Noto-Sans-italic/Noto-Sans-italic.eot'); - src: url('../fonts/Noto-Sans-italic/Noto-Sans-italic.eot?#iefix') format('embedded-opentype'), - local('Noto Sans Italic'), - local('Noto-Sans-italic'), - url('../fonts/Noto-Sans-italic/Noto-Sans-italic.woff2') format('woff2'), - url('../fonts/Noto-Sans-italic/Noto-Sans-italic.woff') format('woff'), - url('../fonts/Noto-Sans-italic/Noto-Sans-italic.ttf') format('truetype'), - url('../fonts/Noto-Sans-italic/Noto-Sans-italic.svg#NotoSans') format('svg'); -} - -@font-face { - font-family: 'Noto Sans'; - font-weight: 700; - font-style: italic; - src: url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot'); - src: url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot?#iefix') format('embedded-opentype'), - local('Noto Sans Bold Italic'), - local('Noto-Sans-700italic'), - url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff2') format('woff2'), - url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff') format('woff'), - url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.ttf') format('truetype'), - url('../fonts/Noto-Sans-700italic/Noto-Sans-700italic.svg#NotoSans') format('svg'); -} - -body { - background-color: #fff; - padding:50px; - font: 14px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; - color:#727272; - font-weight:400; -} - -h1, h2, h3, h4, h5, h6 { - color:#222; - margin:0 0 20px; -} - -p, ul, ol, table, pre, dl { - margin:0 0 20px; -} +/* html_docco CSS */ +/* This .css file was downloaded on June 13th, 2016 from https://github.com/karthik/dcTemplate/tree/master/inst/rmarkdown/templates/dc_lesson_template/resources developed by Karthik Ram and is under the GPL-3 license*/ -h1, h2, h3 { - line-height:1.1; -} +/* Inspired form the Docco project stylesheet : https://jashkenas.github.io/docco/ */ -h1 { - font-size:28px; -} +/* Fonts */ -h2 { - color:#393939; -} +@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700); +@import url(http://fonts.googleapis.com/css?family=Inconsolata); -h3, h4, h5, h6 { - color:#494949; +body { + font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; + background: #f0f0f0; + margin: 0; } -a { - color:#39c; - text-decoration:none; -} +/* Titles */ -a:hover { - color:#069; +h1, h2, h3, h4, h5, h6 { + color: #112233; + font-weight: 400; + font-family: 'PT Sans', sans-serif; + line-height: 1em; + margin-top: 50px; + font-size: 2.4em; } +h1.title { + font-weight: 700; + margin: 0 0 50px 0; + text-align: center; + font-size: 2.2em; -a small { - font-size:11px; - color:#777; - margin-top:-0.3em; - display:block; } - -a:hover small { - color:#777; +h2 { + font-size: 1.3em; } -.wrapper { - width:860px; - margin:0 auto; +a { + text-decoration:underline; } blockquote { - border-left:1px solid #e5e5e5; - margin:0; - padding:0 0 0 20px; - font-style:italic; -} + border-left: 5px solid #ccc; + margin-left: 0; + padding: 1px 0 1px 1em; +} +.page blockquote p { + /* font-family: Menlo, Consolas, Monaco, monospace;*/ + font-family: 'Inconsolata', ; + font-size: 16px; line-height: 19px; + color: #999; + margin: 10px 0 0; + white-space: pre-wrap; +} + +/* Code */ + +pre, tt, code { + /*font-family: Menlo, Consolas, Monaco, monospace;*/ + font-family: 'Inconsolata', ; + font-size: 16px; + display: inline-block; + border: 1px solid #EAEAEA; + background: #f8f8f8; + color: #555; + padding: 0 5px; + line-height: 20px; +} +.page pre { + margin: 0; + width: 96%; + padding: 1.5% 2%; + background: #fcfcfc; + -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.1); + -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1); + box-shadow: inset 0 0 10px rgba(0,0,0,0.1); + overflow-x: auto; +} +.page pre code { + border: 0; + padding: 0; + background: transparent; +} + + +/* Layout */ + +.main-container { + margin: 0 auto; + background: #f0f0f0; + overflow: hidden; +} +.page { + padding: 15px; + margin: 15px; + background: #fff; + font-size: 17px; + line-height: 26px; + -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); + -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); + box-shadow: 0 0 10px rgba(0,0,0,0.1); +} +.page p { + color: #30404f; + margin: 26px 0; +} + + +/* Images */ -code, pre { - font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace; - color:#333; - font-size:12px; +img { + margin: 5px auto 50px auto; } -pre { - padding:8px 15px; - background: #f8f8f8; - border-radius:5px; - border:1px solid #e5e5e5; - overflow-x: auto; +img.image-thumb { + width: 250px; + cursor: pointer; + border: 1px solid #CCC; + padding: 2px; } -table { - width:100%; - border-collapse:collapse; +.figure { + margin: 5px auto 30px auto; + display: block; } -th, td { - text-align:left; - padding:5px 10px; - border-bottom:1px solid #e5e5e5; +.figure img { + margin-bottom: 5px; } -dt { - color:#444; - font-weight:700; +.page .figure p.caption { + text-align: center; + font-style: italic; + font-size: 80%; + margin: 10px 0px; } -th { - color:#444; +img.mfp-img { + background-color: #FFFFFF; + padding: 0px; + margin: 40px 0px; } -img { - max-width:100%; -} -header { - width:270px; - float:left; - position:fixed; - -webkit-font-smoothing:subpixel-antialiased; -} +/* Tables */ -header ul { - list-style:none; - height:40px; - padding:0; - background: #f4f4f4; - border-radius:5px; - border:1px solid #e0e0e0; - width:270px; +.table { + margin: 25px auto 35px auto; + width: auto !important; + border-collapse: collapse; + border-spacing: 0; + border: 1px solid #CCC; + /* box-shadow: 0 0 0.5em #ddd; */ + font-size: 80%; } -header li { - width:89px; - float:left; - border-right:1px solid #e0e0e0; - height:40px; -} -header li:first-child a { - border-radius:5px 0 0 5px; +.table thead>tr { + background: #f0f0f0; + box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; } -header li:last-child a { - border-radius:0 5px 5px 0; +.table thead>tr>th { + font-weight: normal; + padding: 3px 15px !important; } -header ul a { - line-height:1; - font-size:11px; - color:#999; - display:block; - text-align:center; - padding-top:6px; - height:34px; +.table tbody>tr>td { + padding: 3px 15px !important; } -header ul a:hover { - color:#999; +.table tbody tr.even { + background: #f7f7f7; + box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; } -header ul a:active { - background-color:#f0f0f0; +.table tr.odd { + background: #FFF; } -strong { - color:#222; - font-weight:700; +.table tbody tr:hover { + background: #f5f5f5; + transition: all 0.1s ease-in-out; } -header ul li + li + li { - border-right:none; - width:89px; -} -header ul a strong { - font-size:14px; - display:block; - color:#222; +.tab-content .table { + margin-top: 0px; } -section { - width:500px; - float:right; - padding-bottom:50px; -} - -small { - font-size:11px; -} +/* Nav pills */ -hr { - border:0; - background:#e5e5e5; - height:1px; - margin:0 0 20px; +.nav-pills { + margin: 20px auto 10px auto; + font-size: 70%; + display: table; } -footer { - width:270px; - float:left; - position:fixed; - bottom:50px; - -webkit-font-smoothing:subpixel-antialiased; +.nav-pills li a { + padding: 3px 12px !important; + margin: 0px 3px !important; } -@media print, screen and (max-width: 960px) { - - div.wrapper { - width:auto; - margin:0; - } - - header, section, footer { - float:none; - position:static; - width:auto; - } - - header { - padding-right:320px; - } - - section { - border:1px solid #e5e5e5; - border-width:1px 0; - padding:20px 0; - margin:0 0 20px; - } - - header a small { - display:inline; - } - - header ul { - position:absolute; - right:50px; - top:52px; - } +.nav-pills li.active a, +.nav-pills li.active a:hover, +.nav-pills li.active a:focus +{ + background-color: #888; } -@media print, screen and (max-width: 720px) { - body { - word-wrap:break-word; - } - - header { - padding:0; - } - - header ul, header p.view { - position:static; - } - - pre, code { - word-wrap:normal; - } +.nav-pills li.active a:hover { + color: #FFF; } -@media print, screen and (max-width: 480px) { - body { - padding:15px; - } - header ul { - width:99%; - } - - header li, header ul li + li + li { - width:33%; - } -} +/* Chi-squared results */ -@media print { - body { - padding:0.4in; - font-size:12pt; - color:#444; - } +.page p.chisq-results { + margin: -20px auto 35px auto; + font-size: 70%; + font-style: italic; + display: table; }