Jens Vetter

Audio

Zwiefalt (2015)
<audio  src="files/audio/zwiefalt/zwiefalt.mp3" preload="none">
        Sorry, your browser does not support HTML5 audio.
</audio>

Embed internal Video & iFrame & Image

** remember to add videostill (same file name) to user/pages/files/video

open format:

<video id="Hauptplatz_Tresor" class="video-js vjs-big-play-centered" data-setup='{"fluid": true}' width="100%" poster="files/video/gui_vetter_huber.png" controls controlsList="nodownload" preload="none">
  <source src="files/video/gui_vetter_huber.mp4" type="video/mp4">
  Your browser does not support HTML5 video.
</video>

classic 16:9 format

<div id="more-material">

<img src="bureaumaschine/01.Kiblix-Festival-Slowenien.png" alt="Bureaumaschine">
Foto: Kiblix<br>
<br>

<video id="Bureaumaschine" class="video-js vjs-16-9 vjs-big-play-centered" data-setup='{"fluid": true}' width="100%" poster="files/video/bureaumaschine-ars.png" controls controlsList="nodownload" preload="none">
  <source src="files/video/bureaumaschine-ars.mov" type="video/mp4">
  Your browser does not support HTML5 video.
</video>

Video: Marta Campos/ Domi Galleya <br>
<br>

</div>

soundcloud

<iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/168260391&color=%23747474&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>
<br>

comments invisible

<!--
here are comments
-->

Simple code

In this example, `<section></section>` should be wrapped as **code**.

In this example, <section></section> should be wrapped as code.

Multiple lines of code

this 
is 
multiple
lines

Unordered list

+ Lorem ipsum dolor sit amet
+ Consectetur adipiscing elit
+ Integer molestie lorem at massa
+ Facilisis in pretium nisl aliquet
+ Nulla volutpat aliquam velit
  - Phasellus iaculis neque
  - Purus sodales ultricies
  - Vestibulum laoreet porttitor sem
  - Ac tristique libero volutpat at
+ Faucibus porta lacus fringilla vel
+ Aenean sit amet erat nunc
+ Eget porttitor lorem

Tables

| Option | Description |
| ------ | ----------- |
| data   | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext    | extension to be used for dest files. |
Option Description
data path to data files to supply the data that will be passed into templates.
engine engine to be used for processing templates. Handlebars is the default.
ext extension to be used for dest files.

right aligned

| Option | Description |
| ------:| -----------:|
| data   | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext    | extension to be used for dest files. |
Option Description
data path to data files to supply the data that will be passed into templates.
engine engine to be used for processing templates. Handlebars is the default.
ext extension to be used for dest files.

Named Anchors

Named anchors enable you to jump to the specified anchor point on the same page. For example, each of these chapters:

# Table of Contents
  * [Chapter 1](#chapter-1)
  * [Chapter 2](#chapter-2)
  * [Chapter 3](#chapter-3)

will jump to these sections:

## Chapter 1 <a id="chapter-1"></a> Content for chapter one.
## Chapter 2 <a id="chapter-2"></a>
Content for chapter one.
## Chapter 3 <a id="chapter-3"></a>
Content for chapter one.