feat: Consolidate body navigation

- Update html spec in components page
- Add form components
- Add JS for components which is not globally available
- Move body navigation to main template
- Reformat main template

source/screens/demo/basics.njk

@@ -15,8 +15,6 @@ tags:
 
 {% block main %}
 	<!-- {{ page.fileSlug }}.page -->
-	{% include "hippie/partials/_body_nav.njk" %}
-
 	<div id="begin" class="demo__intro">
 		Dies ist einfach nur Text.<br>Weniger wäre Nichts, denn dieser Text ist nicht durch ein spezifisches Element umschlossen.<br>Das ist normalerweise nicht vorgesehen und wird hier nur zur Einführung und Anschauung verwendet.<br><br>
 		<article>
@@ -647,6 +645,7 @@ tags:
 				nur lesbar gemacht werden oder mittels
 				<code>disabled</code>
 				gänzlich deaktiviert werden.</p>
+			{# // TODO: Abstände, besonders margin generell überarbeiten #}
 			<p><input type="text" value="Nur lesbare Eingabe" readonly="readonly"><input type="text" value="Deaktivierte Eingabe" size="21" disabled="disabled">
 				<button disabled="disabled">Deaktivierte Schaltfläche</button>
 			</p>
@@ -867,27 +866,4 @@ tags:
 			</header>
 		</section>
 	</div>
-
-{% endblock %}
-
-{% block script %}
-	{{ super() }}
-	<script>
-		assetsLoaded = true;
-		logPerf('Assets loaded.', assetsLoaded);
-		// Page specific
-		// ------------------------------------------------------------------------------
-		// Create instance of object made by contructor function
-		var scrollUi = new HippieScroll($('.js_scrolltop'), $('.js_scrolldown'));
-		var helpUi = new HippieMeta($('.js_showmeta'), $('.js_pop'));
-
-		$(document).ready(function () {
-			logPerf('JQ document ready event fired.');
-		});
-
-		$(document).scroll(function () {
-			scrollUi.check();
-		});
-		logPerf('Application ready... not.');
-	</script>
 {% endblock %}