feat: New ui content

- New frame examples
- Move first parts to macros

source/screens/demo/examples/ui/tui.njk

@@ -0,0 +1,37 @@
+---
+title: TUI
+tags:
+	- ui
+---
+{% set pageId = page.fileSlug %}
+{% set pageClass = "h_full_view" %}
+{% set bodyClass = "body_frame" %}
+
+{% extends "hippie/_app.njk" %}
+{% import "hippie/macros/_io.njk" as io %}
+
+{% block title %}{{ title }}
+{% endblock %}
+
+{% block links %}
+	{{ super() }}
+	<link href="/vendor/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet">
+	<link href="{{ pageBase }}css/ui.css" media="all" rel="stylesheet"/>
+{% endblock %}
+
+{% block head %}
+	{{ super() }}
+{% endblock %}
+
+{% block body %}
+	{{ io.frameHeader('title-bar') }}
+	<main class="io">
+	</main>
+	{{ io.frameFooter('mode-bar') }}
+{% endblock %}
+
+{%- block script %}
+	{{ super() }}
+	<script src="{{ pageBase }}js/app.js"></script>
+	<script></script>
+{% endblock %}