Newer
Older
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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
---
title: Example Slides
date: today # override default "today" date by replacing with, e.g., 2024-10-08
---
## Headings
### H3 Heading
#### H4 Heading
##### H5 Heading
###### H6 Heading
## Text
Here is a paragraph.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi risus turpis, sodales ut rhoncus sed, tempor in urna. Nulla eget ligula malesuada, ultricies eros id, ultrices lectus. Cras aliquet massa vel dui euismod sodales. Fusce eu ullamcorper eros, nec ultricies justo. Maecenas vel nunc rhoncus, placerat ex et, accumsan metus. Donec a egestas lectus, et lacinia odio. Curabitur vestibulum risus eget urna elementum elementum. Vestibulum maximus ut nulla vitae viverra. Phasellus laoreet odio hendrerit, pellentesque elit non, dapibus ante.
## Big Text
::: {.r-fit-text}
:::
## Direct Code Example
```{python}
print("Hello World!")
```
## Included Code Example - Python
```{python}
{{< include src/code-example.py >}}
```
## Interative Iris Dataset - Plotly
<!-- The following block must be included for presentations with interactive plotly code. This block only needs to be included once in the presentation, before the first time interactive code is used. The `#| echo: false` prevents the block from being rendered in the final output. -->
```{python}
#| echo: false
import plotly.io as pio
pio.renderers.default = "plotly_mimetype+notebook_connected"
```
<!-- Rendered interactive element -->
```{python}
#| code-fold: true
{{< include src/plotly-example.py >}}
```
## Ordered List
1. First item
1. Second item
1. Third item
## Unordered List
- An item
- Another item
- Yet another item
## Table
| Name | Count | Color |
| :------- | ----: | :---: |
| Physics | 2 | Red |
| Oak Tree | 17 | Green |
| Ideation | 5 | Blue |
## Single Image
{fig-alt="green circuit board"}
## Single Image with Text
Below is an image.
{fig-alt="opened hard disk drive"}
Above is an image.
## Image Stack
::: {.r-stack}
:::: {.fragment .fade-in-then-out .preload}
{fig-alt="green circuit board"}
::::
:::: {.fragment .fade-in-then-out}
{fig-alt="opened hard disk drive"}
::::
:::: {.fragment .fade-in-then-out}
{fig-alt="blurred computer displays seen clearly through glasses on table"}
::::
:::: {.fragment .fade-in-then-out}
{fig-alt="blue network cables plugged into rack mount router"}
::::
:::: {.fragment .fade-in-then-out}
{fig-alt="rack mounted device controllers"}
::::
:::
## Image Stack with Text
Images below.
::: {.r-stack}
:::: {.fragment .fade-in-then-out .preload}
{fig-alt="green circuit board"}
::::
:::: {.fragment .fade-in-then-out}
{fig-alt="opened hard disk drive"}
::::
:::: {.fragment .fade-in-then-out}
{fig-alt="blurred computer displays seen clearly through glasses on table"}
::::
:::: {.fragment .fade-in-then-out}
{fig-alt="blue network cables plugged into rack mount router"}
::::
:::: {.fragment .fade-in-then-out}
{fig-alt="rack mounted device controllers"}
::::
:::
Images above.
## Two Column - Text - Text
::: {.columns}
:::: {.column width=50%}
- Left item
- Another left item
- Final left item
::::
:::: {.column width=50%}
- Right item
- Another right item
- Final right item
::::
:::
## Two Column - Single Image - Text
::: {.columns}
:::: {.column width=50%}
{fig-alt="blurred computer displays seen clearly through glasses on table"}
::::
:::: {.column width=50%}
- Something related to the image
- Something else related to the image
- Another thing related to the image
::::
:::
## Two Column - Image Stack - Text
::: {.columns}
:::: {.column width=50%}
:::: {.fragment .fade-in-then-out .preload}
{fig-alt="green circuit board"}
::::
:::: {.fragment .fade-in-then-out}
{fig-alt="opened hard disk drive"}
::::
:::: {.fragment .fade-in-then-out}
{fig-alt="blurred computer displays seen clearly through glasses on table"}
::::
:::: {.fragment .fade-in-then-out}
{fig-alt="blue network cables plugged into rack mount router"}
::::
:::: {.fragment .fade-in-then-out}
{fig-alt="rack mounted device controllers"}
::::
::::
:::: {.column width=50%}
- Something related to the image
- Something else related to the image
- Another thing related to the image
::::
:::