-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdarc-vorlage.html
201 lines (173 loc) · 7.87 KB
/
darc-vorlage.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
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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Lektion 1 - DARC Lehrgang zur Amateurfunklizenz</title>
<link rel="stylesheet" href="dist/reset.css">
<link rel="stylesheet" href="dist/reveal.css">
<link rel="stylesheet" href="dist/theme/darc.css" id="theme">
<!-- Theme used for syntax highlighted code -->
<link rel="stylesheet" href="plugin/highlight/monokai.css" id="highlight-theme">
<!-- this is needed for the chalkboard plugin: -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<!-- this is needed for the pruefungsfragen plugin: -->
<link rel="stylesheet" href="plugin/pruefungsfragen/pruefungsfragen.css">
</head>
<body>
<div class="reveal">
<div class="slides">
<section data-markdown="">
## Markdown support
Write content using inline or external Markdown.
Instructions and more info available in the [readme](https://revealjs.com/markdown/).
</section>
<section>
<h3>Maxwell’s Equations</h3>
<div class="left-aligned">
\[
\begin{aligned}
\nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} & = \frac{4\pi}{c}\vec{\mathbf{j}} \\
\nabla \cdot \vec{\mathbf{E}} & = 4 \pi \rho \\
\nabla \times \vec{\mathbf{E}}\, +\, \frac1c\, \frac{\partial\vec{\mathbf{B}}}{\partial t} & = \vec{\mathbf{0}} \\
\nabla \cdot \vec{\mathbf{B}} & = 0
\end{aligned}
\]
</div>
</section>
<section>
<h3>Inline Equations</h3>
Formeln im Text schreibt man $\nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} = \frac{4\pi}{c}\vec{\mathbf{j}}$, indem man sie in Dollarzeichen einschließt.
</section>
<section>
<h2>Videodatei von URL</h2>
<video data-src="https://static.slid.es/site/homepage/v1/homepage-video-editor.mp4" data-autoplay="" controls=""></video>
</section>
<section>
<h2>Youtube Video</h2>
<iframe width="560" height="315" data-src="https://www.youtube.com/embed/LEigIMS6bo4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</section>
<section>
<h2>Audio with controls</h2>
<audio data-src="assets/beeping.wav" controls=""></audio>
</section>
<section>
<h2>Prüfungsfrage</h2>
<div class="pruefungsfrage" id="VK101">
</div>
</section>
<section>
<h2>Prüfungsfrage mit Bildern</h2>
<div class="pruefungsfrage" id="TB202">
</div>
</section>
<section>
<h2>Zwei Spalten Layout</h2>
<div class="container">
<div class="col">
<div class="pruefungsfrage" id="TA101">
</div>
</div>
<div class="col">
Column 2 Content
</div>
</div>
</section>
<section>
<h2>Plot</h2>
Wie könnte man z.B. plotly plots einbinden?
</section>
<section>
<small>
<table>
<tr><th>Initiales Autorenteam:</th></tr>
<tr><td>Michael Funke DL4EAX</td></tr>
<tr><td>Carmen Weber DM4EAX</td></tr>
<tr><td>Willi Kiesow DG2EAF</td></tr>
<tr><th>Änderungen durch:</th></tr>
<tr><td>Stefan Großhauser DM4SG</td></tr>
</table>
<small>
<p class="left-aligned">
Sie dürfen:
<dl>
<dt>Teilen:</dt>
<dd> Das Material in jedwedem Format oder Medium vervielfältigen und weiterverbreiten.</dd>
<dt>Bearbeiten:</dt>
<dd>Das Material verändern und darauf aufbauen.</dd>
</dl>
</p>
<p class="left-aligned">
Unter folgenden Bedingungen:
<dl>
<dt>Namensnennung:</dt>
<dd>Namensnennung: Sie müssen angemessene Urheber- und Rechteangaben machen, einen Link zur Lizenz beifügen und angeben, ob Änderungen vorgenommen wurden. Diese Angaben dürfen in jeder angemessenen Art und Weise gemacht werden, allerdings nicht so, dass der Eindruck entsteht, der Lizenzgeber unterstütze gerade Sie oder Ihre Nutzung besonders.</dd>
<dt>Nicht kommerziell:</dt>
<dd>Sie dürfen das Material nicht für kommerzielle Zwecke nutzen.
Weitergabe unter gleichen Bedingungen: Wenn Sie das Material verändern oder anderweitig direkt darauf aufbauen, dürfen Sie Ihre Beiträge nur unter derselben Lizenz wie das Original verbreiten.</dd>
</dl>
</p>
<p class="left-aligned">
Der Lizenzgeber kann diese Freiheiten nicht widerrufen solange Sie sich an die Lizenzbedingungen halten.
</p>
<p class="left-aligned">
Details: <a href="https://creativecommons.org/licenses/by-nc-sa/3.0/de/">https://creativecommons.org/licenses/by-nc-sa/3.0/de/</a>
</p>
</small>
</small>
</section>
</div>
</div>
<script src="dist/reveal.js"></script>
<script src="plugin/pruefungsfragen/pruefungsfragen.js"></script>
<script src="plugin/notes/notes.js"></script>
<script src="plugin/markdown/markdown.js"></script>
<script src="plugin/highlight/highlight.js"></script>
<script src="plugin/math/math.js"></script>
<script>
// More info about initialization & config:
// - https://revealjs.com/initialization/
// - https://revealjs.com/config/
Reveal.initialize({
hash: true,
center: false,
viewDistance: 1,
slideNumber: true,
// Learn about plugins: https://revealjs.com/plugins/
plugins: [ RevealMarkdown, RevealHighlight, RevealNotes, RevealMath ],
math: {
// mathjax: 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js',
config: 'TeX-AMS_HTML-full',
TeX: {
Macros: {
R: '\\mathbb{R}',
set: [ '\\left\\{#1 \\; ; \\; #2\\right\\}', 2 ]
}
}
},
// Configuration options for the chalkboard plugin:
chalkboard: {
// optionally load pre-recorded chalkboard drawing from file
src: "chalkboard.json",
chalkEffect: 0.2,
toggleChalkboardButton: true,
toggleNotesButton: true,
},
dependencies: [
// ...
{ src: 'plugin/chalkboard/chalkboard.js' },
// ...
],
keyboard: {
67: function() { RevealChalkboard.toggleNotesCanvas() }, // toggle notes canvas when 'c' is pressed
66: function() { RevealChalkboard.toggleChalkboard() }, // toggle chalkboard when 'b' is pressed
46: function() { RevealChalkboard.clear() }, // clear chalkboard when 'DEL' is pressed
8: function() { RevealChalkboard.reset() }, // reset chalkboard data on current slide when 'BACKSPACE' is pressed
68: function() { RevealChalkboard.download() }, // downlad recorded chalkboard drawing when 'd' is pressed
88: function() { RevealChalkboard.colorNext() }, // cycle colors forward when 'x' is pressed
89: function() { RevealChalkboard.colorPrev() }, // cycle colors backward when 'y' is pressed
},
});
</script>
</body>
</html>