integration/edition.html
author veltr
Thu, 25 Oct 2012 14:51:17 +0200
brancheditorjs
changeset 16 7536b92a7775
parent 15 56937307d7f4
child 18 c85b323f5174
permissions -rw-r--r--
a few changes before a merge
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">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     6
        <title>Edition</title>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     7
        <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
     8
        <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
     9
        <link rel="stylesheet" href="css/edition.css" />
13
42c59d09670e display media list
veltr
parents: 7
diff changeset
    10
        <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
    11
    </head>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    12
    <body>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    13
        <div class="wrap">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    14
            <div class="wrap-header">
13
42c59d09670e display media list
veltr
parents: 7
diff changeset
    15
                <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
    16
            </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    17
            <div class="header">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    18
                <!-- popin header -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    19
                <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
    20
                    <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
    21
                    <div class="popin-content">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    22
                        <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
    23
                            <div class="form-left">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    24
                                <p class="titre-wrap">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    25
                                    <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
    26
                                    <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
    27
                                </p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    28
                                <p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    29
                                    <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
    30
                                    <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
    31
                                </p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    32
                            </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    33
                            <p class="form-right">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    34
                                <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
    35
                                <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
    36
                            </p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    37
                        </form>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    38
                    </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    39
                </div><!-- popin update-title -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    40
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    41
                <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
    42
                    <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
    43
                    <div class="popin-content">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    44
                        <h2>Mashup75</h2>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    45
                        <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
    46
                        <a href="#" class="nb-hashcut">12 Hashcuts</a>
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
    47
                        <p>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
    48
                            <a href="#" class="change-account button">Changer de compte</a>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
    49
                        </p>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
    50
                        
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    51
                    </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    52
                </div><!-- popin user info-->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    53
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    54
                <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
    55
                    <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
    56
                    <div class="popin-content">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    57
                        <h2>Créer un compte :</h2>
16
7536b92a7775 a few changes before a merge
veltr
parents: 15
diff changeset
    58
                        <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
    59
                            <p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    60
                                <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
    61
                                <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
    62
                            </p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    63
                            <p >
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    64
                                <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
    65
                                <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
    66
                            </p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    67
                            <p >
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    68
                                <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
    69
                                <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
    70
                            </p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    71
                            <p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    72
                                <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
    73
                                <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
    74
                            </p>
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    75
                            <p>
16
7536b92a7775 a few changes before a merge
veltr
parents: 15
diff changeset
    76
                                <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
    77
                            </p>
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    78
                        </form>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    79
   
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    80
                    </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    81
                </div><!-- popin user signup-->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    82
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    83
                <div class="popin user login" id="user">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    84
                    <img class="pointer" src="img/popin-triangle.png" alt="" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    85
                    <div class="popin-content">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    86
                        <h2>Connexion :</h2>
16
7536b92a7775 a few changes before a merge
veltr
parents: 15
diff changeset
    87
                        <form action="#" class="login-form">
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    88
                            <p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    89
                                <label for="signup-pseudo">E-mail : </label>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    90
                                <input type="text" id="signup-pseudo" name="" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    91
                            </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    92
                            <p >
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    93
                                <label for="signup-email">Mot de passe : </label>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    94
                                <input type="password" id="signup-email" name="" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    95
                            </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    96
                            <p>
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
    97
                                <input class="button" type="submit" value="Se connecter">
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    98
                            </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    99
                            <p>
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   100
                                <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
   101
                            </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   102
                        </form>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   103
   
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   104
                    </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   105
                </div><!-- popin user login-->
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   106
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   107
                <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
   108
                    <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
   109
                    <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
   110
                </a></h1>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   111
                <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
   112
                    <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
   113
                    <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
   114
                </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   115
                <div class="profil-wrap">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   116
                    <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
   117
                    <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
   118
                </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   119
            </div><!-- header -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   120
            <div class="content clearfix">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   121
                <div class="col-left">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   122
                    <form action="#" method="">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   123
                        <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
   124
                        <p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   125
                            <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
   126
                            <input type="submit" value="" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   127
                        </p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   128
                    </form>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   129
                    <ul class="list-video">
