-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path0X_Quarto_Elements.qmd
207 lines (138 loc) · 7.12 KB
/
0X_Quarto_Elements.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
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
# Elemente und Boxen
## Buttons
[Get Started <i class="bi-file-zip"></i>](docs/get-started/){.btn .btn-primary} [Guide](docs/guide/){.btn .btn-default} [Button](docs/get-started/){.btn .btn-success} [Button](docs/guide/){.btn .btn-info .bi-geo-alt} [Button](docs/guide/){.btn .btn-warning} [Button](docs/guide/){.btn .btn-danger}
## Definitions
Curabitur dictum
: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut purus elit, vestibulum ut, placeratac, adipiscing vitae, felis. Curabitur dictum gravida mauris.
Ut purus elit\index{Ut purus elit}
: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut purus elit, vestibulum ut, placeratac, adipiscing vitae, felis. Curabitur dictum gravida mauris.
## Marginnotes
::: {.column-margin}
We know from *the first fundamental theorem of calculus* that for $x$:
$$e=f(x).$$
:::
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut purus elit, vestibulum ut, placeratac, adipiscing vitae, felis. Curabitur dictum gravida mauris. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Ut purus elit, vestibulum ut, placeratac, adipiscing vitae, felis. Curabitur dictum gravida mauris. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut purus elit, vestibulum ut, placeratac, adipiscing vitae, felis. Curabitur dictum gravida mauris. [This is a span that has the class aside which places it in the margin without a footnote number.]{.aside}
## Diagramme
Dokumentation [Diagrams](https://quarto.org/docs/authoring/diagrams.html)
```{mermaid}
%%| fig-width: 4
%%| label: fig-simple
%%| fig-cap: "Eine einfache Mermaid Graphik"
%%| echo: true
flowchart LR
A[Hard edge] --> B(Round edge)
B --> C{Decision}
```
Diagramme für `pdf` und `docx` wird über einen Chrome oder Edge Browser auf dem lokalen System gerendert.
Installation mit `quarto tools install chromium`.
## Quarto Boxen
Diese können für HTML einfach geändert werden, für Latex jedoch ist die Darstellung "hardcoded" und ein wenig geschmacksache.
::: callout-note
There are five types of callouts:
`note`, `tip`, `warning`, `caution` and `important`.
:::
::: callout-tip
## Tip with custom caption
This is an example of a tip with custom caption.
:::
::: callout-warning
foo
:::
::: {.callout-caution collapse="true" icon=false}
## Take care !
foo
:::
::: callout-important
foo
:::
## Boxen lua
Weitere Boxen, die über ein `lua` Skript in Quarto gerendert werden. Diese erfordern für Latex, Docx und Html zusätzliche Styledefinitionen.
::: info
**Tip:** Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
:::
::: exercise
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
:::
::: {.solution collapse="true" icon=false}
**Lösung:** Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
:::
::: summary
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{#figureWide}
:::
## Angepasste Lua-Boxen
Weitere Boxen, die über ein `lua` Skript in Quarto gerendert werden. Diese erfordern für Latex, Docx und Html zusätzliche Styledefinitionen.
### Cheatsheet oder Glossar
Hervorheben von Glossareinträgen und Definitionen.
::: cheatsheet
GIS
: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut purus elit, vestibulum ut, placeratac, adipiscing vitae, felis. Curabitur dictum gravida mauris.
GIScience
: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut purus elit, vestibulum ut, placeratac, adipiscing vitae, felis.
:::
### Befehlsübersicht
Kompakte Darstellung von Kommandos zur Übersicht.
::: commands
ALT+F4
: Schliessen der Applikation
CTRL+B
: Schrift in Bold Face
CTRL+I
: Kursive Schrift
CTRL+ALT+S
: Speichern der Dateien / Projekt
:::
### Boxen für Notizen und Quotes
::: note
*Handschriftliche Notiz*, da bin ich neugierig ob dies klappt! Das wäre super cool :-)
:::
::: pullquote
*Pullquote* - Lorem ipsum dolor sit **amet**, consectetur *adipisicing* elit, sed do eiusmod tempor incididunt ut labore et dolore magna
:::
::: sticky
*Sticky Note* - Lorem ipsum dolor sit amet, **consectetur** adipisicing elit.
:::
::: typewriter
*Typewriter Style* - Nam dui ligula, fringilla a, euismod sodales, sollicitudin vel, wisi. Morbi auctor lorem non
justo. Nam lacus libero, pretium at, lobortis vitae, ultricies et, tellus. Donec aliquet, tortor
sed accumsan bibendum, erat ligula aliquet magna, vitae ornare odio metus a mi. Morbi ac
orci et nisl hendrerit mollis. Suspendisse ut massa. Cras nec ante. Pellentesque a nulla. Cum
sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam
tincidunt urna.
:::
::: notebook
*Notebook Style* - Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
:::
## Video - how to display them
Einfügen von Video. Damit diese sowohl in HTML als auch in PDF und Docx einfach dargstellt werden können, ist ein praktischer Workaround Video mit Screenshots einzubetten.
```{.markdown}
::: {.content-visible when-format="html"}
{{< video https://www.youtube.com/embed/4vdliMRtxBY >}}
:::
::: {.content-visible unless-format="html"}
[](https://www.youtube.com/embed/4vdliMRtxBY)
:::
```
::: {.content-visible when-format="html"}
{{< video https://www.youtube.com/embed/4vdliMRtxBY >}}
:::
::: {.content-visible unless-format="html"}
[](https://www.youtube.com/embed/4vdliMRtxBY)
:::
## Lernhilfen
### Aufgabenblöcke
Fragen und Aufgaben Blöcke mit Linien oder Grid für das aufführen der Antwort. Nur für Latex.
**Aufgabe**: Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\numberedlines[2]{3}
**Aufgabe**: Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\grid{30}
**Aufgabe**: Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\dottedgrid{30}
**Aufgabe**: Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\lines{4}
## XKCD
\marginnote{\xkcd[So, I'm sitting in a margin note and]{How cool is this..}} Tikz Latex nur für Latex Tikz2png wäre schön.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\xkcd[Hi there.. you know]{How cool is this.. to just nerd around-}\xkcd[Tell me ..]{In a lecture script. Yes, totally!}