Skip to content

Commit 7ea3d54

Browse files
committed
update slides
1 parent 054f880 commit 7ea3d54

File tree

6 files changed

+399
-43
lines changed

6 files changed

+399
-43
lines changed

slides/index.Rmd

Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,16 @@
11
---
22
title: "Practical Mapping in R:<br>Lat/Lon plotting & Choropleths"
3-
subtitle: "leaflet, tidycensus, tmap, and sf"
4-
author: "John Little & Drew Keener"
3+
subtitle: "leaflet, tidycensus, and sf"
4+
author: "John Little"
55
date: "2018-1-25"
66
output:
77
xaringan::moon_reader:
88
lib_dir: libs
99
css:
1010
- default
11-
- duke_color_pallettes_slides.css
11+
- default-fonts
12+
- duke-blue
13+
- hygge-duke
1214
- cc-fonts.css
1315
- figures.css
1416
nature:
@@ -119,7 +121,7 @@ Packages of interest but not part of this workshop include...
119121
- `argeos`
120122

121123
---
122-
class: green, middle, center
124+
class: duke-green, middle, center
123125

124126
## Hands-on
125127

@@ -143,7 +145,7 @@ class: green, middle, center
143145

144146
]
145147
---
146-
class: center, middle, softblue
148+
class: center, middle, duke-softblue
147149

148150
## Georeferencing
149151

@@ -163,7 +165,7 @@ background-image: url(images/xy.png)
163165
???
164166
Image Credit: [GAO](https://www.flickr.com/photos/usgao/8269791489/)
165167
---
166-
class: center, middle, softblue
168+
class: center, middle, duke-softblue
167169

168170
## Choropleth
169171

@@ -212,7 +214,7 @@ background-image: url(images/polygons.png)
212214
- Example of [Census Bureau TIGER Metadata](https://www2.census.gov/geo/tiger/TIGER_DP/2015ACS/Metadata/STATE_METADATA_2015.txt) file
213215

214216
---
215-
class: center, middle, softblue
217+
class: center, middle, duke-softblue
216218

217219
## Thematic Mapping
218220

@@ -256,7 +258,7 @@ class: center, middle, softblue
256258
- `ggplot2::geom_sf`
257259

258260
---
259-
class: middle, green
261+
class: middle, duke-green
260262

261263
## Save, Write, Output
262264

@@ -269,7 +271,7 @@ class: middle, green
269271
- Integrate an HTML widget into an R Notebook
270272

271273
---
272-
class: softblue, middle, center
274+
class: duke-softblue, middle, center
273275

274276
## Markdown
275277

@@ -328,7 +330,7 @@ Numbered list:
328330
]
329331

330332
---
331-
class: orange, middle, center
333+
class: duke-orange, middle, center
332334

333335
## **Reproducible Research**
334336

slides/index.html

Lines changed: 39 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,11 @@
33
<head>
44
<title>Practical Mapping in R: Lat/Lon plotting &amp; Choropleths</title>
55
<meta charset="utf-8">
6-
<meta name="author" content="John Little &amp; Drew Keener" />
7-
<link href="libs/remark-css-0.0.1/example.css" rel="stylesheet" />
8-
<link rel="stylesheet" href="duke_color_pallettes_slides.css" type="text/css" />
6+
<meta name="author" content="John Little" />
7+
<link href="libs/remark-css-0.0.1/default.css" rel="stylesheet" />
8+
<link href="libs/remark-css-0.0.1/default-fonts.css" rel="stylesheet" />
9+
<link href="libs/remark-css-0.0.1/duke-blue.css" rel="stylesheet" />
10+
<link href="libs/remark-css-0.0.1/hygge-duke.css" rel="stylesheet" />
911
<link rel="stylesheet" href="cc-fonts.css" type="text/css" />
1012
<link rel="stylesheet" href="figures.css" type="text/css" />
1113
</head>
@@ -14,8 +16,8 @@
1416
class: center, middle, inverse, title-slide
1517

1618
# Practical Mapping in R:<br>Lat/Lon plotting &amp; Choropleths
17-
## leaflet, tidycensus, tmap, and sf
18-
### John Little &amp; Drew Keener
19+
## leaflet, tidycensus, and sf
20+
### John Little
1921
### 2018-1-25
2022

2123
---
@@ -123,7 +125,7 @@
123125
- `argeos`
124126

125127
---
126-
class: green, middle, center
128+
class: duke-green, middle, center
127129

128130
## Hands-on
129131

@@ -147,7 +149,7 @@
147149

148150
]
149151
---
150-
class: center, middle, softblue
152+
class: center, middle, duke-softblue
151153

