general work

- renamed nunjucks extension to njk
- removed old demo html files
- started to change CRLF to LF
- detail work on style definitions
- added structure for demo files

source/pages/tests.njk

@@ -0,0 +1,87 @@
+<!-- blank.njk -->
+{% set pageId = "blank" %}
+{% set pageClass = "height_full" %}
+
+{% extends "default.njk" %}
+
+{% block title %}blank{% endblock %}
+{% block head %}
+{{ super() }}
+<style>
+#error {
+	border: 1px solid #FFFF66;
+	background-color: #FFFFCC;
+	display: inline-block;
+	margin-left: 10px;
+	padding: 3px;
+	display: none;
+}
+</style>
+{% endblock %}
+
+{% block body_content %}
+<input type="password" name="txtPassword" onkeypress="capLock(event)" />
+<div id="divMayus" style="visibility:hidden">Caps Lock is on.</div>
+<form action="">
+  <input id="txtName" type="text" /><span id="error">Caps Lock is ON.</span>
+</form>
+{% endblock %}
+
+{% block script %}
+<script type="text/javascript">
+// Page specific
+// ------------------------------------------------------------------------------
+$( document ).ready(function() {
+	console.log('HIPPIE Tests');
+
+});
+function capLock(e){
+	kc = e.keyCode?e.keyCode:e.which;
+	sk = e.shiftKey?e.shiftKey:((kc == 16)?true:false);
+	if(((kc >= 65 && kc <= 90) && !sk)||((kc >= 97 && kc <= 122) && sk))
+	document.getElementById('divMayus').style.visibility = 'visible';
+	else
+	document.getElementById('divMayus').style.visibility = 'hidden';
+}
+
+function capsDetect() {
+	var body = document.getElementsByTagName('body')[0];
+	var isShiftPressed = false;
+	var isCapsOn = false;
+	var capsWarning = document.getElementById('error');
+	body.addEventListener('keydown', function(e) {
+		var keyCode = e.keyCode ? e.keyCode : e.which;
+		if (keyCode === 16) {
+			isShiftPressed = true;
+		}
+	});
+	body.addEventListener('keyup', function(e) {
+		var keyCode = e.keyCode ? e.keyCode : e.which;
+		if (keyCode === 16) {
+			isShiftPressed = false;
+		}
+		if (keyCode === 20) {
+			if (isCapsOn) {
+				isCapsOn = false;
+				capsWarning.style.display = 'none';
+			} else {
+				isCapsOn = true;
+				capsWarning.style.display = 'inline-block';
+			}
+		}
+	});
+	body.addEventListener('keypress', function(e) {
+		var keyCode = e.keyCode ? e.keyCode : e.which;
+		if (keyCode <= 40)
+		return;
+		if (keyCode >= 65 && keyCode <= 90 && !isShiftPressed) {
+			isCapsOn = true;
+			capsWarning.style.display = 'inline-block';
+		} else {
+			capsWarning.style.display = 'none';
+		}
+	});
+}
+capsDetect();
+</script>
+{% endblock %}