feat: add placeholder and rearrange files

source/screens/demo/card.njk

@@ -4,6 +4,7 @@
 {% set pageClass = "html_card" %}
 
 {% extends "demo/_default.njk" %}
+{% import "hippie/macros/_placeholder.njk" as ph %}
 
 {% block title %}Karte{% endblock %}
 
@@ -42,12 +43,12 @@
   <div class="card_box">
     <div id="jsCardHover">
       <p>Titel<br/>and description</p>
-      <h1>Prename Surname</h1>
+      <h1>{{ ph.name() }}</h1>
       <p>
-        <a class="card_address" href="">name@domain.tld</a><br/>
-        <a class="decent" href="http://site.tld">site.tld</a>
+        {{ ph.email('card_address') }}<br/>
+        {{ ph.link('decent', 'site.tld') }}
         &middot;
-        <span class="decent">Street No., Postcode City</span></p>
+        {{ ph.address('decent') }}</p>
     </div>
   </div>
 {% endblock %}

source/screens/index.json

@@ -26,14 +26,6 @@
       "href": "pages/blank.html",
       "text": "Blank"
     },
-    {
-      "href": "pages/card.html",
-      "text": "Card"
-    },
-    {
-      "href": "pages/portal.html",
-      "text": "Portal"
-    },
     {
       "href": "pages/maintenance.html",
       "text": "Maintenance"
@@ -66,5 +58,19 @@
       "href": "pages/error/500.html",
       "text": "500"
     }
+  ],
+  "demo": [
+    {
+      "href": "demo/card.html",
+      "text": "Card"
+    },
+    {
+      "href": "demo/portal.html",
+      "text": "Portal"
+    },
+    {
+      "href": "demo/songbook.html",
+      "text": "Songbook"
+    }
   ]
 }

source/screens/index.njk

@@ -37,7 +37,6 @@
       </div>
       <nav>
         <ul class="list_link">
-          <!-- Loops through "demoadditionallinks" array -->
           {% for link in index %}
             <li>
               <a href="{{ link.href }}">{{ link.text }}</a>
@@ -47,13 +46,20 @@
       </nav>
       <h3>Pages</h3>
       <ul class="list_link">
-        <!-- Loops through "demo-links" array -->
         {% for link in pages %}
           <li>
             <a href="{{ link.href }}">{{ link.text }}</a>
           </li>
         {% endfor %}
       </ul>
+      <h3>Demo</h3>
+      <ul class="list_link">
+        {% for link in demo %}
+          <li>
+            <a href="{{ link.href }}">{{ link.text }}</a>
+          </li>
+        {% endfor %}
+      </ul>
     </div>
   </div>
 {% endblock %}

source/screens/pages/blank.njk

@@ -3,7 +3,7 @@
 {% set pageId = "blank" %}
 {% set pageClass = "h_full_view" %}
 
-{% extends "demo/_default.njk" %}
+{% extends "hippie/_default.njk" %}
 
 {% block title %}Blank{% endblock %}
 

source/screens/pages/error/304.njk

@@ -3,7 +3,7 @@
 {% set pageId = "304" %}
 {% set bodyClass = "body_status" %}
 
-{% extends "demo/_maintenance.njk" %}
+{% extends "hippie/_maintenance.njk" %}
 
 {% block title %}{{ pageId }}{% endblock %}
 {% block head %}

source/screens/pages/error/400.njk

@@ -3,7 +3,7 @@
 {% set pageId = "400" %}
 {% set bodyClass = "body_status" %}
 
-{% extends "demo/_maintenance.njk" %}
+{% extends "hippie/_maintenance.njk" %}
 
 {% block title %}{{ pageId }}{% endblock %}
 {% block head %}

source/screens/pages/error/401.njk

@@ -3,7 +3,7 @@
 {% set pageId = "401" %}
 {% set bodyClass = "body_status" %}
 
-{% extends "demo/_maintenance.njk" %}
+{% extends "hippie/_maintenance.njk" %}
 
 {% block title %}{{ pageId }}{% endblock %}
 {% block head %}

source/screens/pages/error/403.njk

@@ -3,7 +3,7 @@
 {% set pageId = "403" %}
 {% set bodyClass = "body_status" %}
 
-{% extends "demo/_maintenance.njk" %}
+{% extends "hippie/_maintenance.njk" %}
 
 {% block title %}{{ pageId }}{% endblock %}
 {% block head %}

source/screens/pages/error/404.njk

@@ -3,7 +3,7 @@
 {% set pageId = "404" %}
 {% set bodyClass = "body_status" %}
 
-{% extends "demo/_maintenance.njk" %}
+{% extends "hippie/_maintenance.njk" %}
 
 {% block title %}{{ pageId }}{% endblock %}
 {% block head %}

source/screens/pages/error/408.njk

@@ -3,7 +3,7 @@
 {% set pageId = "408" %}
 {% set bodyClass = "body_status" %}
 
-{% extends "demo/_maintenance.njk" %}
+{% extends "hippie/_maintenance.njk" %}
 
 {% block title %}{{ pageId }}{% endblock %}
 {% block head %}

source/screens/pages/error/500.njk

@@ -3,7 +3,7 @@
 {% set pageId = "500" %}
 {% set bodyClass = "body_status" %}
 
-{% extends "demo/_maintenance.njk" %}
+{% extends "hippie/_maintenance.njk" %}
 
 {% block title %}{{ pageId }}{% endblock %}
 {% block head %}

source/screens/pages/error/503.njk

@@ -3,7 +3,7 @@
 {% set pageId = "503" %}
 {% set bodyClass = "body_status" %}
 
-{% extends "demo/_maintenance.njk" %}
+{% extends "hippie/_maintenance.njk" %}
 
 {% block title %}{{ pageId }}{% endblock %}
 {% block head %}

source/screens/pages/maintenance.njk

@@ -3,7 +3,7 @@
 {% set pageId = "blank" %}
 {% set pageClass = "h_full_view" %}
 
-{% extends "demo/_maintenance.njk" %}
+{% extends "hippie/_maintenance.njk" %}
 
 {% block title %}Maintenance{% endblock %}