13
42c59d09670e display media list
veltr
parents: 7
diff changeset
   130
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   131
                    </ul>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   132
                </div><!-- col-left -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   133
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   134
                <div class="col-middle empty-mode">
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   135
                    
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   136
                    <div class="col-middle-header">
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   137
                        <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
   138
                        <a href="#" class="tab tab-pvw">Prévisualiser</a>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   139
                    </div>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   140
                    
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   141
                    <div class="video">
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   142
                        <div class="tutorial">
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   143
                            <h2>Créer un Hashcut, c’est facile !</h2>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   144
                            <ol>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   145
                                <li>Commencez par choisir une vidéo dans le volet de gauche</li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   146
                                <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
   147
                                <li>Ajoutez votre segment à la liste, réorganisez les segments entre eux</li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   148
                                <li>Rajoutez quelques commentaires à votre Hashcut. Vous êtes prêts à publier !</li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   149
                            </ol>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   150
                        </div>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   151
                        <a class="publier-button" title="Publier" href="#"></a>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   152
                    </div>
5
9560f52f0979 maj edition
Anthony Ly <anthonyly.com@gmail.com>
parents: 3
diff changeset
   153
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   154
                    <div class="bloc-segmentation">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   155
                        <div class="segment">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   156
                            <img src="img/visuel-segment.png" alt="">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   157
                        </div>
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   158
                        <div class="segmentation" id="">
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   159
                            <img class="pointer" src="img/popin-triangle.png" alt="" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   160
                            <div class="popin-content">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   161
                                <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
   162
                                <form action="#">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   163
                                    <div class="form-segment-left">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   164
                                        <p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   165
                                            <label for="titre">Titre :</label>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   166
                                            <input type="text" id="titre" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   167
                                        </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   168
                                        <p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   169
                                            <label for="tags">Tags :</label>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   170
                                            <input type="text" id="tags" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   171
                                        </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   172
                                    </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   173
                                    <div class="form-segment-right">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   174
                                        <p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   175
                                            <label for="description">Description :</label>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   176
                                            <textarea id="description"></textarea>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   177
                                        </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   178
                                    </div>
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   179
                                    <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
   180
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   181
                                </form>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   182
                            </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   183
                        </div><!-- popin segmentation -->
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   184
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   185
                        <div class="existant">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   186
                            <h2>Segments existants :</h2>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   187
                            <div class="segments">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   188
                                <div class="segment">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   189
                                    <div class="section" style="left:0%;width:20%;"></div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   190
                                    <div class="popin segment-section" id="">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   191
                                        <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
   192
                                        <div class="popin-content clearfix">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   193
                                            <div class="instant-description">
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   194
                                                <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
   195
                                                <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
   196
                                            </div>
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   197
                                            <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
   198
                                        </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   199
                                    </div><!-- popin segment-section -->
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 class="segment">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   202
                                    <div class="section" style="left:20%;width:20%;"></div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   203
                                </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   204
                                <div class="segment">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   205
                                    <div class="section" style="left:60%;width:20%;"></div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   206
                                </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   207
                                <div class="segment">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   208
                                    <div class="section" style="left:80%;width:10%;"></div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   209
                                </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   210
                            </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><!-- bloc-segmentation -->
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   213
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   214
                    <div class="bloc-pvw">
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="frise clearfix">
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
                            <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
   219
                            <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
   220
                            <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
   221
                            <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
   222
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   223
                            <div class="segments">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   224
                                <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
   225
                                <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
   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>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   230
                            
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   231
                            
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   232
                            <div class="popin frise-description" id="frise-description">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   233
                                <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
   234
                                <div class="popin-content">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   235
                                    <ul class="tools">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   236
                                        <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
   237
                                        <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
   238
                                        <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
   239
                                        <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
   240
                                    </ul>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   241
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   242
                                    <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
   243
                                    <table>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   244
                                        <tbody>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   245
                                            <tr>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   246
                                                <th>Extrait de :</th>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   247
                                                <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
   248
                                            </tr>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   249
                                            <tr>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   250
                                                <th>Description :</th>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   251
                                                <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
   252
                                            </tr>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   253
                                            <tr>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   254
                                                <th>Tags :</th>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   255
                                                <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
   256
                                            </tr>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   257
                                        </tbody>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   258
                                    </table>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   259
                                </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   260
                            </div><!-- popin frise-description -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   261
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   262
                        </div><!-- frise -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   263
                    </div><!-- bloc-pvw -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   264
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   265
                </div><!-- col-middle -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   266
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   267
                <div class="col-right">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   268
                    <div class="liste-segment">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   269
                        <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
   270
                        <div class="frise clearfix">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   271
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   272
                            <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
   273
                            <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
   274
                            <div class="segments">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   275
                                 <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
   276
                                 <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
   277
                                 <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
   278
                                 <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
   279
                                 <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
   280
                            </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
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   284
                    <ul class="list-video" id="sortable">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   285
                        <li class="item-video">
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   286
                            <img src="img/apercu-video.jpg" alt="aperçu" />
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   287
                            <span class="video-info">
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   288
                                <span class="title-video">Voyage à la Lune 1</span>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   289
                                <span class="subtitle">Chargement de la Capsule</span>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   290
                                <span class="duration">01:17 - 02:01 (00:44)</span>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   291
                                <ul class="tools">
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   292
                                    <li><a class="edit" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   293
                                    <li><a class="bottom" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   294
                                    <li><a class="top" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   295
                                    <li><a class="delete" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   296
                                </ul>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   297
                            </span>
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   298
                        </li><!-- item-video -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   299
                        <li class="item-video">
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   300
                            <img src="img/apercu-video.jpg" alt="aperçu" />
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   301
                            <span class="video-info">
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   302
                                <span class="title-video">Voyage à la Lune 2</span>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   303
                                <span class="subtitle">Chargement de la Capsule</span>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   304
                                <span class="duration">01:17 - 02:01 (00:44)</span>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   305
                                <ul class="tools">
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   306
                                    <li><a class="edit" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   307
                                    <li><a class="bottom" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   308
                                    <li><a class="top" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   309
                                    <li><a class="delete" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   310
                                </ul>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   311
                            </span>
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   312
                        </li><!-- item-video -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   313
                        <li class="item-video">
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   314
                            <img src="img/apercu-video.jpg" alt="aperçu" />
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   315
                            <span class="video-info">
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   316
                                <span class="title-video">Voyage à la Lune 3</span>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   317
                                <span class="subtitle">Chargement de la Capsule</span>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   318
                                <span class="duration">01:17 - 02:01 (00:44)</span>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   319
                                <ul class="tools">
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   320
                                    <li><a class="edit" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   321
                                    <li><a class="bottom" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   322
                                    <li><a class="top" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   323
                                    <li><a class="delete" href="#"></a></li>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   324
                                </ul>
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   325
                            </span>
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   326
                        </li><!-- item-video -->
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   327
                        
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   328
                    </ul>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   329
                </div><!-- col-right -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   330
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   331
            </div><!-- content -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   332
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   333
            <div class="footer clearfix">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   334
                <ul class="links-left">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   335
                    <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
   336
                    <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
   337
                </ul>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   338
                <ul class="links-right">
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   339
                    <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
   340
                    <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
   341
                    <li>© 2012</li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   342
                </ul>
