Improve tests. Fix (major) typos. Include Piwik and it tracks the language.

16 files changed, 53 insertions, 35 deletions

diff --git a/views/about.html b/views/about.html
index 0e75f60..364bc28 100644
--- a/views/about.html
+++ b/views/about.html
@@ -62,4 +62,4 @@
 		</div>
 	</div>
 </div>
-{{template "footer.html"}}
+{{template "footer.html" .Language}}
diff --git a/views/about_de.html b/views/about_de.html
index 0f46fed..7cee528 100644
--- a/views/about_de.html
+++ b/views/about_de.html
@@ -63,4 +63,4 @@
 		</div>
 	</div>
 </div>
-{{template "footer.html"}}
+{{template "footer.html" .Language}}
diff --git a/views/footer.html b/views/footer.html
index 19c589b..007474b 100644
--- a/views/footer.html
+++ b/views/footer.html
@@ -19,7 +19,25 @@
 <script>
 	$(document).ready(function(){
 		$('.dropdown-toggle').dropdown();
-	})
+	});
+	var _paq = _paq || [];
+	_paq.push(['trackPageView']);
+	_paq.push(['enableLinkTracking']);
+	(function() {
+		var u="//a.iamfabulous.de/";
+		_paq.push(['setTrackerUrl', u+'piwik.php']);
+		_paq.push(['setSiteId', 12]);
+		/*
+		_paq.push([function () {
+		    if (!this.getCustomVariable(1)) {
+			    this.setCustomVariable(1, "Language", {{.}}, "visit");
+		    }
+		}]);
+		*/
+		_paq.push(['setCustomVariable', 1, "Language",{{.}}, "visit"]);
+        	var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+	    	g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
+      })();
 </script>
   </body>
 </html>
diff --git a/views/howto.html b/views/howto.html
index 03bb4f7..72a4e3f 100644
--- a/views/howto.html
+++ b/views/howto.html
@@ -49,4 +49,4 @@
 		</div>
 	</div>
 </div>
-{{template "footer.html"}}
+{{template "footer.html" .Language}}
diff --git a/views/howto_de.html b/views/howto_de.html
index b573a09..76ce646 100644
--- a/views/howto_de.html
+++ b/views/howto_de.html
@@ -46,4 +46,4 @@
 		</div>
 	</div>
 </div>
-{{template "footer.html"}}
+{{template "footer.html" .Language}}
diff --git a/views/index.html b/views/index.html
index 423f176..4e5b2ee 100644
--- a/views/index.html
+++ b/views/index.html
@@ -44,4 +44,4 @@
 		</div>
 	</div>
 </div>
-{{template "footer.html"}}
+{{template "footer.html" .Language}}
diff --git a/views/index_de.html b/views/index_de.html
index 839c5c6..f563b9e 100644
--- a/views/index_de.html
+++ b/views/index_de.html
@@ -8,7 +8,7 @@
 		<p>Genervt from Spam? Sie brauchen nur ein E-Mail Adresse? Oder Sie besitzen eine eigene Domain und möchten darüber E-Mails versenden?
 			<strong>Hier sind Sie genau richtig!</strong>
 			<br>Komplett kostenlos und werbefrei!</p>
-		<p><a class="btn btn-primary btn-lg btn-raised" href="/about" role="button"><span class="fa fa-sign-in"></span> Neue Adresse &raquo;</a></p>
+		<p><a class="btn btn-primary btn-lg btn-raised" href="/register" role="button"><span class="fa fa-sign-in"></span> Neue Adresse &raquo;</a></p>
 	</div>
 </div>
 <div class="container">
@@ -43,4 +43,4 @@
 		</div>
 	</div>
 </div>
-{{template "footer.html"}}
+{{template "footer.html" .Language}}
diff --git a/views/navbar_de.html b/views/navbar_de.html
index 747d4b8..e5f35f7 100644
--- a/views/navbar_de.html
+++ b/views/navbar_de.html
@@ -22,7 +22,7 @@
 					<a class="" href="/locale?to=en" title="Change to English"><span class="fa fa-language"></span> en</a>
 				</li>
 				<li class="dropdown">
-					<a class="" href="/register" title="Nutzer" data-target="#" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> Mehr <span class="caret"></span></a>
+					<a class="" href="/register" title="Nutzer" data-target="#" data-toggle="dropdown"><span class="fa fa-plus"></span> Mehr <span class="caret"></span></a>
 					<ul class="dropdown-menu" role="menu">
 						<li>
 							<a class="" href="/about" title="Über uns"><span class="glyphicon glyphicon-file"></span> Über uns</a>
