integration/edition.html
author veltr
Thu, 25 Oct 2012 16:41:19 +0200
changeset 19 43ac4bd80e71
parent 18 c85b323f5174
child 22 bd904d592881
permissions -rw-r--r--
Merge with c85b323f5174decb6404a81dbafc802304edd68a
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     1
<!DOCTYPE html>
13
42c59d09670e display media list
veltr
parents: 7
diff changeset
     2
<html>
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     3
    <head>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     4
        <meta charset="utf-8">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     5
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
18
c85b323f5174 Modifications to home
veltr
parents: 16
diff changeset
     6
        <meta name="description" content="Interface d'édition de Hashcuts (Mashups vidéo cliquables)" />
c85b323f5174 Modifications to home
veltr
parents: 16
diff changeset
     7
        <meta name="copyright" content="Institut de Recherche et d'Innovation (IRI), 2012" />
c85b323f5174 Modifications to home
veltr
parents: 16
diff changeset
     8
        <meta name="author" content="Anthony Ly, Raphaël Velt" />
c85b323f5174 Modifications to home
veltr
parents: 16
diff changeset
     9
        <title>Hashcut &gt; Edition</title>
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    10
        <link rel="stylesheet" href="css/reset.css" />
7
12978893bbf0 ajout des fonts et réorganisation des css
Anthony Ly <anthonyly.com@gmail.com>
parents: 5
diff changeset
    11
        <link rel="stylesheet" href="css/common.css" />
12978893bbf0 ajout des fonts et réorganisation des css
Anthony Ly <anthonyly.com@gmail.com>
parents: 5
diff changeset
    12
        <link rel="stylesheet" href="css/edition.css" />
13
42c59d09670e display media list
veltr
parents: 7
diff changeset
    13
        <link rel="stylesheet" href="lib/jquery-ui.css">
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    14
    </head>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    15
    <body>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    16
        <div class="wrap">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    17
            <div class="wrap-header">
13
42c59d09670e display media list
veltr
parents: 7
diff changeset
    18
                <a title="Bibliothèque Publique d'Information" href="#"><img src="img/pompidou-logo.png" alt="Bibliothèque centre Pompidou" /></a>
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    19
            </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    20
            <div class="header">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    21
                <!-- popin header -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    22
                <div class="popin update-title" id="update-title">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    23
                    <img class="pointer" src="img/popin-triangle.png" alt="" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    24
                    <div class="popin-content">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    25
                        <form class="clearfix" action="#" method="">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    26
                            <div class="form-left">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    27
                                <p class="titre-wrap">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    28
                                    <label for="titre-video">Titre :</label>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    29
                                    <input type="text" id="titre-video" name="" value="Mon Hashcut" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    30
                                </p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    31
                                <p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    32
                                    <label for="tags-video">Tags :</label>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    33
                                    <input type="text" id="tags-video" name="" value="Lune, Espace, Lune" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    34
                                </p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    35
                            </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    36
                            <p class="form-right">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    37
                                <label for="description-video">Description :</label>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    38
                                <textarea name="" id="description-video" cols="30" rows="10"></textarea>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    39
                            </p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    40
                        </form>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    41
                    </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    42
                </div><!-- popin update-title -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    43
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    44
                <div class="popin user info" id="user">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    45
                    <img class="pointer" src="img/popin-triangle.png" alt="" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    46
                    <div class="popin-content">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    47
                        <h2>Mashup75</h2>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    48
                        <h3>mash@cinecast.fr</h3>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    49
                        <a href="#" class="nb-hashcut">12 Hashcuts</a>
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
    50
                        <p>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
    51
                            <a href="#" class="change-account button">Changer de compte</a>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
    52
                        </p>
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    53
                    </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    54
                </div><!-- popin user info-->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    55
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    56
                <div class="popin user signup" id="user">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    57
                    <img class="pointer" src="img/popin-triangle.png" alt="" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    58
                    <div class="popin-content">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    59
                        <h2>Créer un compte :</h2>