5
9560f52f0979 maj edition
Anthony Ly <anthonyly.com@gmail.com>
parents: 3
diff changeset
   343
            </div><!-- footer -->
9560f52f0979 maj edition
Anthony Ly <anthonyly.com@gmail.com>
parents: 3
diff changeset
   344
        </div><!-- wrap -->
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   345
        <!-- JavaScript -->
13
42c59d09670e display media list
veltr
parents: 7
diff changeset
   346
        <script type="text/javascript" src="lib/jquery.min.js"></script>
42c59d09670e display media list
veltr
parents: 7
diff changeset
   347
        <script type="text/javascript" src="lib/jquery-ui.min.js"></script>
42c59d09670e display media list
veltr
parents: 7
diff changeset
   348
        <script type="text/javascript" src="lib/mustache.js"></script>
42c59d09670e display media list
veltr
parents: 7
diff changeset
   349
        <script type="text/javascript" src="lib/underscore-min.js"></script>
42c59d09670e display media list
veltr
parents: 7
diff changeset
   350
        <script type="text/javascript" src="lib/popcorn-complete.min.js"></script>
42c59d09670e display media list
veltr
parents: 7
diff changeset
   351
        <script type="text/javascript" src="lib/raphael-min.js"></script>
42c59d09670e display media list
veltr
parents: 7
diff changeset
   352
        <script type="text/javascript" src="js/init.js"></script>
42c59d09670e display media list
veltr
parents: 7
diff changeset
   353
        <script type="text/javascript" src="js/medialist-serializer.js"></script>
42c59d09670e display media list
veltr
parents: 7
diff changeset
   354
        <script type="text/javascript" src="js/model.js"></script>
42c59d09670e display media list
veltr
parents: 7
diff changeset
   355
        <script type="text/javascript" src="js/editor.js"></script>
15
56937307d7f4 cleaning css
veltr
parents: 14
diff changeset
   356
        <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
   357
    </body>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   358
</html>