diff --git a/views/password.html b/views/password.html
index c5bedee..2b109d5 100644
--- a/views/password.html
+++ b/views/password.html
@@ -73,4 +73,4 @@
 		</div>
 	</div>
 </div>
-{{template "footer.html"}}
+{{template "footer.html" .Language}}
diff --git a/views/password_de.html b/views/password_de.html
index 606ff4b..66792d5 100644
--- a/views/password_de.html
+++ b/views/password_de.html
@@ -73,4 +73,4 @@
 		</div>
 	</div>
 </div>
-{{template "footer.html"}}
+{{template "footer.html" .Language}}
diff --git a/views/register.html b/views/register.html
index c063fa0..5971686 100644
--- a/views/register.html
+++ b/views/register.html
@@ -85,4 +85,4 @@
 		</div>
 	</div>
 </div>
-{{template "footer.html"}}
+{{template "footer.html" .Language}}
diff --git a/views/register_de.html b/views/register_de.html
index a6423d4..a2c6a54 100644
--- a/views/register_de.html
+++ b/views/register_de.html
@@ -85,4 +85,4 @@
 		</div>
 	</div>
 </div>
-{{template "footer.html"}}
+{{template "footer.html" .Language}}
diff --git a/views/server.html b/views/server.html
index b14fbf6..ef2929c 100644
--- a/views/server.html
+++ b/views/server.html
@@ -14,7 +14,7 @@
 						<h2>Webmail</h2>
 						<p>You can use the webmail interface to browse your emails with your webbrowser of choice. Use <a href="https://iamfabulous.de/webmail" title="Webmail">this link <span class="fa fa-external-link-square"></a> to open roundcube now.
 						<br>
-						<strong>Use your mail adress and the passwort as credentials to log in.</strong>
+						<strong>Use your mail address and the passwort as credentials to log in.</strong>
 						<br>
 						The TLS certificate is signed to 'webmail.iamfabulous.de'
 						</p>
@@ -76,4 +76,4 @@
 		</div>
 	</div>
 </div>
-{{template "footer.html"}}
+{{template "footer.html" .Language}}
diff --git a/views/server_de.html b/views/server_de.html
index 8cdebf5..eeb26b9 100644
--- a/views/server_de.html
+++ b/views/server_de.html
@@ -12,9 +12,9 @@
 				<ul class="list-unstyled">
 					<li>
 						<h2>Webmail</h2>
-						<p>Nutzen Sie ihren Browser, um ihre E-Mails zu lesen. Unser Webmail finden sie unter <a href="https://iamfabulous.de/webmail" title="Webmail">diesem Link <span class="fa fa-external-link-square"></a>. 
+						<p>Nutzen Sie Ihren Browser, um Ihre E-Mails zu lesen. Unser Webmail finden Sie unter <a href="https://iamfabulous.de/webmail" title="Webmail">diesem Link <span class="fa fa-external-link-square"></a>. 
 						<br>
-						<strong>Loggen Sie sich mit Ihrer kompletten E-Mail Adresse und ihrem Passwort ein.</strong>
+						<strong>Loggen Sie sich mit Ihrer kompletten E-Mail Adresse und Ihrem Passwort ein.</strong>
 						<br>
 						Das TLS Zertifikat ist auf 'webmail.iamfabulous.de' signiert.
 						</p>
@@ -78,4 +78,4 @@
 		</div>
 	</div>
 </div>
-{{template "footer.html"}}
+{{template "footer.html" .Language}}
diff --git a/views/user.html b/views/user.html
index d8a5175..58798ce 100644
--- a/views/user.html
+++ b/views/user.html
@@ -12,27 +12,27 @@
 				<p>
 					You can change your password here.
 					<br>
-					<a class="btn btn-primary btn-raised" href="/password" role="button">Change Password &raquo;</a>
+					<a class="btn btn-primary btn-raised" href="/password" role="button"><span class="fa fa-lock"></span> Change Password &raquo;</a>
 				</p>
 				<br>
-				<h2 id="sign_up">Create new adress</h2>
+				<h2 id="sign_up">Create new address</h2>
 				<p>
-					Looking for a new adress? Click here.
+					Looking for a new mail address? Click here.
 					<br>
-					<a class="btn btn-primary btn-raised" href="/register" role="button">Create New Account&raquo;</a>
+					<a class="btn btn-primary btn-raised" href="/register" role="button"><span class="fa fa-user-plus"></span> Create New Account&raquo;</a>
 				</p>
 				<br>
 				<h2 id="login">Login</h2>
 				<p>The easiest way is to use our webmail interface. You can find it <a href="https://iamfabulous.de/webmail" title="Webmail" target="_blank">here <span class="fa fa-external-link"></span></a>.
 				<br>
