Template source: profile/_public_top_profile_root.html

{% load i18n %}
{% load staticfiles %}
{% load is_following %}
{% load get_setting %}
{% load user_in_group %}
    <div class="horizontal-profile" username="{{ viewed_user.username }}" data-user-id="{{ viewed_user.id }}">
      <div class="container">
      <div class="row-fluid">
          <div class="span2">
             {% if profile.picture %}
                <img class="circle-icon" src="{{ profile.picture.medium_url }}" alt="{{ viewed_user.username }}" />
             {% else %}
                <img src='{% static "images/icons/iconNoAvatar.png" %}' alt="{{ viewed_user.username }}"  class="circle-icon" />
             {% endif %}
          </div>
          <div class="span7">
            <h3 class="appendbottom-5 appendtop-0 museo-italic lato no-uppercase white-text-shadow ellipsis">{{ viewed_user.username }}</h3>
            <p class="ellipsis base lineheight-14 medium-grey light">{{ profile.bio}}</p>
          </div>
        <div class="span3 appendtop-10 text-center">
            <ul class="no-list inline-block">
              <li class="appendbottom-5 light"><i class="ss-redirect ss-xlarge appendright-10 hidden-tablet"></i> <strong>{{stats.shares_given}}</strong> {% blocktrans count shares=stats.shares_given %}Share Given{% plural %}Shares Given{% endblocktrans %}</li>
              {% block faves_given %}
              <li class="light"><i class="ss-heart ss-xlarge appendright-10 hidden-tablet"></i> <strong>{{stats.faves_given}}</strong> {% if stats.faves_given != 1 %}{{ brand_messages.FAVOURITE_VERB_GIVEN_PLURAL }}{% else %}{{ brand_messages.FAVOURITE_VERB_GIVEN }}{% endif %}</li>
              {% endblock %}
            </ul>
            <hr class="dark-hr"/>
            <div class="text-center">
            {% if not viewed_user == user %}
                {% if not viewed_user.is_email_only or viewed_user|is_social %}
                   <a class="btn btn-follow btn-loader btn-green btn-wide-80  appendbottom-10" data-object-id="{{ viewed_user.id }}" data-object-type="user"
                           data-unfollow="{% trans 'Unfollow' %}" data-following="{% trans 'Following' %}" data-follow="{% trans 'Follow' %}"
                   {% if request.user|is_following:viewed_user %}
                   data-state='unfollow' title="{% trans 'Unfollow' %}"><i class="ss-check"></i> {% trans 'Following' %}
                   {% else %}
                   data-state='follow' title="{% trans 'Follow' %}"><i class="ss-adduser"></i> {% trans 'Follow' %}
                   {% endif %}
                   </a>
                {% endif %}
            {% endif %}
            {% block show_shop_view %}
            {% if viewed_user.shop_or_none.is_active_and_approved %}
                <a href="{% url 'shop-view' urlpath=viewed_user.urlpath %}" class="btn btn-follow btn-loader btn-green btn-wide-80  appendbottom-10"><i class="ss-pricetag"></i> {% trans 'View Shop' %}</a>
            {% endif %}
            {% endblock %}
            {% if profile.website %}
               <a rel="nofollow" class="btn btn-green btn-wide-80 appendbottom-10" onClick="return window.GoogleAnalytics.track_event('{{ viewed_user.username }} - Profile','Outgoing Click','{{ profile.website }}', this);" target="_blank" href="{{ profile.website }}"><i class="ss-action"></i> {% trans 'View Website' %}</a>
            {% endif %}
            {# Admin style functionality for the Sales Team #}
            {% if not viewed_user.is_superuser and not viewed_user.is_staff %}
              {% if perms.account.become_user %}
               <hr class="dark-hr"/>
               <a href="{% url 'account.views.restricted.commands.become_user' viewed_user.id %}" class="btn btn-yellow btn-admin bold become-user appendbottom-10 btn-wide-80">{% trans "Become User" %}</a>
              {% endif %}
            {% endif %}
            </div>
        </div>
       </div>
    </div>
  </div>