# Demo of Interactive Features 

##### 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$ = 159 Hz. Click on the values of R and C in the text to change them!

### Interactive Diagrams

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

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
• consistent JS framework for interactive content
• 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$

where $x$ is an arbitrary number

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