16
7536b92a7775 a few changes before a merge
veltr
parents: 15
diff changeset
    60
                        <form action="#" class="signup-form">
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    61
                            <p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    62
                                <label for="signup-pseudo">Pseudonyme : </label>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    63
                                <input type="text" id="signup-pseudo" name="" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    64
                            </p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    65
                            <p >
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    66
                                <label for="signup-email">Email : </label>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    67
                                <input type="text" id="signup-email" name="" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    68
                            </p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    69
                            <p >
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    70
                                <label for="signup-password">Mot de passe : </label>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    71
                                <input type="password" id="signup-password" name="" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    72
                            </p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    73
                            <p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    74
                                <label for="signup-password">Confirmer le mot de passe : </label>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    75
                                <input type="password" id="signup-password" name="" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    76
                            </p>
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    77
                            <p>
16
7536b92a7775 a few changes before a merge
veltr
parents: 15
diff changeset
    78
                                <input class="button" type="submit" value="Créer le compte">
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    79
                            </p>
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    80
                        </form>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    81
   
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    82
                    </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    83
                </div><!-- popin user signup-->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    84
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    85
                <div class="popin user login" id="user">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    86
                    <img class="pointer" src="img/popin-triangle.png" alt="" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    87
                    <div class="popin-content">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    88
                        <h2>Connexion :</h2>
16
7536b92a7775 a few changes before a merge
veltr
parents: 15
diff changeset
    89
                        <form action="#" class="login-form">
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    90
                            <p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    91
                                <label for="signup-pseudo">E-mail : </label>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    92
                                <input type="text" id="signup-pseudo" name="" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    93
                            </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    94
                            <p >
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    95
                                <label for="signup-email">Mot de passe : </label>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    96
                                <input type="password" id="signup-email" name="" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    97
                            </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    98
                            <p>
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
    99
                                <input class="button" type="submit" value="Se connecter">
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   100
                            </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   101
                            <p>
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   102
                                <a class="button signup-button" href="#">Créer un compte</a>
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   103
                            </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   104
                        </form>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   105
   
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   106
                    </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   107
                </div><!-- popin user login-->
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   108
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   109
                <h1><a title="Hashcut - Le Mashup cliquable" class="clearfix" href="#">
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   110
                    <img src="img/hashcut-logo.png" alt="Hashcut" />
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   111
                    <span>Le Mashup<br />Cliquable</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   112
                </a></h1>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   113
                <div class="title-video-wrap">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   114
                    <a class="open-popin" href="#update-title">Hashcut sans titre</a>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   115
                    <p class="time-length">Durée: <span>02:24</span></p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   116
                </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   117
                <div class="profil-wrap">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   118
                    <a href="#" class="all-hashcut">Tous les Hashcuts</a>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   119
                    <a href="#user" class="my-profil open-popin">Mon profil</a>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   120
                </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   121
            </div><!-- header -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   122
            <div class="content clearfix">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   123
                <div class="col-left">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   124
                    <form action="#" method="">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   125
                        <h2>Sélectionner les vidéos</h2>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   126
                        <p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   127
                            <input type="text" name="" placeholder="Rechercher une vidéo" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   128
                            <input type="submit" value="" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   129
                        </p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   130
                    </form>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   131
                    <ul class="list-video">
13
42c59d09670e display media list
veltr
parents: 7
diff changeset
   132
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   133
                    </ul>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   134
                </div><!-- col-left -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   135
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   136
                <div class="col-middle empty-mode">
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   137
                    
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   138
                    <div class="col-middle-header">
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   139
                        <a href="#" class="tab tab-segment">Segmenter <span class="tab-media-title">La cuisine du Popcorn</span></a>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   140
                        <a href="#" class="tab tab-pvw">Prévisualiser</a>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   141
                    </div>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   142
                    
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   143
                    <div class="video">
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   144
                        <div class="tutorial">
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   145
                            <h2>Créer un Hashcut, c’est facile !</h2>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   146
                            <ol>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   147
                                <li>Commencez par choisir une vidéo dans le volet de gauche</li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   148
                                <li>Créez un segment dans la vidéo et profitez-en pour annoter votre segment</li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   149
                                <li>Ajoutez votre segment à la liste, réorganisez les segments entre eux</li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   150
                                <li>Rajoutez quelques commentaires à votre Hashcut. Vous êtes prêts à publier !</li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   151
                            </ol>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   152
                        </div>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   153
                        <a class="publier-button" title="Publier" href="#"></a>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   154
                    </div>
