# Demo of Interactive Features [edit]

##### Definition

This page is a showcase of the features that TeX4TUM provides and demonstrates how learning materials could be made interactive, fast accessible, and neat.

Click on the heading to unfold the definition box.

## Interactive Features

### Content Categories

Read only the content you really need. Use the options in the top right corner to change the visibility of the following content:

Using Liquid Tags:

##### Definition

The square root is the math function $\sqrt{\cdot}$.

##### Example

Example $\sqrt{ x^4 } = x^2$

##### Explanation

This is an explanation.

### Interactive Equations

For a low-pass filter, the Cut-Off Frequency is

$f_c = \frac{1}{2\pi R C}$

with the resistance $R$ and capacity $C$

Click on the equation to expand the legend. For resistance $R$ = 10kΩ and capacity $C$ = 100nF the Cut-Off Frequency is $f_c$ =

### Interactive Diagrams

Play with diagrams for better understanding. Click and drag the black ray with the mouse or change any value in the diagram.

### Fast Fuzzy Search

Find an answer blazingly fast. The fuzzy search in the top bar displays results immediately without slow sever communication. Just hit `tab`

to focus the search, then type e.g. “did” to search for “Diode”.

## Basic Fomartting

### Tables

Tables are easily generated.

Feature | Works |
---|---|

Tables | yes |

MOSI | Master Out, Slave In |

MISO | Master In, Slave Out |

### Abreviations

Furthermore, abbreviations such as USB, BIOS, SVG, or JPEG do not need explanations anymore. If you do not know it just move the mouse over it.

### Tab Boxes

You can use boxes with tabs for content that exists in similiar variations.

This should by displayed in tab 1

tabs are simply created by the headers

and this is tab 3. Markdown *elements* and tex $\sqrt{3}$ are supported.

Also content after the tabbox is displayed normally.

## ToDo

- Full responsive design
- remember options with cookies
- consistent JS framework for interactive content
- Improved search: Sorting results, reaction to no results
- More content

## Feature Tests

### Content Categories

**Using Liquid Tags:**

##### Definition

The square root is the math function $\sqrt{\cdot}$.

##### Example

Example $\sqrt{ x^4 } = x^2$

##### Explanation

$x^4 = x^{2+2} = x^2 \cdot x^2$

**Using Own Parser:**

Definition: The square root is the math function

##### Example

$\sqrt{ x^4 } = x^2$

##### Explanation

The answer is $x^2$ because $x^4 = x^{2+2} = x^2 \cdot x^2$

Legend: where $x$ is an arbitrary number

**Using Headings**

##### Explanation of This

This is an explanation to demonstrate the auto detection of an explanation

even over several lines

##### Example Subsection

This is an example to demonstrate the auto detection of an example even over several lines