.row
  .col-md-8
    %h3.page-title
      = image_tag avatar_icon(@user.email, 90), class: "avatar avatar-tile s90", alt: ''
      = @user.name
      - if @user == current_user
        .pull-right
          = link_to profile_path, class: 'btn' do
            %i.fa.fa-pencil-square-o
            Edit Profile settings
      %br
      %span.user-show-username #{@user.username}
      %br
      %small member since #{@user.created_at.stamp("Nov 12, 2031")}
    .clearfix

    - if @groups.any?
      %h4 Groups
      = render 'groups', groups: @groups
      %hr

    .user-calendar
      %h4.center.light
        %i.fa.fa-spinner.fa-spin
    %hr
    %h4
      User Activity

      - if current_user
        %span.rss-icon.pull-right
          = link_to user_path(@user, :atom, { private_token: current_user.private_token }) do
            %strong
              %i.fa.fa-rss

    = render @events
  .col-md-4
    = render 'profile', user: @user
    = render 'projects'

:coffeescript
  $ ->
    $(".user-calendar").load("#{user_calendar_path}")

.row
  = link_to '#aside', class: 'show-aside' do
    %i.fa.fa-angle-left
  %section.col-md-8
    %h3.page-title
      = image_tag avatar_icon(@user.email, 90), class: "avatar avatar-tile s90", alt: ''
      = @user.name
      - if @user == current_user
        .pull-right
          = link_to profile_path, class: 'btn' do
            %i.fa.fa-pencil-square-o
            Edit Profile settings
      %br
      %span.user-show-username #{@user.username}
      %br
      %small member since #{@user.created_at.stamp("Nov 12, 2031")}
    .clearfix

    - if @groups.any?
      %h4 Groups
      = render 'groups', groups: @groups
      %hr

    .hidden-xs
      .user-calendar
        %h4.center.light
          %i.fa.fa-spinner.fa-spin
      %hr
    %h4
      User Activity

      - if current_user
        %span.rss-icon.pull-right
          = link_to user_path(@user, :atom, { private_token: current_user.private_token }) do
            %strong
              %i.fa.fa-rss

    = render @events
  %aside.col-md-4
    = render 'profile', user: @user
    = render 'projects'

:coffeescript
  $ ->
    $(".user-calendar").load("#{user_calendar_path}")

Hide user page sidebar for mobilde devices
Hide user page sidebar for mobilde devices