5
9560f52f0979 maj edition
Anthony Ly <anthonyly.com@gmail.com>
parents: 3
diff changeset
   155
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   156
                    <div class="bloc-segmentation">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   157
                        <div class="segment">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   158
                            <img src="img/visuel-segment.png" alt="">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   159
                        </div>
18
c85b323f5174 Modifications to home
veltr
parents: 16
diff changeset
   160
                        <div class="segment-info segmentation">
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   161
                            <img class="pointer" src="img/popin-triangle.png" alt="" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   162
                            <div class="popin-content">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   163
                                <h2>Créer un nouveau segment de <span>02:27</span> à <span>02:27</span> (durée: <span>02:27</span>)</h2>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   164
                                <form action="#">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   165
                                    <div class="form-segment-left">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   166
                                        <p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   167
                                            <label for="titre">Titre :</label>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   168
                                            <input type="text" id="titre" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   169
                                        </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   170
                                        <p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   171
                                            <label for="tags">Tags :</label>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   172
                                            <input type="text" id="tags" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   173
                                        </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   174
                                    </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   175
                                    <div class="form-segment-right">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   176
                                        <p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   177
                                            <label for="description">Description :</label>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   178
                                            <textarea id="description"></textarea>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   179
                                        </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   180
                                    </div>
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   181
                                    <input class="button add-segment" type="submit" value="Ajouter au Hashcut" />
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   182
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   183
                                </form>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   184
                            </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   185
                        </div><!-- popin segmentation -->
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   186
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   187
                        <div class="existant">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   188
                            <h2>Segments existants :</h2>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   189
                            <div class="segments">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   190
                                <div class="segment">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   191
                                    <div class="section" style="left:0%;width:20%;"></div>
18
c85b323f5174 Modifications to home
veltr
parents: 16
diff changeset
   192
                                    <div class="popin segment-section">
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   193
                                        <img style="left:20px;" class="pointer" src="img/popin-triangle.png" alt="" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   194
                                        <div class="popin-content clearfix">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   195
                                            <div class="instant-description">
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   196
                                                <h3>Le moment crucial où le maïs explose</h3>
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   197
                                                <p>De: <span>00:43</span> à <span>01:20</span> (durée: <span>00:37</span>)</p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   198
                                            </div>
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   199
                                            <a href="#" class="button reprendre-segment">Reprendre le segment</a>
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   200
                                        </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   201
                                    </div><!-- popin segment-section -->
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   202
                                </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   203
                                <div class="segment">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   204
                                    <div class="section" style="left:20%;width:20%;"></div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   205
                                </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   206
                                <div class="segment">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   207
                                    <div class="section" style="left:60%;width:20%;"></div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   208
                                </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   209
                                <div class="segment">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   210
                                    <div class="section" style="left:80%;width:10%;"></div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   211
                                </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   212
                            </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   213
                        </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   214
                    </div><!-- bloc-segmentation -->
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   215
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   216
                    <div class="bloc-pvw">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   217
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   218
                        <div class="frise clearfix">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   219
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   220
                            <span class="indication" style="left:24%;">00:30</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   221
                            <span class="indication" style="left:44%;">00:30</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   222
                            <span class="indication" style="left:64%;">00:30</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   223
                            <span class="indication" style="left:84%;">00:30</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   224
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   225
                            <div class="segments">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   226
                                <div class="segment" style="background-color:red;width:20%;"></div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   227
                                <div class="segment" style="background-color:green;width:20%;"></div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   228
                                <div class="segment" style="background-color:red;width:20%;"></div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   229
                                <div class="segment" style="background-color:green;width:20%;"></div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   230
                                <div class="segment" style="background-color:red;width:20%;"></div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   231
                            </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   232
                            
