Add new opaque logo icon and sidenav header.

app/templates/base.html.j2

@@ -28,7 +28,7 @@
       </ul>
       <nav>
         <div class="nav-wrapper">
-          <a href="{{ url_for('main.index') }}" class="brand-logo"><i class="material-icons">cloud</i> Opaque</a>
+          <a href="{{ url_for('main.index') }}" class="brand-logo"><i class="material-icons">opacity</i>Opaque</a>
           <a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">menu</i></a>
           <ul class="right hide-on-med-and-down">
             <li><a id="nav-notifications" class="dropdown-trigger" href="#!" data-target="nav-notifications-dropdown"><i class="material-icons">notifications</i></a></li>
@@ -38,8 +38,32 @@
       </nav>
 
       <ul id="slide-out" class="sidenav sidenav-fixed">
-        <li><a href="{{ url_for('main.index') }}">Opaque</a></li>
-        <li><a href="{{ url_for('auth.settings') }}"><i class="material-icons">settings</i> Settings</a></li>
+        <li>
+          <div class="user-view">
+            <div class="background" style="background-color: #ee6e73;"></div>
+            <a href="#user"><img class="circle" src="{{ url_for('static', filename='images/account_circle.png') }}"></a>
+            <a href="#name">
+              <span class="white-text name">
+                {% if current_user.is_authenticated %}
+                {{ current_user.username }}
+                {% else %}
+                Unknown
+                {% endif %}
+              </span>
+            </a>
+            <a href="#email">
+              <span class="white-text email">
+                {% if current_user.is_authenticated %}
+                {{ current_user.email }}
+                {% else %}
+                Unknown
+                {% endif %}
+              </span>
+            </a>
+          </div>
+        </li>
+        <li><a href="{{ url_for('main.index') }}"><i class="material-icons">opacity</i>Opaque</a></li>
+        <li><a href="{{ url_for('auth.settings') }}"><i class="material-icons">settings</i>Settings</a></li>
       </ul>
     </header>