feat: add ui examples

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

@@ -0,0 +1,50 @@
+---
+title: Settings
+tags:
+  - demoExample
+  - ui
+---
+{% set pageId = page.fileSlug %}
+{% set pageClass = "h_full_view" %}
+{% set bodyClass = "body_ui" %}
+
+{% extends "demo/_app.njk" %}
+
+{% block title %}{{ title }}
+{% endblock %}
+
+{% block links %}
+  {{ super() }}
+  <link href="{{ pageBase }}css/ui.css" media="all" rel="stylesheet"/>
+{% endblock %}
+
+{% block head %}
+  {{ super() }}
+{% endblock %}
+
+{% block body %}
+<div id="frame" class="frame-flex">
+  <div class="title-bar">
+    <div>title-bar<button class="io_button">menu</button class="io_button"><button class="io_button">search</button class="io_button"></div>
+    <div><button class="io_button">minimize</button class="io_button"><button class="io_button">maximize</button class="io_button"><button class="io_button">close</button class="io_button"></div>
+  </div>
+  <main>
+    <aside class="left">aside
+    <nav>
+      <ul>
+        <li>setting</li>
+        <li>setting</li>
+      </ul>
+    </nav>
+    </aside>
+    <section class="bside">section</section>
+  </main>
+</div>
+{% endblock %}
+
+{%- block script %}
+  {{ super() }}
+  <script src="{{ pageBase }}js/app.js"></script>
+  <script>
+  </script>
+{% endblock %}