# HG changeset patch
# User cavaliet
# Date 1382533995 -7200
# Node ID e47226cc243d8b5aa5892bdb3dc7c3dd788f55d1
# Parent  7253e705e37cb110dcd9ef097ae42148e291737b
little enhance...

diff -r 7253e705e37c -r e47226cc243d web/css/ds.css
--- a/web/css/ds.css	Wed Oct 23 14:25:41 2013 +0200
+++ b/web/css/ds.css	Wed Oct 23 15:13:15 2013 +0200
@@ -24,6 +24,7 @@
 }
 .videotitle{
     border-bottom: 1px dotted #333333;
+    padding-left: 5px;
     padding-top: 10px;
 }
 .videolink{
@@ -32,9 +33,9 @@
 .active{
     background-color: #EEEEEE;
 }
-.footer-img img, #copyright-version{
-	margin: 10px 10px 0;
-} 
+.align-player{
+	padding-right: 53px;
+}
 iframe {
     border: none;
 } 
@@ -46,4 +47,7 @@
     padding-bottom: 20px;
     border-top: 1px solid gray;
 }
+.footer-img img, #copyright-version{
+    margin: 10px 10px 0;
+}
 
diff -r 7253e705e37c -r e47226cc243d web/index.html
--- a/web/index.html	Wed Oct 23 14:25:41 2013 +0200
+++ b/web/index.html	Wed Oct 23 15:13:15 2013 +0200
@@ -16,7 +16,7 @@
 	    <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
 	      <ul class="nav navbar-nav">
 	        <li>
-	          <a class="videolink" data-videoid="0"><img src="./img/logodsrose2" alt="Logo Digital Studies" /></a>
+	          <a href="#" class="videolink" data-videoid="0"><img src="./img/logodsrose2" alt="Logo Digital Studies" /></a>
 	        </li>
 	      </ul>
           <ul class="nav navbar-nav" style="float:right;">
@@ -24,6 +24,7 @@
               <li><a href="http://www.france-universite-numerique.fr/" target="_blank" title="France Université Numérique">FUN</a></li>
               <li><a href="http://pharmakon.fr/" target="_blank">Pharmakon</a></li>
               <li><a href="http://digital-studies.org/" target="_blank">Digital Studies</a></li>
+              <li><a href="http://renkan.iri-research.org/renkan/s/adae5482-3b12-11e3-8312-5fa5e5b09a85" target="_blank">Renkan</a></li>
           </ul>
 	    </nav>
 	  </div>
@@ -32,7 +33,7 @@
     <div class="row divctn">
       <div class="col-md-4">
         <div class="videotitle" id="videotitle0">
-          <p><a class="videolink" data-videoid="0"><strong>Introduction</strong></a> <button type="button" class="btn btn-info btn-xs" data-toggle="collapse" data-target="#abstract">Voir plus</button></p>
+          <p><a href="#" class="videolink" data-videoid="0"><strong>Introduction</strong></a> <button type="button" class="btn btn-info btn-xs" data-toggle="collapse" data-target="#abstract">Voir plus</button></p>
           <div id="abstract" class="collapse">
             <p>Avec l’apparition du web, c’est la nature même des savoirs sous toutes leurs formes qui a changé tandis que l’écriture réticulaire devenait accessible aux publics les plus divers. Ceux-ci ont redéfini les conditions de la parité et de ce fait l’université est entrée dans un nouvel âge. C’est ce fait majeur, massif et à bien des égards stupéfiant qui requiert le développement des digital studies prôné par la ministre de l’enseignement supérieur et de la recherche.</p>
             <p>L’enjeu majeur représenté par les enseignements numériques vient rationnellement après celui de la recherche et des études numériques. Il s’agit d’impulser une dynamique qui repense les rapports des savoirs à leurs supports (dont les MOOCs) avec les universités et les institutions académiques, et qui, par la recherche, redéfinisse leur rôle dans ce nouveau contexte.</p>
@@ -40,28 +41,28 @@
           </div>
         </div>
         <div class="videotitle" id="videotitle1">
-          <p>Chapitre 1&nbsp;: L'État et le numérique<br/><a class="videolink" data-videoid="1r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_4A4E73E4-D9D6-8CAF-D0BC-C25BB3FB74D1">vidéo complète</a></p>
+          <p>Chapitre 1&nbsp;: L'État et le numérique<br/><a href="#" class="videolink" data-videoid="1r">résumé</a> ou <a href="#" class="videolink" data-videoid="full" data-segid="s_4A4E73E4-D9D6-8CAF-D0BC-C25BB3FB74D1">vidéo complète</a></p>
         </div>
         <div class="videotitle" id="videotitle2">
-          <p>Chapitre 2&nbsp;: Technologies, savoirs et sociétés<br/><a class="videolink" data-videoid="2r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_4D13D984-3BC6-3B20-41B1-C6338469F14C">vidéo complète</a></p>
+          <p>Chapitre 2&nbsp;: Technologies, savoirs et sociétés<br/><a href="#" class="videolink" data-videoid="2r">résumé</a> ou <a href="#" class="videolink" data-videoid="full" data-segid="s_4D13D984-3BC6-3B20-41B1-C6338469F14C">vidéo complète</a></p>
         </div>
         <div class="videotitle" id="videotitle3">
