feat: modify intro page and new todos

- Add hgroup element to intro
- Correct some spelling
- New todos

source/screens/demo/intro.njk

@@ -13,7 +13,7 @@
   {% include "hippie/partials/_body_nav.njk" %}
 
   <div id="begin" class="demo__intro">
-    Dies ist einfach nur Text.<br>Weniger wäre Nichts, denn dieser Text ist nicht durch ein spezifisches Element umschlossen.<br>Dies ist normalerweise nicht vorgesehen und wird hier nur zur Einführung und Anschauung verwendet.<br><br>
+    Dies ist einfach nur Text.<br>Weniger wäre Nichts, denn dieser Text ist nicht durch ein spezifisches Element umschlossen.<br>Das ist normalerweise nicht vorgesehen und wird hier nur zur Einführung und Anschauung verwendet.<br><br>
     <article>
       <p>Es wirken nur die Eigenschaften des
         <code>&lt;body&gt;</code>
@@ -66,8 +66,10 @@
       <h3>Überschrift 3 ist in Großbuchstaben gesetzt</h3>
       <h4>Überschrift 4 verwendet normale Buchstaben und gleicht ansonsten Überschrift 3</h4>
       <h5>Überschrift 5 ist Überschrift 5</h5>
-      <h6>Überschrift 6</h6>
-      <p>Schließlich eine Überschrift in der Größe des Fließtextes. Allerdings in fett.</p>
+      <hgroup>
+        <h6>Überschrift 6</h6>
+        <p>Überschriften können mit dem Element <code>&lt;hgroup&gt;</code> mit Absätzen gruppiert werden um beispielsweise Untertitel abzubilden.</p>
+      </hgroup>
     </article>
     <article>
       <h1 id="grouping">Gruppierung</h1>
@@ -493,7 +495,7 @@
       </aside>
       <p>Der Inhalt wird dann mit
         <code>&lt;ins&gt;</code>
-        ausgezeichnet. Wird Text entfernt, kommt das
+        ausgezeichnet. Wird Text entfernt, kommt 
         <code>&lt;del&gt;</code>
         zum Einsatz.</p>
       <h6>Zu Tun</h6>