feat!: move every layout to demo folder

- source/screens is now free for user files
- rename demo templates to their equivalent sources
- add demo maintenance template
- demo templates use html base element

source/screens/demo/basics.njk

@@ -2,7 +2,7 @@
 {% set pageBase = "../" %}
 {% set pageId = "basics" %}
 
-{% extends "demo/_docs.njk" %}
+{% extends "demo/_main.njk" %}
 
 {% block title %}Grundlagen{% endblock %}
 {% block head %}

source/screens/demo/components.njk

@@ -2,7 +2,7 @@
 {% set pageBase = "../" %}
 {% set pageId = "components" %}
 
-{% extends "demo/_docs.njk" %}
+{% extends "demo/_main.njk" %}
 
 {% block title %}Komponenten{% endblock %}
 {% block head %}

source/screens/demo/examples/card.njk

@@ -3,7 +3,7 @@
 {% set pageId = "card" %}
 {% set pageClass = "html_card" %}
 
-{% extends "demo/_demo.njk" %}
+{% extends "demo/_default.njk" %}
 {% import "hippie/macros/_placeholder.njk" as ph %}
 
 {% block title %}Karte{% endblock %}

source/screens/demo/examples/portal.njk

@@ -3,7 +3,7 @@
 {% set pageId = "index" %}
 {% set bodyClass = "body_portal" %}
 
-{% extends "demo/_demo.njk" %}
+{% extends "demo/_default.njk" %}
 
 {% import "demo/macros/_gates.njk" as gate %}
 

source/screens/demo/index.json

@@ -61,15 +61,15 @@
   ],
   "demo": [
     {
-      "href": "demo/card.html",
+      "href": "examples/card.html",
       "text": "Card"
     },
     {
-      "href": "demo/portal.html",
+      "href": "examples/portal.html",
       "text": "Portal"
     },
     {
-      "href": "demo/songbook.html",
+      "href": "examples/songbook.html",
       "text": "Songbook"
     }
   ]

source/screens/demo/index.njk

@@ -1,9 +1,12 @@
+---
+permalink: "/"
+---
 <!-- index.screen -->
 {% set pageBase = hippie.pageBase %}
 {% set pageId = "index" %}
 {% set pageClass = "h_full_view" %}
 
-{% extends "demo/_demo.njk" %}
+{% extends "demo/_default.njk" %}
 
 {% block title %}Index{% endblock %}
 {% block head %}
@@ -39,7 +42,7 @@
         <ul class="list_link">
           {% for link in index %}
             <li>
-              <a href="{{ link.href }}">{{ link.text }}</a>
+              <a href="demo/{{ link.href }}">{{ link.text }}</a>
             </li>
           {% endfor %}
         </ul>
@@ -48,7 +51,7 @@
       <ul class="list_link">
         {% for link in pages %}
           <li>
-            <a href="{{ link.href }}">{{ link.text }}</a>
+            <a href="demo/{{ link.href }}">{{ link.text }}</a>
           </li>
         {% endfor %}
       </ul>
@@ -56,7 +59,7 @@
       <ul class="list_link">
         {% for link in demo %}
           <li>
-            <a href="{{ link.href }}">{{ link.text }}</a>
+            <a href="demo/{{ link.href }}">{{ link.text }}</a>
           </li>
         {% endfor %}
       </ul>

source/screens/demo/introduction.njk

@@ -2,7 +2,7 @@
 {% set pageBase = "../" %}
 {% set pageId = "intro" %}
 
-{% extends "demo/_docs.njk" %}
+{% extends "demo/_main.njk" %}
 
 {% block title %}Einführung{% endblock %}
 {% block head %}

source/screens/demo/layouts.njk

@@ -2,7 +2,7 @@
 {% set pageBase = "../" %}
 {% set pageId = "layouts" %}
 
-{% extends "demo/_docs.njk" %}
+{% extends "demo/_main.njk" %}
 
 {% block title %}Gestaltungen{% endblock %}
 {% block head %}

source/screens/demo/pages/blank.njk

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

source/screens/demo/pages/error/304.njk

@@ -3,14 +3,14 @@
 {% set pageId = "304" %}
 {% set bodyClass = "body_status" %}
 
-{% extends "hippie/_maintenance.njk" %}
+{% extends "demo/_maintenance.njk" %}
 
 {% block title %}{{ pageId }}{% endblock %}
 {% block head %}
 {{ super() }}
 {% endblock %}
 
-{% block main %}
+{% block body %}
 <main class="main_site">
   <h1>{{ pageId }}</h1>
   <h3>Umleitung</h3>

source/screens/demo/pages/error/400.njk

@@ -3,14 +3,14 @@
 {% set pageId = "400" %}
 {% set bodyClass = "body_status" %}
 
