Make your name and gravatar clickable as a way of returning home.

I kind of expect this to work, and hopefully this'll help with
people getting stuck on the "Settings" page in the tutorial.

(imported from commit 1159d884dcd331bcfb74864a0176fa293e8c3714)

templates/zephyr/index.html

@@ -91,12 +91,12 @@ var people_list = [
           <div class="row">
             <div class="span3 sidebar-nav affix hidden-phone">
               <div class="upper_sidebar">
-                  <span>
+                  <span class="brand" id="my_information">
                     <img class="img-rounded gravatar-profile"
                          src="https://secure.gravatar.com/avatar/{{ email_hash }}?d=identicon&s=60" />
+                    <span class="my_fullname">{{ user_profile.full_name }}</span>
+                    <span class="my_email">{{ user_profile.user.email }}</span>
                   </span>
-                  <span class="my_fullname">{{ user_profile.full_name }}</span>
-                  <span class="my_email">{{ user_profile.user.email }}</span>
                   <div class="new_message_button">
                     <button type="button" class="btn btn-large btn-block"
                             id="left_bar_compose_stream_button_big"

zephyr/static/js/ui.js

@@ -855,7 +855,7 @@ $(function () {
         return false;
     });
 
-    $("a.brand").on('click', function (e) {
+    $(".brand").on('click', function (e) {
         if (exports.home_tab_obscured()) {
             ui.change_tab_to('#home');
         } else {

zephyr/static/styles/zephyr.css

@@ -107,6 +107,10 @@ a:hover code {
     }
 }
 
+#my_information {
+    cursor: pointer;
+}
+
 .my_fullname {
     font-weight: bold;
     font-size: 150%;