1 {% extends "bpi_mashup_home.html" %}

     2 {% load static %}

     3 {% load i18n %}

     4 {% load analytics %}

     5 {% load thumbnail %}

     6     {% block title %}Profil de '{{username}}'{% endblock %}

     7     {% block css_page %}

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

     9     {% endblock %}

    10 

    11 {% block wrap_header %}

    12 <div class="wrap-header"> 

    13     <div class="header">

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

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

    16         <div class="title-video-wrap">

    17             <p class="title-video" href="#">

    18                 <span class="category">Profil</span>

    19                 <span class="separator">&raquo;</span>

    20                 {{username}}

    21             </p>

    22         </div>

    23         <div class="Ldt-Social">

    24             <div class="Ldt-Social-Url-Container">

    25                 <a href="#" target="_blank" class="Ldt-Social-Square Ldt-Social-Url" title="Partager le lien"></a>

    26                 <span class="Ldt-Social-UrlPop">

    27                     <input class="Ldt-Social-Input"/>

    28                     <div class="Ldt-Social-CopyBtn">Copier</div>

    29                 </span>

    30             </div>

    31             <a href="#" target="_blank" class="Ldt-Social-Fb Ldt-Social-Ext" title="Partager sur Facebook"></a>

    32             <a href="#" target="_blank" class="Ldt-Social-Twitter Ldt-Social-Ext" title="Partager sur Twitter"></a>

    33             <a href="#" target="_blank" class="Ldt-Social-Gplus Ldt-Social-Ext" title="Partager sur Google+"></a>

    34             <a href="#" target="_blank" class="Ldt-Social-Mail" title="Partager par mail"></a>

    35         </div>

    36         <div class="profil-wrap">

    37             <ul>

    38                 <li><a href="{% url mashup_home branding=branding %}" class="all-hashcut">Accueil</a></li>

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

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

    41             </ul>

    42         </div>

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

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

    45 {% endblock %}

    46 

    47 {% block content %}

    48 <div class="content">

    49 

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

    51         {% for m in mashups %}

    52         <div class="video-item">

    53             <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>

    54             <h3><a class="title" href="{% url mashup_hashcut branding=branding ldt_id=m.project.ldt_id %}">{% if m.project.title|length > 30 %}{{m.project.title|slice:":30"}}...{% else %}{{m.project.title}}{% endif %}</a> par {{ m.creator }} | <span class="duration">02:24</span> </h3>

    55         </div>

    56         {% endfor %}

    57     </div>

    58     <!--div class="pagination">

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

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

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

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

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

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

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

    66     </div-->

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

    68 {% endblock %}

    69 {% block js_import %}

    70 {{block.super}}

    71 <script type="text/javascript">

    72     $(function() {

    73         social({

    74             swf: "{% static 'hashcut/lib/ZeroClipboard.swf' %}"

    75         });

    76     });

    77 </script>

    78 {% endblock %}

    79