misc: add links to phone/mail parts in header

welco/static/css/style.css

@@ -492,3 +492,34 @@ div#takephone button {
 div#source-mainarea div.big-msg-info {
 	margin-left: 0;
 }
+
+div#subheader {
+	position: absolute;
+	top: 0.7ex;
+	right: 1ex;
+	font-size: 150%;
+}
+
+div#subheader a {
+	color: white;
+	background: rgba(100, 100, 100, 0.5);
+	margin-right: 1em;
+	border: 1px solid #ccc;
+	padding: 1ex 1ex;
+}
+
+div#subheader a:hover {
+	background: rgba(100, 100, 100, 0.9);
+}
+
+a.icon-mail:before {
+	font-family: FontAwesome;
+	content: "\f0e0"; /* envelope */
+	padding-right: 1ex;
+}
+
+a.icon-phone:before {
+	font-family: FontAwesome;
+	content: "\f095  "; /* phone */
+	padding-right: 1ex;
+}

welco/templates/welco/home.html

@@ -1,6 +1,13 @@
 {% extends "welco/base.html" %}
 {% load i18n %}
 
+{% block subheader %}
+<div id="subheader">
+  <a class="icon-mail" href="{% url 'home' %}">{% trans 'Mail' %}</a>
+  <a class="icon-phone" href="{% url 'home-phone' %}">{% trans 'Phone' %}</a>
+</div>
+{% endblock %}
+
 {% block bodyargs %}class="welco-home"{% endblock %}
 
 {% block content %}