{% extends "bpi_mashup_home.html" %}

{% load static %}

{% load i18n %}

{% load analytics %}

{% load thumbnail %}

    {% block css_page %}

    <link rel="stylesheet" href="{% static 'hashcut/bpi/css/profil.css' %}" />

    {% endblock %}

{% block wrap_header %}

<div class="wrap-header"> 

    <div class="header">

    {% include 'partial/bpi_mashup_popin_user.html' %}

    {% include 'partial/bpi_hashcut_logo.html' %}

        <div class="title-header"></div>

        <div class="profil-wrap">

            <ul>

                <li><a href="{% url mashup_edit branding=branding %}" class="new-hashcut">Créer un Hashcut</a></li>

                <li><a href="#user" class="my-profil open-popin">Mon profil</a></li>

            </ul>

        </div>

    </div><!-- header -->

</div> <!-- wrap-header -->

{% endblock %}

{% block content %}

<div class="content">

    <h2 class="title-content">Hashcuts de <a>{{username}}</a></h2>

    <div class="hashcut-video-wrap profil">

        {% for m in mashups %}

        <div class="video-item">

            <a href="{% url mashup_hashcut branding=branding ldt_id=m.project.ldt_id %}" class="screenshot">{% thumbnail m.project.image "302x202" crop="center" format="PNG" as im %}<img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" alt=""/>{% empty %}&nbsp;{% endthumbnail %}</a>

        </div>

        {% endfor %}

    </div>

    <!--div class="pagination">

            <a href="#" class="active">1</a>

            <a href="#">2</a>

            <a href="#">3</a>

            <a href="#">4</a>

            <a href="#">5</a>

            <a href="#">6</a>

            <a href="#">Suivant</a>

    </div-->

</div><!-- content -->

{% endblock %}