{% extends "base.html" %}
{% load i18n %}

{% block content %}
<div class="content member-detail">

    <img src="{{ object.get_thumbnail_LAYER_url }}" />
    <div class="title">{{ object.username }}</div>

    <div class="meta">
        {% if can_friend %}
            <div class="friend">
                <a href="{% url friend-request object.id %}">{% trans "Send friend request" %}</a>
            </div>
        {% endif %}
        {% if notifications %}
            <div class="friend">
                <a href="{% url member-notifications %}">{% trans "Notifications" %} ({{ notifications }})</a>
            </div>
        {% endif %}
        {% if is_self %}
            <div class="friend">
                <a href="{% url my-friends %}">{% trans "My Friends" %}</a>
            </div>
        {% endif %}
    </div>


    <table>
        <tr class="total-comments">
            <th>{% trans "Total comments" %}</th>            
            <td>{{ object.number_of_comments }}</td>
        </tr>
        <tr class="recent-comments">
            <th>{% trans "Recent comments" %}</th>            
            <td>
                {% for comment in object.last_5_comments %}
                    <div>
                        <a href="{{ comment.content_object.get_absolute_url }}">{{ comment.comment|truncatewords:20 }}</a>
                    </div>
                {% endfor %}
            </td>
        </tr>

    </table>

</div>
{% endblock content %}

{% extends "base.html" %}
{% load i18n %}

{% block content %}
<div class="content member-detail">

    <img src="{{ object.get_thumbnail_LAYER_url }}" />
    <div class="title">{{ object.username }}</div>

    <div class="meta">
        {% if can_friend %}
            <div class="friend">
                <a href="{% url friend-request object.id %}">{% trans "Send friend request" %}</a>
            </div>
        {% endif %}
        {% if notifications %}
            <div class="notifications">
                <a href="{% url member-notifications %}">{% trans "Notifications" %} ({{ notifications }})</a>
            </div>
        {% endif %}
        {% if is_self %}
            <div class="my-friends">
                <a href="{% url my-friends %}">{% trans "My Friends" %}</a>
            </div>
        {% endif %}
    </div>


    <table>
        <tr class="total-comments">
            <th>{% trans "Total comments" %}</th>            
            <td>{{ object.number_of_comments }}</td>
        </tr>
        <tr class="recent-comments">
            <th>{% trans "Recent comments" %}</th>            
            <td>
                {% for comment in object.last_5_comments %}
                    <div>
                        <a href="{{ comment.content_object.get_absolute_url }}">{{ comment.comment|truncatewords:20 }}</a>
                    </div>
                {% endfor %}
            </td>
        </tr>

    </table>

</div>
{% endblock content %}

Use distinct CSS class names
Use distinct CSS class names
