Use straight logo, show desaturated logo when no Sone is logged in.

diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css
index b0d0691..5a4b009 100644 (file)
--- a/src/main/resources/static/css/sone.css
+++ b/src/main/resources/static/css/sone.css
@@ -41,8 +41,22 @@
        color: rgb(28, 131, 191);
 }
 
-#sone #profile .picture {
+#sone #profile.online .picture {
        float: left;
+       background-image: url("../images/sone.png");
+       width: 80px;
+       height: 80px;
+}
+
+#sone #profile.offline .picture {
+       float: left;
+       background-image: url("../images/sone-offline.png");
+       width: 80px;
+       height: 80px;
+}
+
+#sone #profile.offline .edit-profile-link, #sone #profile.offline .profile-link {
+       display: none;
 }
 
 #sone #profile .edit-profile-link {

diff --git a/src/main/resources/static/images/sone-offline.png b/src/main/resources/static/images/sone-offline.png
new file mode 100644 (file)
index 0000000..b10a4b7
Binary files /dev/null and b/src/main/resources/static/images/sone-offline.png differ

diff --git a/src/main/resources/static/images/sone.png b/src/main/resources/static/images/sone.png
index a104124..e9c189d 100644 (file)
Binary files a/src/main/resources/static/images/sone.png and b/src/main/resources/static/images/sone.png differ

diff --git a/src/main/resources/templates/include/head.html b/src/main/resources/templates/include/head.html
index 84af01a..9b27cc7 100644 (file)
--- a/src/main/resources/templates/include/head.html
+++ b/src/main/resources/templates/include/head.html
@@ -5,8 +5,8 @@
 
        <div id="sidebar">
 
-               <div id="profile">
-                       <div class="picture"><img src="images/sone.png" width="80" height="80" alt="Sone Logo" /></div>
+               <div id="profile" class="<%ifnull currentSone>offline<%else>online<%/if>">
+                       <div class="picture"></div>
                        <div class="nice-name profile-link"><a href="viewSone.html?sone=<% currentSone.id>"><% currentSone.niceName|html></a></div>
                        <div class="edit-profile-link"><a href="editProfile.html"><%= View.Head.ProfileLink.Text|l10n|html></a></div>
                </div>