-
Notifications
You must be signed in to change notification settings - Fork 19
/
99_documentation_links.Rmd
117 lines (82 loc) · 3.25 KB
/
99_documentation_links.Rmd
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
---
title: "Documentation / Reference"
subtitle: "For xaringan-style slide deck"
author: "John Little"
institute: "Duke University Libraries"
date: "2021/04/02"
output:
xaringan::moon_reader:
css: xaringan-themer.css
lib_dir: libs
nature:
highlightStyle: github
highlightLines: true
countIncrementalSlides: false
---
# Xaringan
```{r setup, include=FALSE}
options(htmltools.dir.version = FALSE)
#See slide on xaringanthemer
library(xaringanthemer)
# style_duo_accent(
# primary_color = "#012169", # Duke Navy Blue
# secondary_color = "#005587", # Prussian Blue
style_mono_accent(
base_color = "#1c5253",
header_font_google = google_font("Josefin Sans"),
text_font_google = google_font("Montserrat", "300", "300i"),
code_font_google = google_font("Fira Mono")
)
```
File > New File > R Markdown ... > From Template > Nija Presentation > Knit
[Rmd. TDG. xaringan presentations -- Chapter 7. ](https://bookdown.org/yihui/rmarkdown/xaringan.html)
[Xaringan Wiki](https://github.com/yihui/xaringan/wiki)
- slide layouts
- slide number
- footer and header
---
# Remark.js
[Remark.js Wiki](https://github.com/gnab/remark/wiki)
- [Slide properties](https://github.com/gnab/remark/wiki/Markdown#slide-properties)
- class
- background-image
- template
- layout
- CSS content classes
- Keyboard shortcuts
- Printing to PDF (print as PDF from Firefox/Chrome)
---
# Themes
[xaringanthemer](https://pkg.garrickadenbuie.com/xaringanthemer/) with [Duke colors](https://brand.duke.edu/colors/)
- **Definitely** read the [_Quick Intro_](https://pkg.garrickadenbuie.com/xaringanthemer/index.html#quick-intro)
```r
library(xaringanthemer)
style_duo_accent(
primary_color = "#012169", # Duke Navy Blue
secondary_color = "#005587", # Prussian Blue
# style_mono_accent(
# base_color = "#1c5253",
header_font_google = google_font("Josefin Sans"),
text_font_google = google_font("Montserrat", "300", "300i"),
code_font_google = google_font("Fira Mono")
)
```
---
class: center, middle
Also note the very cool [**matching ggplot themes**](https://pkg.garrickadenbuie.com/xaringanthemer/index.html#matching-ggplot-themes)
---
# Styling with Apron & Descartes
_avoiding "raw" HTML_
- [Apron and Descartes documentation](https://story.xaprb.com/slides/adirondack/#1)
- [Slide layouts (**Apron**)](https://story.xaprb.com/slides/adirondack/#5)
- [Image & element position / colors (**Descartes**)](https://story.xaprb.com/slides/adirondack/#33)
- [descartes.less](https://github.com/xaprb/story/blob/master/static/css/descartes.less)
### AND
- **Tachyons** -- classes to control formatting and CSS
- [See XaringanExtra # tachyons](https://pkg.garrickadenbuie.com/xaringanExtra/#/tachyons)
--
In these cases you must be comfortable importing the appropriate CSS sheets and referencing them in the YAML header. Not hard, but beyond the focus of this workshop.
- [apron.css](https://github.com/xaprb/story/blob/master/static/css/apron.css)
- [descartes.css](https://github.com/xaprb/story/blob/master/static/css/descartes.css)
- [tachyons.min.css](https://raw.githubusercontent.com/xaprb/story/master/static/css/tachyons.min.css)