update timeline design

app/views/shared/_sidebar.html.haml

@@ -1,14 +1,18 @@
 .panel.panel-default.hidden-xs
-  .panel-body
+  %img.profile--avatar{src: current_user.profile_picture.url(:large)}
-    %p
-      Welcome,
-      = current_user.screen_name
   - unless inbox_count.nil?
-      %p
+    .profile--panel-badge.panel-badge-info
-        %strong
+      %i.fa.fa-envelope
-          You have
       = pluralize(inbox_count, 'new question')
-          in your inbox!
+  .panel-body
+    - if current_user.display_name.blank?
+      .profile--displayname
+        = current_user.screen_name
+    - else
+      .profile--displayname
+        = current_user.display_name
+      .profile--username
+        = current_user.screen_name
     .row
       %a{href: show_user_followers_path(current_user.screen_name)}
         .col-md-6.col-sm-6.col-xs-6
@@ -18,20 +22,6 @@
         .col-md-6.col-sm-6.col-xs-6
           %h4.entry-text#friend-count= current_user.friend_count
           %h6.entry-subtext Following
-    .row
-      .col-md-6.col-sm-6.col-xs-6
-        %h4.entry-text#asked-count= current_user.asked_count
-        %h6.entry-subtext Questions
-      .col-md-6.col-sm-6.col-xs-6
-        %h4.entry-text#answered-count= current_user.answered_count
-        %h6.entry-subtext Answers
-    .row
-      .col-md-6.col-sm-6.col-xs-6
-        %h4.entry-text#asked-count= current_user.commented_count
-        %h6.entry-subtext Comments
-      .col-md-6.col-sm-6.col-xs-6
-        %h4.entry-text#answered-count= current_user.smiled_count
-        %h6.entry-subtext Smiles
 .panel.panel-default.hidden-xs
   .panel-body
     %ul.nav.nav-pills.nav-stacked