1 files changed, 39 insertions, 19 deletions
diff --git a/templates/base.html b/templates/base.html
index 425ea34..381fd0f 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -3,6 +3,7 @@
 <!doctype html>
 <html>
   <head>
+    <meta charset="utf-8" />
     <title>{% if title %}{{ title }} – {% endif %}spline accounts</title>
     {%- for script in scripts %}
       <script type="text/javascript" src="{{ url_for('static', filename=script) }}"></script>
@@ -13,30 +14,49 @@
   </head>
   <body>
 
-    <h1 id="header"><img src="{{url_for('static', filename='logo.png')}}" alt="Spline" /></h1>
+    <div id="header-background">&nbsp;</div>
+    <header>
+      <h1><img src="{{url_for('static', filename='logo.png')}}" alt="spline accounts" /></h1>
+      <span id="roundcornerb">&nbsp;</span>
+      <span id="roundcornerw">&nbsp;</span>
 
-    {%- if not no_login_message %}
-    {%- if g.user %}
-    <p>Angemeldet als <strong>{{ g.user.uid }}</strong> | <a href="{{ url_for('logout') }}">Abmelden</a></p>
-    {%- else %}
-    <p>Nicht angemeldet |  <a href="{{ url_for('index') }}">Login</a></p>
-    {%- endif %}
-    {%- endif %}
+      <nav id="mainnav">
+        <ul>
+          <li><a href="http://spline.de">spline.de</a></li>
+          <li><a href="{#{ url_for('about') }#}">Über spline accounts</a></li>
+        </ul>
+      </nav>
+
+      {%- if not no_login_message %}
+      <nav id="usermenu">
+        <ul>
+          {%- if g.user %}
+          <li>Angemeldet als <strong>{{ g.user.uid }}</strong></li>
+          <li><a href="{{ url_for('logout') }}">Abmelden</a></li>
+          {%- else %}
+          <li>Nicht angemeldet</li>
+          <li><a href="{{ url_for('index') }}">Login</a></li>
+          {%- endif %}
+        </ul>
+      </nav>
+      {%- endif %}
+    </header>
 
-    {% with messages = get_flashed_messages(with_categories=true) %}
+    <section id="content">
+      {% with messages = get_flashed_messages(with_categories=true) %}
       {% if messages %}
-        <ul class="flashes">
-        {% for category, message in messages %}
+      <ul class="flashes">
+      {% for category, message in messages %}
         <li class="{{ category }}">{{ message }}</li>
-        {% endfor %}
-        </ul>
+      {% endfor %}
+      </ul>
       {% endif %}
-    {% endwith %}
-
-    {% if title %}
-      <h2>{{ title }}</h2>
-    {% endif %}
+      {% endwith %}
 
-    {% block content %}{% endblock %}
+      {% if title %}
+      <h1>{{ title }}</h1>
+      {% endif %}
+      {% block content %}{% endblock %}
+    </section>
   </body>
 </html>