-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path10_8_24.qmd
110 lines (89 loc) · 3.55 KB
/
10_8_24.qmd
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
---
title: "R for <br>Authoring!!"
author: "OOH Session #46...<br>...[slide navigation]{.navigation}"
title-slide-attributes:
data-background-image: https://s3.envato.com/files/281975076/_M2_7030.jpg
data-background-opacity: ".5"
format:
revealjs:
mermaid:
theme: forest
# output-location: slide ## column-fragment; inserts blank 2nd slide
code-overflow: wrap ## instead of horizontal scroll
theme: [league, weekly.scss] ## night & league
logo: "erg2.png"
footer-logo-link: "https://ergreports.com/" ## https://github.com/shafayetShafee/reveal-header#readme
transition: slide
background-transition: fade
mouse-wheel: true ## yes enables mouse
preview-links: false ## true brings up iframe window instead of "site"
code-annotations: hover
html-math-method:
method: mathjax ## LaTeX in code annotations
url: "https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.9/latest.js?config=TeX-MML-AM_CHTML"
engine: knitr ## not picking up inline codes
bibliography: temp.bib
#lightbox: true
filters:
- reveal-header ## extension to add a hyperlink to slide logo
---
```{r, warning=FALSE, message=FALSE}
#devtools::install_github("hadley/emo") ## if anyone else wants to render
library(fontawesome)
```
## Open Office Hours <br>(`r format(Sys.Date(),"%B %d, %Y")`)
::: {layout="[80,20]"}
::: first-column
- Recap session #45 `r emo::ji("left_right_arrow")`
- Focal issue(s):
- `r emo::ji("compass")`[Slide navigation]{.navigation}`r emo::ji("compass")`
- Shared problem-solving
:::
::: second-column
:::
:::
{.absolute top="170" right="-120" width="600" height="325"}
# Recap of Session #45:
## [Parallax]{.creepy} Backgrounds
:::: {.columns}
::: {.column width="60%"}
```{yaml}
#| echo: true
#| eval: false
---
title: "R for <br>Authoring!!"
author: "OOH Session #46..."
format:
revealjs:
parallax-background-image: #<1>
www.awesomebackground.png #<1>
parallax-background-size: #<2>
"2100px 900px" #<2>
parallax-background-horizontal: #<3>
200
parallax-background-vertical:
100 #<3>
---
```
1. Image you'd like as universal background here (can override if necessary with CSS: `background-image="www.newimage.jpg"`)
2. Width Height. If ignore, background image will likley tile as scroll (depending on size of image)
3. Determines the "distance" travelled across horizontally- and vertically-navigated slides
:::
::: {.column width="40%"}
:::
::::
# Today:
## `r emo::ji("compass")``r emo::ji("compass")` [[Slide Navigation]{.navigation}](https://revealjs.com/vertical-slides/) `r emo::ji("compass")``r emo::ji("compass")`
:::: {.columns}
::: {.column width="50%"}
:::
::: {.column width="50%"}
:::
::::
## `r fontawesome::fa("r-project", fill="#4287f5")` Session Info (`r format(Sys.Date(),"%B %d, %Y")`) Rendering:
```{r}
sessionInfo()
```