feat: Remove pageBase from liquid templates

- Remove pageBase global from all liquid templates
- Change " to ' for all liquid tags

source/screens/demo/basics.liquid

@@ -3,8 +3,7 @@ title: Basics
 tags:
 - demoIndex
 ---
-{% assign pageBase = "../" -%}
-{% layout "hippie/page.liquid" %}
+{% layout 'hippie/page.liquid' %}
 
 {% block title %}Grundlagen{% endblock %}
 
@@ -278,7 +277,7 @@ tags:
 		<nav class="nav_center_old">
 			<ul>
 				<li>
-					<a href="{{ pageBase }}demo.html" class="a_button">Startseite</a>
+					<a href="/demo/examples/start.html" class="a_button">Startseite</a>
 				</li>
 				<li>
 					<a href="" class="a_button a_internal">Hilfe</a>
@@ -580,7 +579,7 @@ tags:
 	</article>
 	<article>
 		<h1 id="embedded">Eingebundene Inhalte</h1>
-		{% render "hippie/partials/placeholder-flag.liquid", type: "img", width: "128", desc: "Fahne von Interaktionsweise" %}
+		{% render 'hippie/partials/placeholder-flag.liquid', type: 'img', width: '128', desc: 'Fahne von Interaktionsweise' %}
 		<p>Dies ist ein Bild. Es wird mit dem Element
 			<code>&lt;img&gt;</code>
 			eingebunden. Solch ein Bild hat üblicherweise die Attribute
@@ -599,7 +598,7 @@ tags:
 			und
 			<code>&lt;picture&gt;</code>
 			in Kombination verwendet werden.</p>
-		{% render "hippie/partials/placeholder-flag.liquid", type: "img", src: "file", width: "128", desc: "Fahne von Interaktionsweise" %}
+		{% render 'hippie/partials/placeholder-flag.liquid', type: 'img', src: 'file', width: '128', desc: 'Fahne von Interaktionsweise' %}
 	</article>
 	<article>
 		<h1>Tabellen</h1>