You can start using it by replacing this file with your own index page.
-
To do this you need to create a file
- /index.njk
- inside the
- source/screens
- folder. You can also create a
- data.json
- file inside the
- source/templates
- folder as a data source for your nunjucks files.
-
For a very basic start you can make a copy of the demo page
- blank.njk. You can find it at
- /source/screens/demo.
-
The
- source/demo
- folder contains an overview of all HTML elements and also examples for CSS style combinations and even whole
- page layouts. Follow the white rabbit.
-
-
()() (..) c(")(")
-
Overview
-
-
-
Page
-
- {% assign pagesByTitle = collections.demoPage | sort: 'data.title' %}
-
- {% for link in pagesByTitle %}
-
-{% endblock %}
-
-{% block script %}
-{{ block.super -}}
-{% render 'hippie/partials/log-assets', state: true -%}
-{% render 'hippie/partials/log-log', msg: 'BODY :: Assets loaded, running page specific script...', arg: true -%}
-
-{% render 'hippie/partials/log-log' with 'Application ready... or is it?' as msg -%}
-{% endblock %}
\ No newline at end of file
diff --git a/source/screens/demo/index.njk b/source/screens/demo/index.njk
new file mode 100644
index 0000000..c50c516
--- /dev/null
+++ b/source/screens/demo/index.njk
@@ -0,0 +1,82 @@
+---
+permalink: "/"
+title: Index
+tags:
+ - demoIndex
+---
+{% set pageBase = hippie.pageBase %}
+{% set pageId = page.fileSlug %}
+{% set pageClass = "h_full_view" %}
+
+{% extends "demo/_default.njk" %}
+
+{% block title %}Index{% endblock %}
+{% block head %}
+ {{ super() }}
+{% endblock %}
+
+{% block body %}
+
+
+
+
This is
+ {{ hippie.brand | upper }}
+
You can start using it by replacing this file with your own index page.
+
To do this you need to create a file
+ /index.njk
+ inside the
+ source/screens
+ folder. You can also create a
+ data.json
+ file inside the
+ source/templates
+ folder as a data source for your nunjucks files.
+
For a very basic start you can make a copy of the demo page
+ blank.njk. You can find it at
+ /source/screens/demo.
+
The
+ source/demo
+ folder contains an overview of all HTML elements and also examples for CSS style combinations and even whole page layouts. Follow the white rabbit.
+
+
()() (..) c(")(")
+
Overview
+
+
+
Page
+
+ {% for link in collections.demoPage | sort(false, false, 'data.title') %}
+
Der Inhalt der angeforderten Ressource hat sich seit der letzten Abfrage des Clients nicht verändert und wird
- deshalb nicht übertragen. Zu den Einzelheiten siehe Browser-Cache-Versionsvergleich.
-
-{% endblock %}
\ No newline at end of file
diff --git a/source/screens/demo/pages/error/304.njk b/source/screens/demo/pages/error/304.njk
new file mode 100644
index 0000000..1d47451
--- /dev/null
+++ b/source/screens/demo/pages/error/304.njk
@@ -0,0 +1,26 @@
+---
+title: 304
+---
+{% set pageBase = "../../" %}
+{% set pageId = page.fileSlug %}
+{% set bodyClass = "body_status" %}
+
+{% extends "demo/_maintenance.njk" %}
+
+{% block title %}{{ title }}{% endblock %}
+{% block head %}
+{{ super() }}
+{% endblock %}
+
+{% block body %}
+
+
{{ title }}
+
Umleitung
+
Unverändert Not Modified
+
+
Der Inhalt der angeforderten Ressource hat sich seit der letzten Abfrage des Clients nicht verändert und wird deshalb nicht übertragen. Zu den Einzelheiten siehe Browser-Cache-Versionsvergleich.
Die Anfrage kann nicht ohne gültige Authentifizierung durchgeführt werden. Wie die Authentifizierung durchgeführt
- werden soll, wird im „WWW-Authenticate“-Header-Feld der Antwort übermittelt.
-{% endblock %}
\ No newline at end of file
diff --git a/source/screens/demo/pages/error/401.njk b/source/screens/demo/pages/error/401.njk
new file mode 100644
index 0000000..f38c3f9
--- /dev/null
+++ b/source/screens/demo/pages/error/401.njk
@@ -0,0 +1,26 @@
+---
+title: 401
+---
+{% set pageBase = "../../" %}
+{% set pageId = page.fileSlug %}
+{% set bodyClass = "body_status" %}
+
+{% extends "demo/_maintenance.njk" %}
+
+{% block title %}{{ title }}{% endblock %}
+{% block head %}
+{{ super() }}
+{% endblock %}
+
+{% block body %}
+
+
{{ title }}
+
Client-Fehler
+
Nicht autorisiert! Unauthorized
+
+
Die Anfrage kann nicht ohne gültige Authentifizierung durchgeführt werden. Wie die Authentifizierung durchgeführt werden soll, wird im „WWW-Authenticate“-Header-Feld der Antwort übermittelt.
Die Anfrage wurde mangels Berechtigung des Clients nicht durchgeführt, bspw. weil der authentifizierte Benutzer
- nicht berechtigt ist, oder eine als HTTPS konfigurierte URL nur mit HTTP aufgerufen wurde.
-{% endblock %}
\ No newline at end of file
diff --git a/source/screens/demo/pages/error/403.njk b/source/screens/demo/pages/error/403.njk
new file mode 100644
index 0000000..03904e4
--- /dev/null
+++ b/source/screens/demo/pages/error/403.njk
@@ -0,0 +1,26 @@
+---
+title: 403
+---
+{% set pageBase = "../../" %}
+{% set pageId = page.fileSlug %}
+{% set bodyClass = "body_status" %}
+
+{% extends "demo/_maintenance.njk" %}
+
+{% block title %}{{ title }}{% endblock %}
+{% block head %}
+{{ super() }}
+{% endblock %}
+
+{% block body %}
+
+
{{ title }}
+
Client-Fehler
+
Nicht erlaubt! Forbidden
+
+
Die Anfrage wurde mangels Berechtigung des Clients nicht durchgeführt, bspw. weil der authentifizierte Benutzer nicht berechtigt ist, oder eine als HTTPS konfigurierte URL nur mit HTTP aufgerufen wurde.
Die angeforderte Ressource wurde nicht gefunden. Dieser Statuscode kann ebenfalls verwendet werden, um eine
- Anfrage ohne näheren Grund abzuweisen. Links, welche auf solche Fehlerseiten verweisen, werden auch als Tote
- Links bezeichnet.
-{% endblock %}
\ No newline at end of file
diff --git a/source/screens/demo/pages/error/404.njk b/source/screens/demo/pages/error/404.njk
new file mode 100644
index 0000000..bebd4f5
--- /dev/null
+++ b/source/screens/demo/pages/error/404.njk
@@ -0,0 +1,26 @@
+---
+title: 404
+---
+{% set pageBase = "../../" %}
+{% set pageId = page.fileSlug %}
+{% set bodyClass = "body_status" %}
+
+{% extends "demo/_maintenance.njk" %}
+
+{% block title %}{{ title }}{% endblock %}
+{% block head %}
+{{ super() }}
+{% endblock %}
+
+{% block body %}
+
+
{{ title }}
+
Client-Fehler
+
Hier ist nichts. Not Found
+
+
Die angeforderte Ressource wurde nicht gefunden. Dieser Statuscode kann ebenfalls verwendet werden, um eine Anfrage ohne näheren Grund abzuweisen. Links, welche auf solche Fehlerseiten verweisen, werden auch als Tote Links bezeichnet.
Der Server steht temporär nicht zur Verfügung, zum Beispiel wegen Überlastung oder Wartungsarbeiten. Ein
- „Retry-After“-Header-Feld in der Antwort kann den Client auf einen Zeitpunkt hinweisen, zu dem die Anfrage
- eventuell bearbeitet werden könnte.
-{% endblock %}
\ No newline at end of file
diff --git a/source/screens/demo/pages/error/503.njk b/source/screens/demo/pages/error/503.njk
new file mode 100644
index 0000000..f215a54
--- /dev/null
+++ b/source/screens/demo/pages/error/503.njk
@@ -0,0 +1,26 @@
+---
+title: 503
+---
+{% set pageBase = "../../" %}
+{% set pageId = page.fileSlug %}
+{% set bodyClass = "body_status" %}
+
+{% extends "demo/_maintenance.njk" %}
+
+{% block title %}{{ title }}{% endblock %}
+{% block head %}
+{{ super() }}
+{% endblock %}
+
+{% block body %}
+
+
{{ title }}
+
Server-Fehler
+
Dienst nicht verfügbar. Service Unavailable
+
+
Der Server steht temporär nicht zur Verfügung, zum Beispiel wegen Überlastung oder Wartungsarbeiten. Ein „Retry-After“-Header-Feld in der Antwort kann den Client auf einen Zeitpunkt hinweisen, zu dem die Anfrage eventuell bearbeitet werden könnte.
Link
-
-