-				Log in with your full mail adress and your password.
+				Log in with your full mail address and your password.
 				<br>
-				<a class="btn btn-primary btn-raised" href="https://iamfabulous.de/webmail" role="button">Webmail &raquo;</a>
+				<a class="btn btn-primary btn-raised" href="https://iamfabulous.de/webmail" role="button"><span class="glyphicon glyphicon-envelope"></span> Login with your browser &raquo;</a>
 				<br>
 				<br>
 				If you want to use your own client, see here for connection details.
 				<br>
-				<a class="btn btn-primary btn-raised" href="/server" role="button" title="Server | Connection details">Connection details &raquo;</a>
+				<a class="btn btn-primary btn-raised" href="/server" role="button" title="Server | Connection details"><span class="glyphicon glyphicon-cog"></span> Connection details &raquo;</a>
 				</p>
 				<!--p>
 					See <a href="/howto#login" title="How to login">here</a> for more details.
@@ -43,4 +43,4 @@
 		</div>
 	</div>
 </div>
-{{template "footer.html"}}
+{{template "footer.html" .Language}}
diff --git a/views/user_de.html b/views/user_de.html
index 454b69f..a1e67d8 100644
--- a/views/user_de.html
+++ b/views/user_de.html
@@ -10,34 +10,34 @@
 			<div class="well well-lg">
 				<h2 id="change_password">Ändere das Passwort</h2>
 				<p>
-					Sie können hier ihr Passwort ändern.
+					Sie können hier Ihr Passwort ändern.
 					<br>
-					<a class="btn btn-primary btn-raised" href="/password" role="button">Ändere dein Passwort &raquo;</a>
+					<a class="btn btn-primary btn-raised" href="/password" role="button"><span class="fa fa-lock"></span> Ändere dein Passwort &raquo;</a>
 				</p>
 				<br>
 				<h2 id="sign_up">Erstelle eine neue Adresse</h2>
 				<p>
 					
-					Sie wollen eine neue E-Mail Adresse? Klicken sie hier.
+					Sie wollen eine neue E-Mail Adresse? Klicken Sie hier.
 					<br>
-					<a class="btn btn-primary btn-raised" href="/register" role="button">Neue E-Mail Adresse &raquo;</a>
+					<a class="btn btn-primary btn-raised" href="/register" role="button"><span class="fa fa-user-plus"></span> Neue E-Mail Adresse &raquo;</a>
 				</p>
 				<br>
 				<h2 id="login">Login</h2>
 				<p>
-					Verwalten Sie ihre neue E-Mail Adresse einfach über unser intuitives webbasiertes Portal. Sie finden es <a href="https://iamfabulous.de/webmail" title="Webmail" target="_blank">hier <span class="fa fa-external-link"></span></a>.
+					Verwalten Sie Ihre neue E-Mail Adresse einfach über unser intuitives webbasiertes Portal. Sie finden es <a href="https://iamfabulous.de/webmail" title="Webmail" target="_blank">hier <span class="fa fa-external-link"></span></a>.
 				<br>
 				Loggen Sie sich mit Ihrer E-Mail Adresse und Ihrem Passwort ein.
 				<br>
-				<a class="btn btn-primary btn-raised" href="https://iamfabulous.de/webmail" role="button">Logge dich in dein E-Mail Konto ein &raquo;</a>
+				<a class="btn btn-primary btn-raised" href="https://iamfabulous.de/webmail" role="button"><span class="glyphicon glyphicon-envelope"></span> Logge dich in dein E-Mail Konto ein &raquo;</a>
 				<br>
 				<br>
-				Wenn Sie ihren eigenen Klienten nutzen wollen, schauen Sie hier für Verbindungsdetails.
+				Wenn Sie Ihren eigenen Klienten nutzen wollen, schauen Sie hier für Verbindungsdetails.
 				<br>
-				<a class="btn btn-primary btn-raised" href="/server" role="button" title="Server | Verbindungsdetails">Verbindungsdetails &raquo;</a>
+				<a class="btn btn-primary btn-raised" href="/server" role="button" title="Server | Verbindungsdetails"><span class="glyphicon glyphicon-cog"></span> Verbindungsdetails &raquo;</a>
 				</p>
 			</div>
 		</div>
 	</div>
 </div>
-{{template "footer.html"}}
+{{template "footer.html" .Language}}