# HG changeset patch # User cavaliet # Date 1354126935 -3600 # Node ID 903a22d6c5357fedc895213d3a6d6789c6e29359 # Parent 37d464b8cb829505cbe515d1d8707e67660c2313 iri templates (work but css not finished) diff -r 37d464b8cb82 -r 903a22d6c535 src/hashcut/static/hashcut/iri/css/common.css --- a/src/hashcut/static/hashcut/iri/css/common.css Wed Nov 28 17:55:33 2012 +0100 +++ b/src/hashcut/static/hashcut/iri/css/common.css Wed Nov 28 19:22:15 2012 +0100 @@ -93,7 +93,7 @@ } .wrap-header-top{ padding-top: 5px; - background-color: #370078; + background-color: #2C80AF; height: 53px; margin-bottom: 1px; } @@ -131,7 +131,7 @@ } .wrap-header{ - background-color: #e2dbfd; + background-color: #7CD0FF; } .header{ position: relative; @@ -284,7 +284,7 @@ } .user.info h2 { - color: #7628df; + color: #2C80AF; font-size: 18px; font-weight: 600;margin-bottom: 2px; } @@ -408,7 +408,7 @@ } .pagination a{ font-size: 14px; - color: #7628df; + color: #2C80AF; text-decoration: underline; } .pagination a:hover{ @@ -512,7 +512,7 @@ font-size: 11px; } .item-video .duration{ - color: #7628df; + color: #2C80AF; font-size: 12px; font-weight: 600; } @@ -602,7 +602,7 @@ font-weight: bold; } .annotation-time { - color: #7628DF; + color: #2C80AF; } .mashup-description table{ font-size: 12px; @@ -984,5 +984,5 @@ } .media-segment-popin span{ - color: #7628df; + color: #2C80AF; } diff -r 37d464b8cb82 -r 903a22d6c535 src/hashcut/static/hashcut/iri/css/home.css --- a/src/hashcut/static/hashcut/iri/css/home.css Wed Nov 28 17:55:33 2012 +0100 +++ b/src/hashcut/static/hashcut/iri/css/home.css Wed Nov 28 19:22:15 2012 +0100 @@ -43,7 +43,7 @@ font-weight: bold; } .definition p a{ - color: #7628df; + color: #2C80AF; text-decoration: underline; } .definition p a:hover{ diff -r 37d464b8cb82 -r 903a22d6c535 src/hashcut/templates/iri_mashup_content.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/src/hashcut/templates/iri_mashup_content.html Wed Nov 28 19:22:15 2012 +0100 @@ -0,0 +1,119 @@ +{% extends "iri_mashup_edit.html" %} +{% load static %} +{% load i18n %} +{% load analytics %} +{% load thumbnail %} + {% block title %}Hashcut Media - iri{% endblock %} + + +{% block content %} +
+ +
+

Lire le Média

+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
00:00
+
/
+
1:03:30
+
+
+
+
+
+
+
+
+ +
+
+
+
+ +
+

Plus d’informations

+
+ + + + + + + + + + + + + + + + + + + +
Titre :Titre du Média
Durée :
Description :
Tags :
+
+ +

Hashcuts utilisant le média

+ +
+
+{% endblock %} + +{% block js_import %} + + + + + + + + +{% endblock %} + diff -r 37d464b8cb82 -r 903a22d6c535 src/hashcut/templates/iri_mashup_edit.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/src/hashcut/templates/iri_mashup_edit.html Wed Nov 28 19:22:15 2012 +0100 @@ -0,0 +1,287 @@ +{% extends "iri_mashup_home.html" %} +{% load static %} +{% load i18n %} +{% load analytics %} +{% load thumbnail %} + {% block title %}Hashcut Edition - IRI{% endblock %} + {% block css_import %} + {{ block.super }} + + + {% endblock %} + +{% block wrap_header %} +
+
+ {% include 'partial/iri_mashup_popin_user.html' %} + +
+
+
+
+

+ + +

+

+ + +

+
+
+
+ + + {% include 'partial/iri_hashcut_logo.html' %} + +
+

+ Hashcut sans titre +

+

Durée: 00:00