-          <p>Chapitre 3&nbsp;: Qui pour guider une politique sur le numérique ?<br/><a class="videolink" data-videoid="3r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_69946E8D-51C2-9F9D-0712-C724E69391DC">vidéo complète</a></p>
+          <p>Chapitre 3&nbsp;: Qui pour guider une politique sur le numérique ?<br/><a href="#" class="videolink" data-videoid="3r">résumé</a> ou <a href="#" class="videolink" data-videoid="full" data-segid="s_69946E8D-51C2-9F9D-0712-C724E69391DC">vidéo complète</a></p>
         </div>
         <div class="videotitle" id="videotitle4">
-          <p>Chapitre 4&nbsp;: La polémique, mère de tous savoirs<br/><a class="videolink" data-videoid="4r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_B7DCB161-B412-EA93-2887-C726314774EA">vidéo complète</a></p>
+          <p>Chapitre 4&nbsp;: La polémique, mère de tous savoirs<br/><a href="#" class="videolink" data-videoid="4r">résumé</a> ou <a href="#" class="videolink" data-videoid="full" data-segid="s_B7DCB161-B412-EA93-2887-C726314774EA">vidéo complète</a></p>
         </div>
         <div class="videotitle" id="videotitle5">
-          <p>Chapitre 5&nbsp;: La catégorisation contributive<br/><a class="videolink" data-videoid="5r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_8CB9DCD2-FF09-33A7-3847-DA326EB5D96B">vidéo complète</a></p>
+          <p>Chapitre 5&nbsp;: La catégorisation contributive<br/><a href="#" class="videolink" data-videoid="5r">résumé</a> ou <a href="#" class="videolink" data-videoid="full" data-segid="s_8CB9DCD2-FF09-33A7-3847-DA326EB5D96B">vidéo complète</a></p>
         </div>
         <div class="videotitle" id="videotitle6">
-          <p>Chapitre 6&nbsp;: Sur l'industrie éditoriale numérisée<br/><a class="videolink" data-videoid="6r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_FFFFE45E-6991-959C-9347-C72C13F00EA4">vidéo complète</a></p>
+          <p>Chapitre 6&nbsp;: Sur l'industrie éditoriale numérisée<br/><a href="#" class="videolink" data-videoid="6r">résumé</a> ou <a href="#" class="videolink" data-videoid="full" data-segid="s_FFFFE45E-6991-959C-9347-C72C13F00EA4">vidéo complète</a></p>
         </div>
         <div class="videotitle" id="videotitle7">
-          <p>Chapitre 7&nbsp;: Propositions pour France Université Numérique<br/><a class="videolink" data-videoid="7r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_A40AC98F-AF31-7107-3FB4-C72EF6462E9E">vidéo complète</a></p>
+          <p>Chapitre 7&nbsp;: Propositions pour France Université Numérique<br/><a href="#" class="videolink" data-videoid="7r">résumé</a> ou <a href="#" class="videolink" data-videoid="full" data-segid="s_A40AC98F-AF31-7107-3FB4-C72EF6462E9E">vidéo complète</a></p>
         </div>
         <div class="videotitle" id="videotitlef">
-          <p><a class="videolink" data-videoid="full">Vidéo complète chapitrée</a></p>
+          <p><a href="#" class="videolink" data-videoid="full">Vidéo complète chapitrée</a></p>
         </div>
       </div>
       <div class="col-md-8" id="videocontainer">Pour commencer, cliquez sur "Vidéo chapitrée du résumé" ou "Vidéo complète chapitrée"</div>
@@ -163,7 +164,7 @@
 	 + '      widgets: ['
 	 + '          {'
 	 + '              type: "AutoPlayer",'
-	 + '              height: "300",'
+	 + '              height: "360",'
 	 + '              autostart:  true,'
 	 + '              url_transform: function(url) { if(url.substr(url.length - 4).toLowerCase()==".flv"){ return url.replace("/ddc_player/video/","/ddc_player/flv:video/"); } return url.replace("/ddc_player/video/","/ddc_player/mp4:video/"); }'
 	 + '          }'
@@ -229,7 +230,7 @@
 	 + '  </div>'
 	 + '  <div style="float:left; width:400px;" id="AnnotationsList_ext"></div>'
 	 + '</div>'
-	 + '<div><p class="text-right"><a style="margin-top: 10px;" class="btn btn-info" href="#" onclick="displayIframe(\'__NUM_JSON__\');return false;"><i class="glyphicon glyphicon-comment"></i> Ajouter votre commentaire sur cette vidéo</a></p></div>';
+	 + '<div><p class="text-right align-player"><a style="margin-top: 10px;" class="btn btn-info" href="#" onclick="displayIframe(\'__NUM_JSON__\');return false;"><i class="glyphicon glyphicon-comment"></i> Ajouter votre commentaire sur cette vidéo</a></p></div>';
 	      
 	        $("#videocontainer").html(s.replace(/__NUM_JSON__/g, n));
 	      }