1 {% extends "iri_mashup_home.html" %} |
1 {% extends "iri_mashup_home.html" %} |
2 {% load static %} |
2 {% load static %} |
3 {% load i18n %} |
3 {% load i18n %} |
4 {% load analytics %} |
4 {% load analytics %} |
5 {% load thumbnail %} |
5 {% load thumbnail %} |
6 {% block title %}Hashcut Profile - IRI{% endblock %} |
6 {% block title %}Profil de '{{username}}'{% endblock %} |
7 {% block css_page %} |
7 {% block css_page %} |
8 <link rel="stylesheet" href="{% static 'hashcut/iri/css/profil.css' %}" /> |
8 <link rel="stylesheet" href="{% static 'hashcut/iri/css/profil.css' %}" /> |
9 {% endblock %} |
9 {% endblock %} |
10 |
10 |
11 {% block wrap_header %} |
11 {% block wrap_header %} |
12 <div class="wrap-header"> |
12 <div class="wrap-header"> |
13 <div class="header"> |
13 <div class="header"> |
14 {% include 'partial/iri_mashup_popin_user.html' %} |
14 {% include 'partial/iri_mashup_popin_user.html' %} |
15 {% include 'partial/iri_hashcut_logo.html' %} |
15 {% include 'partial/iri_hashcut_logo.html' %} |
16 <div class="title-header"></div> |
16 <div class="title-video-wrap"> |
|
17 <p class="title-video" href="#"> |
|
18 <span class="category">Profil</span> |
|
19 <span class="separator">»</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> |
17 <div class="profil-wrap"> |
36 <div class="profil-wrap"> |
18 <ul> |
37 <ul> |
19 <li><a href="{% url mashup_home branding=branding %}" class="all-hashcut">Accueil</a></li> |
38 <li><a href="{% url mashup_home branding=branding %}" class="all-hashcut">Accueil</a></li> |
20 <li><a href="{% url mashup_edit branding=branding %}" class="new-hashcut">Créer un Hashcut</a></li> |
39 <li><a href="{% url mashup_edit branding=branding %}" class="new-hashcut">Créer un Hashcut</a></li> |
21 <li><a href="#user" class="my-profil open-popin">Mon profil</a></li> |
40 <li><a href="#user" class="my-profil open-popin">Mon profil</a></li> |
25 </div> <!-- wrap-header --> |
44 </div> <!-- wrap-header --> |
26 {% endblock %} |
45 {% endblock %} |
27 |
46 |
28 {% block content %} |
47 {% block content %} |
29 <div class="content"> |
48 <div class="content"> |
30 <h2 class="title-content">Hashcuts de <a>{{username}}</a></h2> |
|
31 |
49 |
32 <div class="hashcut-video-wrap profil"> |
50 <div class="hashcut-video-wrap profil"> |
33 {% for m in mashups %} |
51 {% for m in mashups %} |
34 <div class="video-item"> |
52 <div class="video-item"> |
35 <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 %} {% endthumbnail %}</a> |
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 %} {% endthumbnail %}</a> |
36 <h3><strong>{% if m.project.title|length > 30 %}{{m.project.title|slice:":30"}}...{% else %}{{m.project.title}}{% endif %}</strong> par {{ m.creator }} | <span>02:24</span> </h3> |
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> |
37 </div> |
55 </div> |
38 {% endfor %} |
56 {% endfor %} |
39 </div> |
57 </div> |
40 <!--div class="pagination"> |
58 <!--div class="pagination"> |
41 <a href="#" class="active">1</a> |
59 <a href="#" class="active">1</a> |