/
index.html
165 lines (104 loc) · 3.37 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<title>Demo for emu theme</title>
<meta charset="utf-8">
<link rel="stylesheet" href="emu.css" type="text/css" />
</head>
<body>
<textarea id="source">
layout: true
<div class="logo">Eesti Maaülikool</div>
---
class: middle, title-slide
# Sample presentation
## Just to show how it looks
#### Author's name
#### Date
---
class: middle center clean
# First topic
### With a subtitle
---
## Markdown elements
In [publishing](https://www.wikiwand.com/en/Publishing) and [graphic design](https://www.wikiwand.com/en/Graphic_design), **lorem ipsum** (derived from Latin *dolorem ipsum*, translated as "pain itself") is a [filler text](https://www.wikiwand.com/en/Filler_text) commonly used to demonstrate the graphic elements of a document or visual presentation. [^1]
A common form of *lorem ipsum* reads:
> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Inline styles support **strong**, *Emphasis*, `code`, <u>underline</u>, ~~strikethrough~~, :haha:, $\LaTeX$, X^2^, H~2~O, ==highlight==, [Link](typora.io), and image:
---
## Slide with two columns
.pull-left[
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
]
.pull-right[
![](https://i.imgur.com/RGLj3oV.jpg)
]
---
class: middle clean
### First section
### Another topic
# Next up
### Last topic
---
## Image
![](https://i.imgur.com/RGLj3oV.jpg)
---
## Headings
This is what they look like.
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6
---
## Footnotes
This is just smaller text at the bottom of slide.
.footnote[
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eu quam id mauris egestas lacinia vitae non ex. Vivamus lobortis erat at arcu tempus pharetra. Mauris a pellentesque odio. Quisque aliquet gravida arcu aliquam tempus. Aliquam at massa libero. Vestibulum dignissim nunc eu vehicula vestibulum. Aliquam ante purus, ultricies ut tristique id, sollicitudin vel est. Nullam sodales faucibus dui, sed viverra turpis faucibus sit amet. Phasellus eget tellus lectus.
]
---
## Table
| Left-Aligned | Center Aligned | Right Aligned |
| :------------ | :-------------: | ------------: |
| col 3 is | some wordy text | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
---
## Lists
1. ordered list item 1
2. ordered list item 2
- sub-unordered list item 1
- sub-unordered list item 2
+ [x] something is DONE
+ [ ] something is TODO
- sub-unordered list item 3
3. ordered list item 3
---
class: center middle inverse
# Remember this!
This is an example of a centered inverse color slide.
---
## Code blocks are also rendered
```html
<!DOCTYPE html>
<html>
<body>
<h1>The *= Operator</h1>
<p id="demo"></p>
<script>
var x = 10;
x *= 5;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
```
---
class: center middle clean
# Thank you for your attention!
</textarea>
<script src="https://remarkjs.com/downloads/remark-latest.min.js"></script>
<script>var slideshow = remark.create();</script>
</body>
Centered inverse color slide