From 7c1496a4df66f1865037cdd42f08a9eb50108563 Mon Sep 17 00:00:00 2001
From: Patrick Jentsch <p.jentsch@uni-bielefeld.de>
Date: Wed, 10 Jul 2019 10:09:11 +0200
Subject: [PATCH] Add new opaque logo icon and sidenav header.
---
app/static/images/account_circle.png | Bin 0 -> 1118 bytes
app/templates/base.html.j2 | 30 ++++++++++++++++++++++++---
2 files changed, 27 insertions(+), 3 deletions(-)
create mode 100755 app/static/images/account_circle.png
diff --git a/app/static/images/account_circle.png b/app/static/images/account_circle.png
new file mode 100755
index 0000000000000000000000000000000000000000..268736d3ec54f282f7dd86442f105332bd885700
GIT binary patch
literal 1118
zcmeAS@N?(olHy`uVBq!ia0y~yU`POA4i*Lm29JsRH#0D>sCv3MhEy=Vz3n{XX_UZ$
zk6HJ({l2*^x7c)>?dHlmwzs$CO0QnN@#Z!|x6l9Iob=VQ+&TB>zCWA#LYMnZZE;!{
zppnAIZqT4zIir8(X{lK+5~a_I7*Fr7oS`jwpiamo#h~f=iesHx^U@_|3W>-Z70z+X
zR`xI4@<o4=#5w<pkHX3xlm0pAUBBGJ*?Y%f-4UTep9Qj$qh@-{Il|U%EN*}1X~9Q%
z<{M4%+YB83xY%rexczo*^^}eeoEtxA3L5r1Jrmacd{TJxjp<rRD|>2>%9Jf+n_D*T
zX%L@Uvk%{+qIpZ1=Sr2Ce*Z9KLEzaf|NqB&rb%th5D89sb~U!=Si8%joY%G{V$v0J
zD@A(SkFfDC__(6t@Xw4Ir#a0APn1pcM80b*5Pkm2LzvxTG2inj4T0?yti6Vh1d=aQ
zMBaIrW1`g=-l8I!F-N&dMXUT%gT@C1si!KPV#XJCdWh^0m@E0~_5Fr(jf)O6z6hD5
zA=Trq?JaV`DSJ*vKu=hk5%1#AH8=l6zQ~kU+-rPPGtTY3Q{V%pDI))wFWqdr_jl2O
zzb|rCW9K9&<b`xGiS95AnDapJj-)D|Ay>Japn61KpWTer$LBsx>bJS``$V9{U(R<=
zJ7v!u?rskWoN%x5S+c_237?!xz8DJfKMXa!yxn+(f1=gaimwxHJoNU-cy6ipJi%yd
zrl@p$m+Umbl+#D}LRliG-dNbI@LIt7i(ty$q;|iiHNkH#xJ}sFDXYb~>C}x{x8Exs
zM$0{Q%X_F=w}?}C+Rwkr+7CU`3N_m&?3vqm=^@YaOs|6X+#3%c-f{7ybWcinVN2}H
zgG~FKIwN1?JQ8)AsGKEpDtV22`m&pIBE`=KX~<1DB_dVuj%lN_-MNxted}(<C57U9
z**5#@9F5~W-svdg&-ray7wg;XJ#Dc^4KDrUu;!obx!Ppo>>mv&X|p|7FWD@bT{}n3
zE>YhsF<1KKBOd*vx1t{fw<o`KE$lMhSk`v_YkAr?AH%RuHF_zVgL1N(lAC^Xa7IY3
zpPRI5d(G57k@*EJsd0N6T`neyg{?XvC_lm1G%T%C%yZ4bQ%puREB?kdOf^;Ml3SjX
zYnGWLka_0VEzL)K`pIwA%M5?K{VA8NU#<Bq<6soKco(CLkLtCkuSex(T|AiVazxl|
z<HU?}-*-P)Ic2g<%y0QAto~Il5iTWrZ4TQlI$~$z%YRW<N$K81f5Wn>%I@F}VRws(
z<}Z)>8U9RS+a1&_e0I+PhEI$0UPg6&O`X0`uV(Et*>&k^$~$Iku8%&Ks;0kjmff6{
zN&97Yf7wysuJ`X>OGo`&X;A*?5Vkj*akeq5;lks9`%wXWyt5lZ1fTFSW*@$!+&S^g
zvF@8aDxSZ@-9L-Wj@hatr|9UYrd$zrok!|T*&Y9XS;yZlnVIzLBWHhsDzk+{4`-{>
d!hjd)vN<~~Z}VJu&cMLH;OXk;vd$@?2>@*~1110f
literal 0
HcmV?d00001
diff --git a/app/templates/base.html.j2 b/app/templates/base.html.j2
index f666c51a..9fbc8f7a 100644
--- a/app/templates/base.html.j2
+++ b/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>
--
GitLab