// Dies ist eine Dokumentationsdatei für Autoren und Redakteure der Arduino Manutius-Inhaltsplattform.
// Nachfolgend findest du eine Liste aller möglichen Seitenelemente mit der entsprechenden
// AsciiDoc-Syntax


// GENERELLE RICHTLINIEN
// Das [Leerzeichen]+ sendet Text in eine neue Zeile, d.h. es erzeugt in der HTML-Ausgabe ein <br>, z. B .:
// Dies ist ein Text. +
// Dies ist ein anderer Text in einer neuen Zeile

// Die [%hardbreaks] generiert einen neuen <p>-Absatz, z. B.:
// Das ist ein <p>-Paragraph
// [%hardbreaks]
// Das ist ein weiterer <p>-Paragraph

// Wenn du eine leere Zeile zwischen den Abschnitten der Seite hinzufügen musst, kannst du Folgendes verwenden:
// {empty} +

// Die Verwendung von [%hardbreaks] am Ende eines Chunks ist immer best practice.
// [%hardbreaks] schließen die HTML-Tags, um die HTML-Ausgabe sauber zu halten.

// Dieses ''' ist ein Linienteiler


// SEITENTITEL
= Seitentitel [h1]

// ABSCHNITT DIV MIT ID STARTET
[#name_of_id]
--

// Füge hier Ihren Inhalt hinzu.

// Wenn es sich bei Ihrer Ausgabe um eine HTML-Datei handelt, erstellt dieses Tag ein Wrapper-Div mit der angegebenen ID, z. B.:
// <div id="name_of_id" class="openblock"></div>

--
// ABSCHNITT DIV MIT ID ENDET


// ANDERE TITEL
[float]
== Abschnittsüberschrift [h2]

[float]
=== Absatztitel [h3]

[float]
==== Sub-Absatztitel [h4]


'''

// TEXT-STYLE
Dies ist normaler <p> Text +
*Dies ist ein fetter <strong> Text* +
_Dies ist kursiver <em> Text_ +
*_Dies ist fett + kursiver <strong><em> Text_* +
[small]#Das ist kleiner <span class="small"> Text# +
#Dies ist hervorgehobener <mark> Text# +
'`Dies ist ein Text mit einfachen Anführungszeichen`' +
"`Dies ist ein Text mit doppelten Anführungszeichen`"
[%hardbreaks]

'''

// LINKS
// Bitte beachte, dass alle externen Links in einem neuen Fenster/Tab geöffnet werden müssen, indem du ^ vor den letzten eckigen Klammern hinzufügen
http://arduino.cc[Das ist ein externer <a href> Link^] in einem neuen Tab +
link:../index.html[Das ist eine relativer <a href> Link] +
mailto:webmaster@arduino.cc[Das ist ein E-Mail Link]
[%hardbreaks]

'''

// LISTS
* Das
* ist
** eine
*** ungeordnete
* Liste

[%hardbreaks]

. Das
. is
.. eine
.. ge-
... ord-
... nete
. Liste

'''

// CODE
Dies ist `Code` in einem Satz +
`Dies ist eine ganze Codezeile` +

// HINWEIS: Bitte beachte, dass beim Kopieren und Einfügen von Code am Anfang jeder Codezeile einige Leerzeichen hinzugefügt werden können.
// In diesem Fall entferne bitte die zusätzlichen Leerzeichen. Vielen Dank!

Dies kann viel mehr Code sein
[source,arduino]
----
for (int i = 0; i <= 99; i++) {
  Serial.println('We want more code!');
}
----
[%hardbreaks]

'''

// TABELLEN
|===
|Name der Spalte 1 |Name der Spalte 2 |Name der Spalte 3

|Zelle in Spalte 1, Zeile 1
|Zelle in Spalte 2, Zeile 1
|Zelle in Spalte 3, Zeile 1

|Zelle in Spalte 1, Zeile 2
|Zelle in Spalte 2, Zeile 2
|Zelle in Spalte 3, Zeile 2

|Zelle in Spalte 1, Zeile 3
|Zelle in Spalte 2, Zeile 3
|Zelle in Spalte 3, Zeile 3
|===
[%hardbreaks]

'''

// BILDER

// Wenn du dem Asciidoc ein Bild hinzufügen möchtest, erstelle einen Ordner mit dem Namen 'attachments' in demselben Verzeichnis wie die Asciidoc-Datei.
// Platziere das Bild dort und referenziere es wie unten gezeigt. Bilder können im SVG- und PNG-Format mit einer maximalen Größe von 200 KB vorliegen.

// Ein Bild in eine eigene Zeile einfügen (z.B. ein Blockbild), nutze das image:: Präfix vor dem Dateinamen und eckige Klammern danach []
// Stelle sicher, dass [%hardbreaks] zwischen Text und Bild eingefügt

Dies ist ein Blockbild mit einer URL
[%hardbreaks]
image::https://store-cdn.arduino.cc/uni/catalog/product/cache/1/image/1040x660/604a3538c15e081937dbfbd20aa60aad/A/0/A000066_featured_2.jpg[]


Dies ist ein Bild, das im Anlagenordner mit einer Bildunterschrift gespeichert ist
[%hardbreaks]
image::https://www.arduino.cc/reference/en/AsciiDoc_sample/AsciiDoc_Dictionary/attachments/ArduinoUno_R3_Front_450px.jpg[caption="", title="Ein wunderschönes Arduino UNO"]


'''

// EMBED

Dies ist eine hübsche Einbettung von Code von Gist
++++
<script src="https://gist.github.com/mojavelinux/5333524.js">
</script>
++++

{empty} +

Und dies ist eine weitere von einem Video von YouTube
++++
<iframe width="100%" height="315" src="https://www.youtube.com/watch?v=6cRFf4qkcTw?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
++++
// TIPP: Bitte denke daran, die Breite des Iframes auf 100% festzulegen, damit das Video auf allen Plattformen responsive bleibt

{empty} +

Und hier einige Folien von Slideshare, yay!
++++
<iframe src="https://www.slideshare.net/slideshow/embed_code/4430242" width="100%" height="355" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="//www.slideshare.net/damellis/introduction-to-arduino-4430242" title="Introduction to Arduino" target="_blank">Introduction to Arduino</a> </strong> from <strong><a href="//www.slideshare.net/damellis" target="_blank">David Mellis</a></strong> </div>
++++
// TIPP: Bitte denke daran, die Breite des Iframes auf 100% festzulegen, damit die Folien auf allen Plattformen responsive bleibt

{empty} +

Und das ist ein Sound von SoundCloud
++++
<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/55323777&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
++++
// TIPP: Bitte denke daran, die Breite des Iframes auf 100% festzulegen, damit der Sound auf allen Plattformen responsive bleibt