152154
## Georeferencing
153155

@@ -167,7 +169,7 @@
167169
???
168170
Image Credit: [GAO](https://www.flickr.com/photos/usgao/8269791489/)
169171
---
170-
class: center, middle, softblue
172+
class: center, middle, duke-softblue
171173

172174
## Choropleth
173175

@@ -216,7 +218,7 @@
216218
- Example of [Census Bureau TIGER Metadata](https://www2.census.gov/geo/tiger/TIGER_DP/2015ACS/Metadata/STATE_METADATA_2015.txt) file
217219

218220
---
219-
class: center, middle, softblue
221+
class: center, middle, duke-softblue
220222

221223
## Thematic Mapping
222224

@@ -260,7 +262,7 @@
260262
- `ggplot2::geom_sf`
261263

262264
---
263-
class: middle, green
265+
class: middle, duke-green
264266

265267
## Save, Write, Output
266268

@@ -273,7 +275,7 @@
273275
- Integrate an HTML widget into an R Notebook
274276

275277
---
276-
class: softblue, middle, center
278+
class: duke-softblue, middle, center
277279

278280
## Markdown
279281

@@ -332,7 +334,7 @@
332334
]
333335

334336
---
335-
class: orange, middle, center
337+
class: duke-orange, middle, center
336338

337339
## **Reproducible Research**
338340

@@ -435,15 +437,33 @@
435437
"highlightLines": true,
436438
"countIncrementalSlides": false
437439
});
438-
if (window.HTMLWidgets) slideshow.on('afterShowSlide', function (slide) {window.dispatchEvent(new Event('resize'));});
439-
(function() {var d = document, s = d.createElement("style"), r = d.querySelector(".remark-slide-scaler"); if (!r) return; s.type = "text/css"; s.innerHTML = "@page {size: " + r.style.width + " " + r.style.height +"; }"; d.head.appendChild(s);})();</script>
440+
if (window.HTMLWidgets) slideshow.on('afterShowSlide', function (slide) {
441+
window.dispatchEvent(new Event('resize'));
442+
});
443+
(function() {
444+
var d = document, s = d.createElement("style"), r = d.querySelector(".remark-slide-scaler");
445+
if (!r) return;
446+
s.type = "text/css"; s.innerHTML = "@page {size: " + r.style.width + " " + r.style.height +"; }";
447+
d.head.appendChild(s);
448+
})();</script>
440449

