diff --git a/source/screens/demo/examples/ui/cli.njk b/source/screens/demo/examples/ui/cli.njk
index 3ba032d..dc0800f 100755
--- a/source/screens/demo/examples/ui/cli.njk
+++ b/source/screens/demo/examples/ui/cli.njk
@@ -6,21 +6,7 @@ tags:
{% set pageId = page.fileSlug %}
{% set bodyClass = "body_cli" %}
-{% extends "hippie/_app.njk" %}
-{% import "hippie/macros/_io.njk" as io %}
-
-{% block title %}{{ title }}
-{% endblock %}
-
-{% block links %}
- {{ super() }}
-
-
-{% endblock %}
-
-{% block head %}
- {{ super() }}
-{% endblock %}
+{% extends "hippie/_app_frame.njk" %}
{% block body %}
@@ -47,9 +33,11 @@ tags:
const textarea = document.getElementById('prompt');
- document.body.addEventListener('click', () => {
- textarea.focus();
- });
+ document
+ .body
+ .addEventListener('click', () => {
+ textarea.focus();
+ });
textarea.addEventListener('input', () => {
resizeTextArea(textarea);
diff --git a/source/screens/demo/examples/ui/explorer.njk b/source/screens/demo/examples/ui/explorer.njk
index 628f658..869bcf8 100755
--- a/source/screens/demo/examples/ui/explorer.njk
+++ b/source/screens/demo/examples/ui/explorer.njk
@@ -4,23 +4,8 @@ tags:
- ui
---
{% set pageId = page.fileSlug %}
-{% set bodyClass = "body_frame" %}
-{% extends "hippie/_app.njk" %}
-{% import "hippie/macros/_io.njk" as io %}
-
-{% block title %}{{ title }}
-{% endblock %}
-
-{% block links %}
- {{ super() }}
-
-
-{% endblock %}
-
-{% block head %}
- {{ super() }}
-{% endblock %}
+{% extends "hippie/_app_frame.njk" %}
{% block body %}
{{ io.frameHeader('title-bar') }}
@@ -177,8 +162,4 @@ tags:
-{% endblock %}
-
-{% block script %}
- {{ super() }}
{% endblock %}
\ No newline at end of file
diff --git a/source/screens/demo/examples/ui/form.njk b/source/screens/demo/examples/ui/form.njk
index 94275cd..2e6c088 100644
--- a/source/screens/demo/examples/ui/form.njk
+++ b/source/screens/demo/examples/ui/form.njk
@@ -3,20 +3,10 @@ title: Form
tags:
- ui
---
-{% extends "hippie/_app.njk" %}
-
-{% block title %}{{ title }}
-{% endblock %}
-
-{% block links %}
-
-{% endblock %}
-
-{% block head %}
- {{ super() }}
-{% endblock %}
+{% extends "hippie/_app_frame.njk" %}
{% block body %}
+ {{ io.frameHeader('title-bar') }}
Formulare
diff --git a/source/screens/demo/examples/ui/tui.njk b/source/screens/demo/examples/ui/tui.njk
index 89a3fdd..8f22162 100755
--- a/source/screens/demo/examples/ui/tui.njk
+++ b/source/screens/demo/examples/ui/tui.njk
@@ -4,31 +4,14 @@ tags:
- ui
---
{% set pageId = page.fileSlug %}
-{% set bodyClass = "body_frame" %}
-{% extends "hippie/_app.njk" %}
-{% import "hippie/macros/_io.njk" as io %}
+{% extends "hippie/_app_frame.njk" %}
{% block title %}{{ title }}
{% endblock %}
-{% block links %}
- {{ super() }}
-
-
-{% endblock %}
-
-{% block head %}
- {{ super() }}
-{% endblock %}
-
{% block body %}
{{ io.frameHeader('title-bar') }}
-
-
+
{{ io.frameFooter('mode-bar') }}
-{% endblock %}
-
-{%- block script %}
- {{ super() }}
{% endblock %}
\ No newline at end of file
diff --git a/source/templates/hippie/_app.njk b/source/templates/hippie/_app.njk
index dbee1a7..3dcc729 100755
--- a/source/templates/hippie/_app.njk
+++ b/source/templates/hippie/_app.njk
@@ -18,7 +18,7 @@
{% endblock %}
-
+
{% block body %}{% endblock %}
{% block script %}
diff --git a/source/templates/hippie/_app_frame.njk b/source/templates/hippie/_app_frame.njk
new file mode 100755
index 0000000..19a7504
--- /dev/null
+++ b/source/templates/hippie/_app_frame.njk
@@ -0,0 +1,17 @@
+
+{% extends "hippie/_app.njk" %}
+{% import "hippie/macros/_io.njk" as io %}
+
+{% block head %}
+ {{ super() }}
+{% endblock %}
+
+{% block links %}
+ {{ super() }}
+
+
+{% endblock %}
+
+{% block script %}
+ {{ super() }}
+{% endblock %}
\ No newline at end of file