Text Emphasis
| Style | Syntax | Result |
|---|---|---|
| bold | **Text** |
Text |
| italic | *Text* |
Text |
| underline | <u>Text</u> |
Text |
| strikethrough | ~~Text~~ |
|
| superscript | Te^xt^ |
Text |
| subscript | Te~xt~ |
Text |
| code | `Text` |
Text |
Text Size
| MD Code | Size |
|---|---|
| {.xx-large} | +60% |
| {.x-large} | +40% |
| {.large} | +20% |
| {.medium} | — |
| {.small} | -20% |
| {.x-small} | -40% |
| {.xx-small} | -60% |
xx-large text
x-large text
large text
medium text
small text
x-small text
xx-small text
Text Highlighting
Syntax
This splendid palace of the Prince-Bishop
is one of the finest secular Baroque
buildings in Germany. Built between
<mark>1720 and 1744</mark>, the palace ...Result
This splendid palace of the Prince-Bishop is one of the finest secular Baroque buildings in Germany. Built between 1720 and 1744, the palace …
Highlight Blocks
Highlight blocks of text by adding a highlight tag to a level two text block.
Syntax
## Alert Block {.alert}
- Alert Text
## Definition Block {.definition}
- Definition Text
## Observation Block {.observation}
- Observation Text
## Example Block {.example}
- Example Text
## Equation Block {.equation}
- Equation Text
## Note Block {.note}
- Note Text
## Question Block {.question}
- Question Text
## Answer Block {.answer}
- Answer TextAlert Block
- Alert Text
Definition Block
- Definition Text
Observation Block
- Observation Text
Example Block
- Example Text
Equation Block
- Equation Text
Note Block
- Note Text
Question Block
- Question Text
Answer Block
- Answer Text
Highlight Blocks and Columns
Syntax
## Example {.left .observation}
## Example {.center .example}
Text after the picture.
## Next Topic
## Example {.right .note .secondary}
Text after the picture.
## Next TopicExample
Example
Text after the picture.
Next Topic
Example
Text after the picture.
Next Topic
Code Highlight
Highlight key words in a code block by surrounding text with ~~~ or ```. Alternatively each line of a code block can be indented by four SPACE.
Syntax
~~~java
if (a > 3) {
moveShip(5 * gravity, DOWN);
}
~~~Result
if (a > 3) {
moveShip(5 * gravity, DOWN);
}Emojis
Syntax
Insert emojis into your presentation as text and Decker will translate them automatically.
For a cheat sheet to the text representation see this github list.
😣 😫 😓 😕 😲 ☹️ 😱 😳 🥺 😎 🤠 🤓 🧐 🥳 😍 😘 😗 😙 😚 🤑 🤪 😤 😠 👿 💀 ☠️ 🤬 😐 😑 😶 🙄 😏 🤐 😒 😬 🤥 🤨 😪 😴 😌 🤤 😔 😁 😂 🤣 😃 😄 😅 😆 😉 😊 🙂 😀 🙃 😇 🤩 🥰 😋 😛 😜 😝 🙁 😖 😞 😟 😢 😭 😦 😧 😨 😩 😰 😥 😮 😯 😵 😷 🤒 🤕 🤢 🤧 🤯 🤮 🥵 🥶 🥴
💋 💘 ❤️ 💓 💔 💕 💖 💗 💙 💚 💛 💜 🖤 💝 💞 💟 ❣️ 💌 💤 💢 💣 💥 💦 💨 💫 💬 🗨️ 🗯️ 💭 🕳️ 💯 🧡 🤡 👹 👺 👻 👽 👾 🤖 💩
Syntax
Great job! :thumbsup:Result
Great job! 👍
Mathematics
Decker uses MathJax to display math equations. Surround inline formulas part of the text with $. Surround formulas separate from the text with $$. See MathJax documentation for more information.
Syntax
To $\infty$ and beyond!$$x^2 + y^2 = z^2$$Results
To \(\infty\) and beyond!
\[x^2 + y^2 = z^2\]
Short Links
Use Decker’s templating syntax to make writing URLs easier. Use the short-links meta-data variable to define base URL addresses. Variables can be named at will. Note the @@ symbols that act as insertion points for further resource paths.
Syntax
short-links:
hci: 'https://hci.uni-wuerzburg.de/@@'This can then be used in slides as such:
[Prof. Dr. Marc Erich Latoschik]
(hci:people/marc-latoschik/) is the head
of the chair for Human-Computer
Interaction (HCI) of the University
of Würzburg.Result
Prof. Dr. Marc Erich Latoschik is the head of the chair for Human-Computer Interaction (HCI) of the University of Würzburg.
Dictionary
Decker has some content that can be adapted to the language of the presentation. The current default dictionary looks like this:
dictionary.de:
exam:
Easy: "Leicht"
Hard: "Schwer"
Medium: "Mittelschwer"
again-button: "Nochmal"
placeholder: "Antwort eingeben"
points: "Punkte"
solution: "Lösung"
solve-button: "Lösen"
reset-button: "Zurücksetzen"
qrcode-button: "QRCode"
poll-button: "Poll"
stop-button: "Stopp"
quiz:
solution: "Lösung zeigen"
reset-button: "Zurücksetzen"
input-placeholder: "Eingeben und 'Enter'"
qmi-drag-hint: "Objekte per Drag&Drop ziehen…"
qmi-drop-hint: "…und hier in die richtige Kategorie einsortieren."
ic-placeholder: "Option auswählen…"
dictionary.en:
exam:
Easy: "Easy"
Hard: "Hard"
Medium: "Medium"
again-button: "Again"
placeholder: "Type in answer"
points: "Points"
solution: "Solution"
solve-button: "Solve"
reset-button: "Reset"
qrcode-button: "QRCode"
poll-button: "Poll"
stop-button: "Stop"
quiz:
solution: "Show Solution"
reset-button: "Reset"
input-placeholder: "Type and press 'Enter'"
qmi-drag-hint: "Drag items from here…"
qmi-drop-hint: "…and put them here into the correct category."
ic-placeholder: "Select option…"