+
+
+ +
+
+
+{% endblock %} + +{% block content %} +
+ +
+
+

Sélectionner les vidéos

+ +
+ +
+ +
+ +
+ Segmenter + Prévisualiser +
+ +
+
+

Créer un Hashcut, c’est facile !

+
    +
  1. Commencez par choisir une vidéo dans le volet de gauche
    2. +
  2. Créez un segment dans la vidéo et profitez-en pour annoter votre segment
    3. +
  3. Ajoutez votre segment à la liste, réorganisez les segments entre eux
    4. +
  4. Rajoutez quelques commentaires à votre Hashcut. Vous êtes prêts à publier !
    5. +
+
+
+ +
+ +
+
+
+
+
00:00
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
00:00
+
/
+
00:00
+
+
+
+
+
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+
+

+ Créer un nouveau segment + de + + à + + (durée: + ) +

+
+
+

+ + +

+

+ +

    +

    +
    +
    +

    + + +

    +
    + + +
    +
    +
    + +
    +

    Mes segments sur ce média :

    +
    +
    +
    + +
    +

    Segments existants sur ce média :

    +
    +
    +
    + +
    + +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + +
    + +
    +
    +
    +
    +
    +
      +
      • +
    + +

    + + + + + + + + + + + + + + + +
    Extrait de : ( - )
    Description :
    Tags :
    +
    +
    +
    + +
    + +
    +
    +
    +
    +
    +

    Liste des segments

    +
    +

    Aucun segment

    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + +
    +
    + + +
    + +
    +{% endblock %} + +{% block js_import %} +{{ block.super }} + + + + + +{% endblock %} + diff -r 37d464b8cb82 -r 903a22d6c535 src/hashcut/templates/iri_mashup_hashcut.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/src/hashcut/templates/iri_mashup_hashcut.html Wed Nov 28 19:22:15 2012 +0100 @@ -0,0 +1,190 @@ +{% extends "iri_mashup_home.html" %} +{% load static %} +{% load i18n %} +{% load analytics %} +{% load thumbnail %} + {% block title %}Hashcut Playing - iri{% endblock %} + {% block css_import %} + {{ block.super }} + + {% endblock %} + +{% block wrap_header %} +
    +
    + {% include 'partial/iri_mashup_popin_user.html' %} + {% include 'partial/iri_hashcut_logo.html' %} +
    +
    +
    + + + +
    Copier
    +     +
    + + + + +
    +

    Hashcut sans titre

    +
    +
    + +
    +
    +
    +{% endblock %} + +{% block content %} +
    +
    +

    Lire le Hashcut

    +
    +
    +
    +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    00:00
    +
    /
    +
    1:03:30
    +
    +
    +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    +

    Segment sans titre

    + + + + + + + + + + + + + + + +
    Extrait de : ( - )
    Description :
    Tags :
    +
    +
    +
    +
    + +
    +

    Plus d’informations

    +
    + + + + + + + + + + + + + + + + + + + + +
    Titre :Titre du Hashcut
    Durée :
    Auteur :
    Description :
    + +
    +

    Médias utilisés dans le Hashcut

    + +
    +
    +{% endblock %} + +{% block js_import %} +{{ block.super }} + + + + + +{% endblock %} + diff -r 37d464b8cb82 -r 903a22d6c535 src/hashcut/templates/iri_mashup_home.html --- a/src/hashcut/templates/iri_mashup_home.html Wed Nov 28 17:55:33 2012 +0100 +++ b/src/hashcut/templates/iri_mashup_home.html Wed Nov 28 19:22:15 2012 +0100 @@ -1,12 +1,14 @@ {% load static %} {% load i18n %} {% load analytics %} +{% load thumbnail %} {% block head %} + {% block title %}Hashcut Home - IRI{% endblock %} @@ -14,13 +16,10 @@ {% endblock %} {% block css_import %} - - - - - {% endblock %} - - {% block js_import %} + + + + {% endblock %} {% block js_declaration %} @@ -29,7 +28,119 @@ {% block body %} -

    TEMPLATE PAR DEFAUT IRI. Ta variable branding = {{branding}}

    +
    +
    + Institut de recherche et d'innovation +
    +
    + +{% block wrap_header %} +
    +
    + {% include 'partial/iri_mashup_popin_user.html' %} + {% include 'partial/iri_hashcut_logo.html' %} +
    +

    Créer un hashcut !

    +
    +
    + +
    +
    +
    +{% endblock %} + +{% block wrapper %} +
    +
    + {% block content %} +
    +
    +

    Hashcuts à la Une

    +
    +
    + {% thumbnail p1.image "302x202" crop="center" format="PNG" as im %}{% empty %} {% endthumbnail %} +

    {{ p1.title }} par {{ p1.created_by }} | 02:24

    +
    +
    + {% thumbnail p2.image "302x202" crop="center" format="PNG" as im %}{% empty %} {% endthumbnail %} +

    {{ p2.title }} par {{ p1.created_by }} | 02:24

    +
    +
    + +

    Derniers Hashcuts

    +
    + {% for p in projects %} +
    + {% thumbnail p.image "142x95" crop="center" format="PNG" as im %}{% empty %} {% endthumbnail %} +

    {% if p.title|length > 30 %}{{p.title|slice:":30"}}...{% else %}{{p.title}}{% endif %} par {{ p.created_by }} | 02:24

    +
    + {% endfor %} +
    + + + +
    +
    +
    +

    Hashcuts ?

    +

    Un Hashcut est à la fois une Hypervidéo (ensemble de vidéos cliquable, permettant une navigation entre vidéos) et un Mashup (mélange de médias, de l’anglais mash, «purée»).

    +

    Un Hashcut est un assemblage de citations de vidéos, mises bout à bout, sans altération des médias d’origine, et permet à chacun de proposer un nouveau regard, une porte d’entrée éditorialisée sur ces médias.

    +
    +
    +

    Comment faire ?

    +
      +
    • +

      1. S’inscrire

      +

      Commencez par créer votre espace personnel sur cette plateforme !

      +
      • +
    • +
    • +

      2. Créer un hashcut

      +

      Choisissez des médias, segmentez les, assemblez les segments et rajoutez des commentaires sur le Hashcut.

      +
      • +
    • +
    • +

      3. Publier et partager

      +

      Une fois le hashcut terminé, publiez-le sur cette plateforme etpartagez votre création sur les réseaux sociaux

      +
      • +
    +
    + +
    +
    + {% endblock %} + {% block footer %} +
    + +
      +
    • iri
      • +
    • cinecast
      • +
    • © 2012
      • +
    +
    + {% endblock %} +
    +
    +{% endblock %} + +{% block js_import %} + + + +{% endblock %} {% endblock %} {% analytics %} diff -r 37d464b8cb82 -r 903a22d6c535 src/hashcut/templates/partial/iri_hashcut_logo.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/src/hashcut/templates/partial/iri_hashcut_logo.html Wed Nov 28 19:22:15 2012 +0100 @@ -0,0 +1,5 @@ +{% load static %} +

    + Hashcut + Le Mashup
    Cliquable     +

    \ No newline at end of file diff -r 37d464b8cb82 -r 903a22d6c535 src/hashcut/templates/partial/iri_mashup_popin_user.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/src/hashcut/templates/partial/iri_mashup_popin_user.html Wed Nov 28 19:22:15 2012 +0100 @@ -0,0 +1,68 @@ + + +
    +
    +
    +

    {{creator}}

    +

    mash@cinecast.fr

    + 12 Hashcuts +

    + +

    +
    +
    + +
    +
    +
    +

    Créer un compte :

    + + +
    +
    + +
    +
    +
    +

    Connexion :

    + + +
    +
    + + \ No newline at end of file diff -r 37d464b8cb82 -r 903a22d6c535 src/hashcut/views.py --- a/src/hashcut/views.py Wed Nov 28 17:55:33 2012 +0100 +++ b/src/hashcut/views.py Wed Nov 28 19:22:15 2012 +0100 @@ -65,7 +65,6 @@ return names def get(self, request, branding="iri", **kwargs): - logging.debug("COUCOU") self.branding = branding context = {"branding":self.branding, "creator":request.user.username} return self.render_to_response(context)