18
c85b323f5174 Modifications to home
veltr
parents: 16
diff changeset
   233
                        </div>
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   234
                            
18
c85b323f5174 Modifications to home
veltr
parents: 16
diff changeset
   235
                            <div class="segment-info mashup-description">
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   236
                                <img class="pointer" src="img/popin-triangle.png" alt="" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   237
                                <div class="popin-content">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   238
                                    <ul class="tools">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   239
                                        <li><a class="edit" href="#"></a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   240
                                        <li><a class="bottom" href="#"></a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   241
                                        <li><a class="top" href="#"></a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   242
                                        <li><a class="delete" href="#"></a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   243
                                    </ul>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   244
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   245
                                    <h2>Chargement de la capsule lunaire</h2>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   246
                                    <table>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   247
                                        <tbody>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   248
                                            <tr>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   249
                                                <th>Extrait de :</th>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   250
                                                <td>Le Voyage dans la Lune (05:01 - 05:24)</td>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   251
                                            </tr>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   252
                                            <tr>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   253
                                                <th>Description :</th>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   254
                                                <td>Lors d'un colloque d'astronomie, le professeur Barbenfouillis crée l'événement en faisant part à l'assemblée de son projet de voyage dans la Lune. Il organise ensuite la visite à ses confrères de l'atelier où l'obus spatial est en chantier. Il sera propulsé en direction de la Lune au moyen d'un canon géant.</td>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   255
                                            </tr>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   256
                                            <tr>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   257
                                                <th>Tags :</th>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   258
                                                <td>astronomie, lune, fiction, histoire du cinéma, canon, projectile</td>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   259
                                            </tr>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   260
                                        </tbody>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   261
                                    </table>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   262
                                </div>
18
c85b323f5174 Modifications to home
veltr
parents: 16
diff changeset
   263
                            </div>
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   264
                    </div><!-- bloc-pvw -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   265
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   266
                </div><!-- col-middle -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   267
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   268
                <div class="col-right">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   269
                    <div class="liste-segment">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   270
                        <h2>Liste des segments</h2>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   271
                        <div class="frise clearfix">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   272
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   273
                            <span class="indication" style="left:64%;">00:30</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   274
                            <span class="indication" style="left:84%;">00:30</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   275
                            <div class="segments">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   276
                                 <div class="segment" style="background-color:red;width:20%;"></div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   277
                                 <div class="segment" style="background-color:yellow;width:20%;"></div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   278
                                 <div class="segment" style="background-color:blue;width:20%;"></div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   279
                                 <div class="segment" style="background-color:green;width:20%;"></div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   280
                                 <div class="segment" style="background-color:brown;width:20%;"></div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   281
                            </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   282
                        </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   283
                    </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   284
