focus on demo

- sorted files to demo folder
- try to focus more on the creation of demo example files

source/pages/index.njk

@@ -11,14 +11,21 @@
 
 {% block body_content %}
 <div class="wrap">
-  <ul class="list__link hello">
-    <li><a href="intro.html">Intro</a></li>
-    <li><a href="elements.html">Elements</a></li>
-    <li><a href="os.html">OS</a></li>
-    <li><a href="blank.html">Blank</a></li>
-    <li><a href="404.html">404</a></li>
-    <li><a href="500.html">500</a></li>
+  <div class="hello">
+    <h2>Demo Pages</h2>
+    <ul class="list__link">
+      <li><a href="demo/intro.html">Intro</a></li>
+      <li><a href="demo/os.html">OS</a></li>
+      <li><a href="demo/blank.html">Blank</a></li>
+      <li><a href="demo/error/404.html">404</a></li>
+      <li><a href="demo/error/500.html">500</a></li>
     </ul>
+    <h2>Overview about all the styles</h2>
+    <ul class="list__link">
+      <li><a href="elements.html">Elements</a></li>
+      <li><a href="tests.html">Tests</a></li>
+    </ul>
+  </div>
 </div>
 {% endblock %}
 

source/style/modules/demo/_demo_module.scss

@@ -201,6 +201,8 @@
 
 .hello {
 	flex:  0 1 auto;
+	ul {
 		padding: 1em 5em;
 		background-color: rgba(black, 0.25);
 	}
+}