feat: Change template for 10print screen

- Move SCSS module
- Change template to simple

source/screens/demo/examples/10print.liquid

@@ -3,8 +3,7 @@ title: 10print
 tags:
 - demoExample
 ---
-{% assign pageBase = "../../" -%}
-{% layout "hippie/full.liquid" %}
+{% layout "hippie/simple.liquid" %}
 
 {% block head %}
 {{ block.super -}}
@@ -16,14 +15,13 @@ tags:
 {% endblock %}
 
 {% block body %}
-<canvas id="10print"></canvas>
+<canvas id="pattern"></canvas>
 {% endblock %}
 
 {% block script %}
-{{ block.super -}}
 <script>
 	// Page script
-	const canvas = document.getElementById('10print');
+	const canvas = document.getElementById('pattern');
 	const ctx = canvas.getContext('2d');
 
 	const lineWidth = 20;

source/screens/demo/examples/game.liquid

@@ -5,7 +5,7 @@ tags:
 - gameExample
 ---
 {% assign bodyClass = "body_game" -%}
-{% layout "hippie/app.liquid" %}
+{% layout "hippie/simple.liquid" %}
 
 {% block body %}
 	<div class="sec_main_center">

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/style/demo.scss

@@ -15,4 +15,5 @@
 @use "modules/demo/demo_module";
 @use "modules/start";
 @use "modules/clock";
+@use "modules/game";
 // @use "modules/YOUR-MODULE/YOUR-FILES";

source/style/ui.scss

@@ -7,7 +7,6 @@
 @use "modules/ui/new_module";
 @use "modules/ui/drag_module";
 @use "modules/ui/form_module";
-@use "modules/ui/game_module";
 @use "modules/ui/gallery_module";
 @use "modules/ui/windows_module";
 @use "modules/ui/table_module";

source/templates/hippie/app.liquid

@@ -12,7 +12,6 @@
 {% endblock %}
 
 {% block script %}
-{{ block.super -}}
 <script src="/vendor/jquery.min.js"></script>
 <script src="/vendor/hippie-script.js"></script>
 <script src="{{ pageBase }}js/globals.js"></script>

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 %}