18
c85b323f5174 Modifications to home
veltr
parents: 16
diff changeset
   285
                    <ul class="list-video organize-segments">
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   286
                        <li class="item-video">
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   287
                            <img src="img/apercu-video.jpg" alt="aperçu" />
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   288
                            <span class="video-info">
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   289
                                <span class="title-video">Voyage à la Lune 1</span>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   290
                                <span class="subtitle">Chargement de la Capsule</span>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   291
                                <span class="duration">01:17 - 02:01 (00:44)</span>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   292
                                <ul class="tools">
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   293
                                    <li><a class="edit" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   294
                                    <li><a class="bottom" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   295
                                    <li><a class="top" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   296
                                    <li><a class="delete" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   297
                                </ul>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   298
                            </span>
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   299
                        </li><!-- item-video -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   300
                        <li class="item-video">
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   301
                            <img src="img/apercu-video.jpg" alt="aperçu" />
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   302
                            <span class="video-info">
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   303
                                <span class="title-video">Voyage à la Lune 2</span>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   304
                                <span class="subtitle">Chargement de la Capsule</span>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   305
                                <span class="duration">01:17 - 02:01 (00:44)</span>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   306
                                <ul class="tools">
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   307
                                    <li><a class="edit" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   308
                                    <li><a class="bottom" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   309
                                    <li><a class="top" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   310
                                    <li><a class="delete" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   311
                                </ul>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   312
                            </span>
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   313
                        </li><!-- item-video -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   314
                        <li class="item-video">
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   315
                            <img src="img/apercu-video.jpg" alt="aperçu" />
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   316
                            <span class="video-info">
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   317
                                <span class="title-video">Voyage à la Lune 3</span>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   318
                                <span class="subtitle">Chargement de la Capsule</span>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   319
                                <span class="duration">01:17 - 02:01 (00:44)</span>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   320
                                <ul class="tools">
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   321
                                    <li><a class="edit" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   322
                                    <li><a class="bottom" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   323
                                    <li><a class="top" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   324
                                    <li><a class="delete" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   325
                                </ul>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   326
                            </span>
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   327
                        </li><!-- item-video -->
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   328
                        
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   329
                    </ul>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   330
                </div><!-- col-right -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   331
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   332
            </div><!-- content -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   333
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   334
            <div class="footer clearfix">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   335
                <ul class="links-left">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   336
                    <li><a href="#">Mentions légales</a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   337
                    <li><a href="#">Contacts</a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   338
                </ul>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   339
                <ul class="links-right">
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   340
                    <li><a title="IRI" href="http://www.iri.centrepompidou.fr/"> <img src="img/logo-iri.png" alt="iri" /></a></li>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   341
                    <li><a title="cinecast" href="http://cinecast.fr/"><img src="img/logo-cinecast.png" alt="cinecast" /></a></li>
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   342
                    <li>© 2012</li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   343
                </ul>
5
9560f52f0979 maj edition
Anthony Ly <anthonyly.com@gmail.com>
parents: 3
diff changeset
   344
            </div><!-- footer -->
9560f52f0979 maj edition
Anthony Ly <anthonyly.com@gmail.com>
parents: 3
diff changeset
   345
        </div><!-- wrap -->
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   346
        <!-- JavaScript -->
13
42c59d09670e display media list
veltr
parents: 7
diff changeset
   347
        <script type="text/javascript" src="lib/jquery.min.js"></script>
42c59d09670e display media list
veltr
parents: 7
diff changeset
   348
        <script type="text/javascript" src="lib/jquery-ui.min.js"></script>
42c59d09670e display media list
veltr
parents: 7
diff changeset
   349
        <script type="text/javascript" src="lib/mustache.js"></script>
42c59d09670e display media list
veltr
parents: 7
diff changeset
   350
        <script type="text/javascript" src="lib/underscore-min.js"></script>
42c59d09670e display media list
veltr
parents: 7
diff changeset
   351
        <script type="text/javascript" src="lib/popcorn-complete.min.js"></script>
42c59d09670e display media list
veltr
parents: 7
diff changeset
   352
        <script type="text/javascript" src="lib/raphael-min.js"></script>
42c59d09670e display media list
veltr
parents: 7
diff changeset
   353
        <script type="text/javascript" src="js/init.js"></script>
42c59d09670e display media list
veltr
parents: 7
diff changeset
   354
        <script type="text/javascript" src="js/medialist-serializer.js"></script>
42c59d09670e display media list
veltr
parents: 7
diff changeset
   355
        <script type="text/javascript" src="js/model.js"></script>
42c59d09670e display media list
veltr
parents: 7
diff changeset
   356
        <script type="text/javascript" src="js/editor.js"></script>
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   357
        <script type="text/javascript" src="js/common.js"></script>
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   358
    </body>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   359
</html>