441-
<script type="text/x-mathjax-config">
442-
MathJax.Hub.Config({
443-
tex2jax: {
444-
skipTags: ['script', 'noscript', 'style', 'textarea', 'pre']
450+
<script>
451+
(function() {
452+
var i, text, code, codes = document.getElementsByTagName('code');
453+
for (i = 0; i < codes.length;) {
454+
code = codes[i];
455+
if (code.parentNode.tagName !== 'PRE' && code.childElementCount === 0) {
456+
text = code.textContent;
457+
if (/^\\\((.|\s)+\\\)$/.test(text) || /^\\\[(.|\s)+\\\]$/.test(text) ||
458+
/^\$\$(.|\s)+\$\$$/.test(text) ||
459+
/^\\begin\{([^}]+)\}(.|\s)+\\end\{[^}]+\}$/.test(text)) {
460+
code.outerHTML = code.innerHTML; // remove <code></code>
461+
continue;
462+
}
463+
}
464+
i++;
445465
}
446-
});
466+
})();
447467
</script>
448468
<!-- dynamically load mathjax for compatibility with self-contained -->
449469
<script>
Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
2+
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
3+
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700);
4+
5+
body { font-family: 'Droid Serif', 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', serif; }
6+
h1, h2, h3 {
7+
font-family: 'Yanone Kaffeesatz';
8+
font-weight: normal;
9+
}
10+
.remark-code, .remark-inline-code { font-family: 'Source Code Pro', 'Lucida Console', Monaco, monospace; }
Lines changed: 3 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,3 @@
1-
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
2-
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
3-
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700);
4-
5-
body { font-family: 'Droid Serif', 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', serif; }
6-
h1, h2, h3 {
7-
font-family: 'Yanone Kaffeesatz';
8-
font-weight: normal;
9-
}
101
a, a > code {
112
color: rgb(249, 38, 114);
123
text-decoration: none;
@@ -17,7 +8,6 @@ a, a > code {
178
padding-right: 4em;
189
font-size: 90%;
1910
}
20-
.remark-code, .remark-inline-code { font-family: 'Source Code Pro', 'Lucida Console', Monaco, monospace; }
2111
.remark-code-line-highlighted { background-color: #ffff88; }
2212

2313
.inverse {
@@ -27,7 +17,6 @@ a, a > code {
2717
}
2818
.inverse h1, .inverse h2, .inverse h3 {
2919
color: #f3f3f3;
30-
line-height: 1.0em;
3120
}
3221
/* Two-column layout */
3322
.left-column {
@@ -62,14 +51,14 @@ blockquote {
6251
border-left: solid 5px lightgray;
6352
padding-left: 1em;
6453
}
65-
table {
54+
.remark-slide table {
6655
margin: auto;
6756
border-top: 1px solid #666;
6857
border-bottom: 1px solid #666;
6958
}
70-
table thead th { border-bottom: 1px solid #ddd; }
59+
.remark-slide table thead th { border-bottom: 1px solid #ddd; }
7160
th, td { padding: 5px; }
72-
thead, tfoot, tr:nth-child(even) { background: #eee }
61+
.remark-slide thead, .remark-slide tfoot, .remark-slide tr:nth-child(even) { background: #eee }
7362

7463
@page { margin: 0; }
7564
@media print {
Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
/* Colors are defined by the */
2+
/* Duke Branding Color Palette */
3+
/* https://styleguide.duke.edu/color-palette/ */
4+
5+
a, a > code {
6+
color: rgb(6,128,205);
7+
text-decoration: none;
8+
}
9+
10+
h1, h2, h3 {
11+
color: #003366;
12+
line-height: 0.6em;
13+
text-shadow: 0 0 10px #666666;
14+
}
15+
16+
.duke-orange {
17+
background-color: #F09905;
18+
}
19+
20+
.duke-orange a, .dk_orange a > code {
21+
color: rgb(6,128,205);
22+
text-decoration: none;
23+
}
24+
25+
.duke-orange h1, .duke-orange h2, .duke-orange h3 {
26+
color: #001A57;
27+
line-height: 0.8em;
28+
text-shadow: 0 0 10px #666666;
29+
}
30+
31+
.duke-softblue {
32+
background-color: #339999;
33+
color: #FFD960;
34+
}
35+
36+
.duke-softblue a, .duke-softblue a > code {
37+
/* color: rgb(153,50, 153); */
38+
color: rgb(19,2,131);
39+
text-decoration: none;
40+
}
41+
.duke-softblue h1, .duke-softblue h2, .duke-softblue h3 {
42+
color: #001A57;
43+
line-height: 0.8em;
44+
text-shadow: 0 0 10px #728302;
45+
}
46+
47+
.duke-green {
48+
background-color: #728302;
49+
/* color: #FFD960; */
50+
}
51+
.duke-green h1, .duke-green h2, .duke-green h3 {
52+
color: #001A57;
53+
line-height: 0.8em;
54+
text-shadow: 0 0 10px #FFD960;
55+
}
56+
57+
.duke-green a, .duke-green a > code {
58+
color: rgb(19,2,131);
59+
text-decoration: none;
60+
}
61+
62+
.inverse {
63+
background-color: #003366;
64+
color: #B5B5B5;
65+
text-shadow: 0 0 20px #728302;
66+
/* 001A57 728302*/
67+
}
68+
69+
.inverse h1, .inverse h2, .inverse h3 {
70+
color: #B5B5B5;
71+
line-height: 0.8em;
72+
}
73+
74+
.imageTop {
75+
vertical-align: top;
76+
}
77+
78+
h4 {
79+
font-family: 'Yanone Kaffeesatz';
80+
font-weight: normal;
81+
}

0 commit comments

Comments
 (0)