feat: Change styles and ui

- Change to hippie styles
- Remove unused styles and components
- Change colors for ui pages

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

@@ -5,7 +5,7 @@ tags:
 ---
 {% set pageId = page.fileSlug %}
 {% set pageClass = "h_full_view" %}
-{% set bodyClass = "body_drag" %}
+{% set bodyClass = "body_ui" %}
 
 {% extends "demo/_app.njk" %}
 

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

@@ -4,6 +4,7 @@ tags:
   - ui
 ---
 {% set pageClass = "html_ui" %}
+{% set bodyClass = "body_ui" %}
 
 {% extends "demo/_app.njk" %}
 

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

@@ -24,9 +24,9 @@ tags:
 
 {% block body %}
   {{ header.status(hippie, new) }}
-  <div class="container">
-    <div class="area menu">
-      <nav class="nav_horizontal">
+  <div id="frame">
+    <header class="area menu io">
+      <nav>
         <ul>
           <li>
             <a href="" class="a_button">Func 1</a>
@@ -36,7 +36,7 @@ tags:
           </li>
         </ul>
       </nav>
-    </div>
+    </header>
     <div class="area grid">
       <div class="item">1</div>
       <div class="item">2</div>

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

@@ -5,7 +5,7 @@ tags:
 ---
 {% set pageId = page.fileSlug %}
 {% set pageClass = "h_full_view" %}
-{% set bodyClass = "body_ui" %}
+{% set bodyClass = "body_setting" %}
 
 {% extends "demo/_app.njk" %}
 
@@ -25,7 +25,7 @@ tags:
 {% endblock %}
 
 {% block body %}
-	<div id="frame" class="frame-flex">
+	<div id="frame">
 		<header class="io">
 			<button title="menu">
 				<i class="bi bi-three-dots"></i>
@@ -45,7 +45,7 @@ tags:
 			</nav>
 		</header>
 		<main class="io">
-			<aside class="io left">
+			<aside class="io">
 				options
 				<nav>
 					<ul>
@@ -63,7 +63,7 @@ tags:
 					</ul>
 				</nav>
 			</aside>
-			<section class="bside">
+			<section>
 				<header class="io">
 					<nav>
 						<button title="search">
@@ -81,7 +81,6 @@ tags:
 						</button>
 					</nav>
 					<hr class="vertical">
-					{# // FIXME: Navigationsstile sind chaotisch #}
 					<nav>
 						<ul>
 							<li>