-{% extends "hippie/_maintenance.njk" %}
+{% extends "demo/_maintenance.njk" %}
 
 {% block title %}{{ pageId }}{% endblock %}
 {% block head %}
 {{ super() }}
 {% endblock %}
 
-{% block main %}
+{% block body %}
 <main class="main_site">
   <h1>{{ pageId }}</h1>
   <h3>Client-Fehler</h3>

source/screens/demo/pages/error/401.njk

@@ -3,14 +3,14 @@
 {% set pageId = "401" %}
 {% set bodyClass = "body_status" %}
 
-{% extends "hippie/_maintenance.njk" %}
+{% extends "demo/_maintenance.njk" %}
 
 {% block title %}{{ pageId }}{% endblock %}
 {% block head %}
 {{ super() }}
 {% endblock %}
 
-{% block main %}
+{% block body %}
 <main class="main_site">
   <h1>{{ pageId }}</h1>
   <h3>Client-Fehler</h3>

source/screens/demo/pages/error/403.njk

@@ -3,14 +3,14 @@
 {% set pageId = "403" %}
 {% set bodyClass = "body_status" %}
 
-{% extends "hippie/_maintenance.njk" %}
+{% extends "demo/_maintenance.njk" %}
 
 {% block title %}{{ pageId }}{% endblock %}
 {% block head %}
 {{ super() }}
 {% endblock %}
 
-{% block main %}
+{% block body %}
 <main class="main_site">
   <h1>{{ pageId }}</h1>
   <h3>Client-Fehler</h3>

source/screens/demo/pages/error/404.njk

@@ -3,14 +3,14 @@
 {% set pageId = "404" %}
 {% set bodyClass = "body_status" %}
 
-{% extends "hippie/_maintenance.njk" %}
+{% extends "demo/_maintenance.njk" %}
 
 {% block title %}{{ pageId }}{% endblock %}
 {% block head %}
 {{ super() }}
 {% endblock %}
 
-{% block main %}
+{% block body %}
 <main class="main_site">
   <h1>{{ pageId }}</h1>
   <h3>Client-Fehler</h3>

source/screens/demo/pages/error/408.njk

@@ -3,14 +3,14 @@
 {% set pageId = "408" %}
 {% set bodyClass = "body_status" %}
 
-{% extends "hippie/_maintenance.njk" %}
+{% extends "demo/_maintenance.njk" %}
 
 {% block title %}{{ pageId }}{% endblock %}
 {% block head %}
 {{ super() }}
 {% endblock %}
 
-{% block main %}
+{% block body %}
 <main class="main_site">
   <h1>{{ pageId }}</h1>
   <h3>Client-Fehler</h3>

source/screens/demo/pages/error/500.njk

@@ -3,14 +3,14 @@
 {% set pageId = "500" %}
 {% set bodyClass = "body_status" %}
 
-{% extends "hippie/_maintenance.njk" %}
+{% extends "demo/_maintenance.njk" %}
 
 {% block title %}{{ pageId }}{% endblock %}
 {% block head %}
 {{ super() }}
 {% endblock %}
 
-{% block main %}
+{% block body %}
 <main class="main_site">
   <h1>{{ pageId }}</h1>
   <h3>Server-Fehler</h3>

source/screens/demo/pages/error/503.njk

@@ -3,14 +3,14 @@
 {% set pageId = "503" %}
 {% set bodyClass = "body_status" %}
 
-{% extends "hippie/_maintenance.njk" %}
+{% extends "demo/_maintenance.njk" %}
 
 {% block title %}{{ pageId }}{% endblock %}
 {% block head %}
 {{ super() }}
 {% endblock %}
 
-{% block main %}
+{% block body %}
 <main class="main_site">
   <h1>{{ pageId }}</h1>
   <h3>Server-Fehler</h3>

source/screens/demo/pages/maintenance.njk

@@ -1,18 +1,18 @@
-<!-- maintenance.page -->
-{% set pageBase = "../" %}
-{% set pageId = "blank" %}
-{% set pageClass = "h_full_view" %}
-
-{% extends "hippie/_maintenance.njk" %}
-
-{% block title %}Maintenance{% endblock %}
-
-{% block head %}
-{{ super() }}
-{% endblock %}
-
-{% block main %}
-<div id="root" class="overflow">
-  <h1 class="txt_hero txt_center txt_gradient">HIPPIE</h1>
-</div>
-{% endblock %}
+<!-- maintenance.page -->
+{% set pageBase = "../" %}
+{% set pageId = "blank" %}
+{% set pageClass = "h_full_view" %}
+
+{% extends "demo/_maintenance.njk" %}
+
+{% block title %}Maintenance{% endblock %}
+
+{% block head %}
+{{ super() }}
+{% endblock %}
+
+{% block body %}
+<div id="root" class="overflow">
+  <h1 class="txt_hero txt_center txt_gradient">HIPPIE</h1>
+</div>
+{% endblock %}