AgileVentures/WebsiteOne

<div class="row">
  <div class="col-md-4 col-md-offset-2 col-sm-5 col-sm-offset-1">

    <div class="avatar-group">
      <img src="<%= gravatar_for(@user.email, size: 330) %>" class="thumbnail img-rounded media-object">
      <div class="avatar-lower">
        <h3><%= user_display_name @user %></h3>
        <h3> <%= @user.email if @user.display_email %></h3>
      </div>
    </div>

  </div>
  <div class="col-md-4 col-sm-5">

    <h4>Projects</h4>
    <!-- TODO Insert list of followed projects -->

    <h4>Skills</h4>
    <div id="skills" class="tag-list" style="padding-left:25px;"></div>

  </div>
</div>
<div class="row">
  <div class="col-md-4 col-md-offset-2 col-sm-5 col-sm-offset-1">

    <%= link_to "Edit", edit_user_registration_path, class: "btn btn-primary", type: "button" if current_user %>

    <h4>Pair Programming</h4>
    <p>Joined on: <%=date_format(@user.created_at) %> </p>
    <!-- TODO Insert list of PP youtube or G+ session links -->

  </div>
</div>

<script>
    $(function () {
        $('#skills').tags({
            readOnly: true,
            tagSize: "lg",
            tagData: <%= raw @user.skill_list.to_json %>,
            readOnlyEmptyMessage: "No Skills"
        });
    });
</script>