feat: Replace nunjucks with new template and screen

- Replace ui index with liquid
- Add simple template inheriting from default

source/screens/demo/examples/ui/index.liquid

@@ -0,0 +1,24 @@
+---
+title: UI
+tags:
+- demoExample
+- index
+---
+{% layout "hippie/simple.liquid" %}
+
+{% block title %}{{ title }}{% endblock %}
+
+{% block body %}
+<div class="sec_main_center">
+	<nav role="doc-toc">
+		<h1>{{ title }}</h1>
+		<ul class="list_link">
+			{%- for ui in collections.ui -%}
+				<li>
+					<a href="{{ ui.page.url }}">{{ ui.data.title }}</a>
+				</li>
+			{%- endfor -%}
+		</ul>
+	</nav>
+</div>
+{% endblock %}

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

@@ -1,25 +0,0 @@
----
-title: UI
-tags: 
-  - demoExample
-  - index
----
-{% extends "demo/_default.njk" %}
-{% import "hippie/macros/_placeholder.njk" as ph %}
-
-{% block title %}{{ title }}{% endblock %}
-
-{% block body %}
-	<div class="sec_main_center">
-		<nav role="doc-toc">
-			<h1>{{ title }}</h1>
-			<ul class="list_link">
-				{%- for ui in collections.ui -%}
-					<li>
-						<a href="{{ ui.page.url }}">{{ ui.data.title }}</a>
-					</li>
-				{%- endfor -%}
-			</ul>
-		</nav>
-	</div>
-{% endblock %}

source/templates/hippie/simple.liquid

@@ -0,0 +1,15 @@
+{% assign pageId = page.fileSlug -%}
+{% layout "hippie/default.liquid" %}
+
+{% block title %}{{ title }}{% endblock %}
+
+{% block links %}
+{{ block.super -}}
+<link href="/css/demo.css" media="all" rel="stylesheet"/>
+{% endblock %}
+
+{% block script %}
+<script src="/vendor/hippie-script.js"></script>
+<script src="/js/globals.js"></script>
+<script src="/js/app.js"></script>
+{% endblock %}