Update Text Formatting authored by Eric Hauke's avatar Eric Hauke
TODO: Move content from Eric's Wiki repo [[_TOC_]]
\ No newline at end of file
# Text Formatting
## Text Emphasis
| MD Code | Example | Style |
| --------------| --------------- | ------------- |
| `**Text**` | **Text** | bold |
| `*Text*` | *Text* | italic |
| `~~Text~~` | ~~Text~~ | strikethrough |
| `<u>Text</u>` | <ins>Text</ins> | underline |
| `~Text~` | <sub>Text</sub> | subscript |
| `^Text^` | <sup>Text</sup> | superscript |
| `` `Text` `` | `Text` | code |
## Text Size
Font size can be changed by using the following additions. The general font size is dependent on the [default font size](https://gitlab2.informatik.uni-wuerzburg.de/decker/decker/-/wikis/WIP:-List-of-all-meta-options) (`font-size-base`) set as [meta option](https://gitlab2.informatik.uni-wuerzburg.de/decker/decker/-/wikis/Custom-Meta-Options).
| MD Code | Size |
| ----------- | ---- |
| {.xx-large} | +60% |
| {.x-large} | +40% |
| {.large} | +20% |
| {.medium} | ---- |
| {.small} | -20% |
| {.x-small} | -40% |
| {.xx-small} | -60% |
# Highlighting
## Text Highlight
To highlight text enclose `<mark>` your text in `</mark>` brackets.
```
This splendid palace of the Prince-Bishops is one of the finest secular Baroque buildings in Germany. Built between <mark>1720 and 1744</mark>
```
This splendid palace of the Prince-Bishops is one of the finest secular Baroque buildings in Germany. Built between <mark>1720 and 1744</mark>
## Highlight Blocks
To highlight blocks add highlight definition to a level 2 heading.
Highlight definitions:
- `.alert`
- `.question`
- `.answer`
- `.definition`
- `.observation`
- `.example`
- `.equation`
- `.note`
Example:
```
## Alert Block {.alert}
```
<img src= uploads/a3c106df0a1118dc5afd8982a57f99ec/image.png width=60% height=60%>
## Code Highlight
To create a Code Block surround your verbatim text with `~~~` or ` ``` `. Alternatively each line of the Code Block can be indented by four <kbd>SPACE</kbd>.
`
Example:
```
~~~java
if (a > 3) {
moveShip(5 * gravity, DOWN);
}
~~~
```
<img src=uploads/ef550b99edb086f2dc50076d5f10588b/image.png width=80% height=80%>
# Symbols
## Emojis
Pick your poison
😣 😫 😓 😕 😲 ☹️ 😱 😳 🥺 😎 🤠 🤓 🧐 🥳 😍 😘 😗 😙 😚 🤑 🤪 😤 😠 👿 💀 ☠️ 🤬 😐 😑 😶 🙄 😏 🤐 😒 😬 🤥 🤨 😪 😴 😌 🤤 😔 😁 😂 🤣 😃 😄 😅 😆 😉 😊 🙂 😀 🙃 😇 🤩 🥰 😋 😛 😜 😝 🙁 😖 😞 😟 😢 😭 😦 😧 😨 😩 😰 😥 😮 😯 😵 😷 🤒 🤕 🤢 🤧 🤯 🤮 🥵 🥶 🥴
💋 💘 ❤️ 💓 💔 💕 💖 💗 💙 💚 💛 💜 🖤 💝
💞 💟 ❣️ 💌 💤 💢 💣 💥 💦 💨 💫 💬 🗨️ 🗯️ 💭
🕳️ 💯 🧡 🤡 👹 👺 👻 👽 👾 🤖 💩
You can also write your emojis as text representation and decker will translate them to an image. For a cheat sheet to the text representation see this [github list](https://gist.github.com/rxaviers/7360908).
## Mathematics
Decker uses MathJax to display math equations. For further information take a look at the [MathJax documentation](http://docs.mathjax.org/en/latest/index.html).
### Inline math
To write formulas as part of text put your equation in `$` brackets.
```
To $\infty$ and beyond!
```
To $`\infty`$ and beyond!
### Display math
To write expressions that are not part of text or paragraphs enclose them in double `$$`
```
$$x^2 + y^2 = z^2$$
```
```math
x^2 + y^2 = z^2
```
\ No newline at end of file