integration/hashcut.html
changeset 86 4857ac3892e3
parent 65 60a1e58b0a08
child 104 1b84c7b2aeee
equal deleted inserted replaced
84:0c699d2767f8 86:4857ac3892e3
    94                 <h1><a title="Hashcut - Le Mashup cliquable" class="clearfix" href="#">
    94                 <h1><a title="Hashcut - Le Mashup cliquable" class="clearfix" href="#">
    95                     <img src="img/hashcut-logo.png" alt="Hashcut" />
    95                     <img src="img/hashcut-logo.png" alt="Hashcut" />
    96                     <span>Le Mashup<br />Cliquable</span>
    96                     <span>Le Mashup<br />Cliquable</span>
    97                 </a></h1>
    97                 </a></h1>
    98                 <div class="title-video-wrap">
    98                 <div class="title-video-wrap">
    99                     <div class="Ldt-Social">
    99                     <p class="title-video" href="#"><span class="category">Hashcut</span> <span class="separator">&raquo;</span> Hashcut sans titre</p>
   100                         <div class="Ldt-Social-Url-Container">
   100                 </div>
   101                             <a href="#" target="_blank" class="Ldt-Social-Square Ldt-Social-Url" title="Partager le lien"></a>
   101                 <div class="Ldt-Social">
   102                             <span class="Ldt-Social-UrlPop">
   102                     <div class="Ldt-Social-Url-Container">
   103                                 <input class="Ldt-Social-Input"/>
   103                         <a href="#" target="_blank" class="Ldt-Social-Square Ldt-Social-Url" title="Partager le lien"></a>
   104                                 <div class="Ldt-Social-CopyBtn">Copier</div>
   104                         <span class="Ldt-Social-UrlPop">
   105                             </span>
   105                             <input class="Ldt-Social-Input"/>
   106                         </div>
   106                             <div class="Ldt-Social-CopyBtn">Copier</div>
   107                         <a href="#" target="_blank" class="Ldt-Social-Fb Ldt-Social-Ext" title="Partager sur Facebook"></a>
   107                         </span>
   108                         <a href="#" target="_blank" class="Ldt-Social-Twitter Ldt-Social-Ext" title="Partager sur Twitter"></a>
   108                     </div>
   109                         <a href="#" target="_blank" class="Ldt-Social-Gplus Ldt-Social-Ext" title="Partager sur Google+"></a>
   109                     <a href="#" target="_blank" class="Ldt-Social-Fb Ldt-Social-Ext" title="Partager sur Facebook"></a>
   110                         <a href="#" target="_blank" class="Ldt-Social-Mail" title="Partager par mail"></a>
   110                     <a href="#" target="_blank" class="Ldt-Social-Twitter Ldt-Social-Ext" title="Partager sur Twitter"></a>
   111                     </div>
   111                     <a href="#" target="_blank" class="Ldt-Social-Gplus Ldt-Social-Ext" title="Partager sur Google+"></a>
   112                     <p class="title-video" href="#">Hashcut sans titre</p>
   112                     <a href="#" target="_blank" class="Ldt-Social-Mail" title="Partager par mail"></a>
   113                 </div>
   113                 </div>
   114                 <div class="profil-wrap">
   114                 <div class="profil-wrap">
   115                     <ul>
   115                     <ul>
   116                         <li><a href="#" class="all-hashcut">Tous les Hashcuts</a></li>
   116                         <li><a href="#" class="all-hashcut">Accueil</a></li>
   117                         <li><a href="edition.html" class="new-hashcut">Créer un Hashcut</a></li>
   117                         <li><a href="edition.html" class="new-hashcut">Créer un Hashcut</a></li>
   118                         <li><a href="#user" class="my-profil open-popin">Mon profil</a></li>
   118                         <li><a href="#user" class="my-profil open-popin">Mon profil</a></li>
   119                     </ul>
   119                     </ul>
   120                 </div>
   120                 </div>
   121             </div><!-- header -->
   121             </div><!-- header -->
   208                         <div class="more-info-wrap">
   208                         <div class="more-info-wrap">
   209                             <table class="more-info ">
   209                             <table class="more-info ">
   210                                 <tbody>
   210                                 <tbody>
   211                                     <tr class="info-title">
   211                                     <tr class="info-title">
   212                                         <th>Titre :</th>
   212                                         <th>Titre :</th>
   213                                         <td><a href="#">Titre du Hashcut</a></td>
   213                                         <td>Titre du Hashcut</td>
   214                                     </tr>
   214                                     </tr>
   215                                     <tr class="info-duration">
   215                                     <tr class="info-duration">
   216                                         <th>Durée :</th>
   216                                         <th>Durée :</th>
   217                                         <td></td>
   217                                         <td></td>
   218                                     </tr>
   218                                     </tr>
   219                                     <tr class="info-author">
   219                                     <tr class="info-author">
   220                                         <th>Auteur : </th>
   220                                         <th>Auteur : </th>
   221                                         <td><a href="#"></a></td>
   221                                         <td><a href="profil.html">{{author}}</a></td>
   222                                     </tr>
   222                                     </tr>
   223                                     <tr class="info-description">
   223                                     <tr class="info-description">
   224                                         <th>Description : </th>
   224                                         <th>Description : </th>
   225                                         <td></td>
   225                                         <td></td>
   226                                     </tr>
   226                                     </tr>
   227     <!--                                <tr class="info-tags">
       
   228                                         <th>Tags : </th>
       
   229                                         <td>Mashup, Création, Art</td>
       
   230                                     </tr> -->
       
   231                                 </tbody>
   227                                 </tbody>
   232                             </table>
   228                             </table>
   233     <!--                        <a href="#" class="button cloner">Cloner le Hashcut</a> -->
       
   234                         </div>
   229                         </div>
   235                         <h2>Médias utilisés dans le Hashcut</h2>
   230                         <h2>Médias utilisés dans le Hashcut</h2>
   236                         <ul class="list-video">
   231                         <ul class="list-video">
   237                             
   232                             
   238                         </ul>
   233                         </ul>
   279     
   274     
   280     $(function() {
   275     $(function() {
   281         IriSP.mashupplayer({
   276         IriSP.mashupplayer({
   282             id: projid
   277             id: projid
   283         });
   278         });
   284         IriSP.social();
   279         social();
   285     });
   280     });
   286         </script>
   281         </script>
   287     </body>
   282     </body>
   288 </html>
   283 </html>