diff --git a/source/screens/demo/introduction.liquid b/source/screens/demo/introduction.liquid
new file mode 100644
index 0000000..af5cf07
--- /dev/null
+++ b/source/screens/demo/introduction.liquid
@@ -0,0 +1,40 @@
+---
+title: Introduction
+tags:
+- demoIndex
+---
+{% layout "hippie/page.liquid" %}
+
+{% block title %}Einführung{% endblock %}
+
+{% block main %}
+<section class="sec_main_center">
+	<header>
+		<hgroup>
+			<h1>Introduction to HIPPIE</h1>
+			<p>Hippie interweaves preeminent personal interface elements.</p>
+		</hgroup>
+	</header>
+	<article>
+		<p>&hellip;</p>
+		<p>Contact: <a id="special" href=""></a>
+		</p>
+		<p>More: <a class="general" href=""></a>, <a class="general" href=""></a>
+		</p>
+	</article>
+</section>
+{% endblock %}
+
+{% block script %}
+{{ block.super -}}
+<script>
+	assetsLoaded = true;
+	logPerf('Assets loaded.', assetsLoaded);
+	// Page specific
+	// ------------------------------------------------------------------------------
+	composeMail('special', 'me', 'domain', 'tld', 'Me', 'HIPPIE')
+	composeMail('.general', 'name', 'domain', 'tld', '', '')
+
+	logPerf('Application ready... not.');
+</script>
+{% endblock %}
\ No newline at end of file
diff --git a/source/screens/demo/introduction.njk b/source/screens/demo/introduction.njk
deleted file mode 100644
index f1a9752..0000000
--- a/source/screens/demo/introduction.njk
+++ /dev/null
@@ -1,47 +0,0 @@
----
-title: Introduction
-tags:
-  - demoIndex
----
-{% set pageBase = "../" %}
-{% set pageId = "intro" %}
-
-{% extends "demo/_main.njk" %}
-
-{% block title %}Einführung{% endblock %}
-{% block head %}
-	{{ super() }}
-{% endblock %}
-
-{% block main %}
-	<!-- {{ page.fileSlug }}.page -->
-	<section class="sec_main_center">
-		<header>
-			<hgroup>
-				<h1>Introduction to HIPPIE</h1>
-				<p>Hippie interweaves preeminent personal interface elements.</p>
-			</hgroup>
-		</header>
-		<article>
-			<p>&hellip;</p>
-			<p>Contact: <a id="special" href=""></a>
-			</p>
-			<p>More: <a class="general" href=""></a>, <a class="general" href=""></a>
-			</p>
-		</article>
-	</section>
-{% endblock %}
-
-{% block script %}
-	{{ super() }}
-	<script>
-		assetsLoaded = true;
-		logPerf('Assets loaded.', assetsLoaded);
-		// Page specific
-		// ------------------------------------------------------------------------------
-		composeMail('special', 'me', 'domain', 'tld', 'Me', 'HIPPIE')
-		composeMail('.general', 'name', 'domain', 'tld', '', '')
-
-		logPerf('Application ready... not.');
-	</script>
-{% endblock %}
\ No newline at end of file