first wave of corrections done

sites/all/themes/gui/jee/assets/img/fullscreen-off.svg

@@ -0,0 +1,131 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="25"
+   height="20"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="fullscreen-off.svg">
+  <metadata
+     id="metadata4616">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs4614" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1151"
+     id="namedview4612"
+     showgrid="false"
+     inkscape:snap-bbox="true"
+     inkscape:zoom="22.627417"
+     inkscape:cx="3.3702291"
+     inkscape:cy="6.1121789"
+     inkscape:window-x="-2"
+     inkscape:window-y="26"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <g
+     transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,20.39825,11.373555)"
+     id="g8842">
+    <path
+       transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)"
+       style="opacity:0.92142202;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m -16.291964,0.11942555 4.350505,0 0,4.35050435 z"
+       id="path8844"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccc" />
+    <rect
+       style="opacity:0.92142202;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect8846"
+       width="1.7078427"
+       height="4.817914"
+       x="-9.2133617"
+       y="10.211365" />
+  </g>
+  <g
+     transform="matrix(-0.70710678,0.70710678,-0.70710678,-0.70710678,8.5918409,20.393243)"
+     id="g8848">
+    <path
+       transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)"
+       style="opacity:0.92142202;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m -16.291964,0.11942555 4.350505,0 0,4.35050435 z"
+       id="path8850"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccc" />
+    <rect
+       style="opacity:0.92142202;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect8852"
+       width="1.7078427"
+       height="4.817914"
+       x="-9.2133617"
+       y="10.211365" />
+  </g>
+  <g
+     transform="matrix(-0.70710678,-0.70710678,0.70710678,-0.70710678,4.5325276,8.5633961)"
+     id="g8854">
+    <path
+       transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)"
+       style="opacity:0.92142202;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m -16.291964,0.11942555 4.350505,0 0,4.35050435 z"
+       id="path8856"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccc" />
+    <rect
+       style="opacity:0.92142202;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect8858"
+       width="1.7078427"
+       height="4.817914"
+       x="-9.2133617"
+       y="10.211365" />
+  </g>
+  <g
+     transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,16.346749,-0.46410342)"
+     id="g8860">
+    <path
+       transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)"
+       style="opacity:0.92142202;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m -16.291964,0.11942555 4.350505,0 0,4.35050435 z"
+       id="path8862"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccc" />
+    <rect
+       style="opacity:0.92142202;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect8864"
+       width="1.7078427"
+       height="4.817914"
+       x="-9.2133617"
+       y="10.211365" />
+  </g>
+  <rect
+     style="opacity:0.92142202;fill:none;fill-opacity:0.69142857;stroke:#000000;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect8831"
+     width="23.688972"
+     height="18.688974"
+     x="0.65551305"
+     y="-19.344486"
+     transform="scale(1,-1)" />
+</svg>

sites/all/themes/gui/jee/assets/img/fullscreen-on.svg

@@ -0,0 +1,131 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="25"
+   height="20"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="arrow_expand.svg">
+  <metadata
+     id="metadata4616">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs4614" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1151"
+     id="namedview4612"
+     showgrid="false"
+     inkscape:snap-bbox="true"
+     inkscape:zoom="22.627417"
+     inkscape:cx="3.3702291"
+     inkscape:cy="9.6477128"
+     inkscape:window-x="-2"
+     inkscape:window-y="26"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <g
+     transform="matrix(-0.70710678,-0.70710678,0.70710678,-0.70710678,-8.6853446,16.813082)"
+     id="g8842">
+    <path
+       transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)"
+       style="opacity:0.92142202;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m -16.291964,0.11942555 4.350505,0 0,4.35050435 z"
+       id="path8844"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccc" />
+    <rect
+       style="opacity:0.92142202;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect8846"
+       width="1.7078427"
+       height="4.817914"
+       x="-9.2133617"
+       y="10.211365" />
+  </g>
+  <g
+     transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,3.1523138,-8.6903515)"
+     id="g8848">
+    <path
+       transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)"
+       style="opacity:0.92142202;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m -16.291964,0.11942555 4.350505,0 0,4.35050435 z"
+       id="path8850"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccc" />
+    <rect
+       style="opacity:0.92142202;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect8852"
+       width="1.7078427"
+       height="4.817914"
+       x="-9.2133617"
+       y="10.211365" />
+  </g>
+  <g
+     transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,33.616122,3.123869)"
+     id="g8854">
+    <path
+       transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)"
+       style="opacity:0.92142202;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m -16.291964,0.11942555 4.350505,0 0,4.35050435 z"
+       id="path8856"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccc" />
+    <rect
+       style="opacity:0.92142202;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect8858"
+       width="1.7078427"
+       height="4.817914"
+       x="-9.2133617"
+       y="10.211365" />
+  </g>
+  <g
+     transform="matrix(-0.70710678,0.70710678,-0.70710678,-0.70710678,21.786276,28.619491)"
+     id="g8860">
+    <path
+       transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)"
+       style="opacity:0.92142202;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m -16.291964,0.11942555 4.350505,0 0,4.35050435 z"
+       id="path8862"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccc" />
+    <rect
+       style="opacity:0.92142202;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect8864"
+       width="1.7078427"
+       height="4.817914"
+       x="-9.2133617"
+       y="10.211365" />
+  </g>
+  <rect
+     style="opacity:0.92142202;fill:none;fill-opacity:0.69142857;stroke:#000000;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect8831"
+     width="23.688972"
+     height="18.688974"
+     x="0.65551305"
+     y="-19.344486"
+     transform="scale(1,-1)" />
+</svg>

sites/all/themes/gui/jee/css/jee.scss

@@ -83,27 +83,32 @@ body{
 }
 
 @keyframes introLogo{
-  0%     {opacity:0;}
+  0%    {opacity:0;}
   35%   {opacity:1;}
   50%   {opacity:1;}
   75%   {opacity:0;}
-  100% {opacity:0;}
+  100%  {opacity:0;}
 }
 @keyframes introLogoBlured{
-  0%     {opacity:0;}
+  0%    {opacity:0;}
   50%   {opacity:0;}
   60%   {opacity:0.8;}
-  100% {opacity:0.8;}
+  100%  {opacity:0.8;}
 }
 @keyframes introSlogan{
-  0%      {opacity:0;}
-  50%    {opacity:0;}
-  70%    {opacity:1;}
-  90%    {opacity:1;}
+  0%    {opacity:0;}
+  50%   {opacity:0;}
+  70%   {opacity:1;}
+  90%   {opacity:1;}
   100%  {opacity:0;}
 }
+@keyframes introNodes{
+  0%    {opacity:0;}
+  100%   {opacity:1;}
+}
 
-$animeLogoDuration:8s;
+$animeLogoDuration:6s;
+$animeNodesDuration:3s;
 
 #header{
   z-index:1;
@@ -282,6 +287,8 @@ div.messages{
   |_____|__|__|__|__|__|    |_| |_____|__|__|_____|  |_____|_____|_|___|_____|__|__|_____|__  _|_____|_____|
                                                                                             |__|
 */
+
+
   .node-chapitre.node-teaser{
     z-index: 2;
     position:absolute;
@@ -301,10 +308,15 @@ div.messages{
     |____/|_____|__|  |__|__|_____|_____|_|    |_|_|_|_____|____/|_____|
 
     */
-    opacity:1;
     transition:1s ease-out;
     transition-property:opacity;
 
+    opacity:0;
+
+    &.enabled{
+      opacity:1;
+    }
+
     h2.node-title a{
       transform:none;
       transform-origin:bottom center;
@@ -390,7 +402,7 @@ div.messages{
     |_|_|_|_____| |_| |_____|_____|__|__| |_| |_____|  |_|_|_|_____|____/|_____|
     */
     &.mitigated{
-      opacity:0.3;
+      opacity:0.2;
     }
 
     /*
@@ -401,7 +413,7 @@ div.messages{
 
     */
     .chapter-displayed & {
-      opacity:0.1;
+      opacity:0.05;
     }
 
     /*
@@ -461,7 +473,7 @@ div.messages{
           font-family: "open_sans";
           font-weight: 900;
           color:#000!important;
-          width:8em; text-align: left;
+          width:10em; text-align: left;
           // background: transparent url(../assets/img/readmore-btn.svg) no-repeat right center;
           @include bg-svg-png('readmore-btn', no-repeat, right, center);
         }
@@ -509,7 +521,6 @@ div.messages{
       width:2px; //background-color:red;
       opacity:0.4;
     }
-
   } // node-chapitre
 
 
@@ -726,10 +737,31 @@ div.messages{
 
 #footer{
   position:fixed;
-  bottom:0; right:0;
+  bottom:0; right:20px;
   .block{
     display:inline-block;
     vertical-align: top;
+    font-size:0.693em;
+    p{font-size: inherit;}
+    a{color:#000;}
+  }
+
+  .block-menu{
+    display:block;
+    font-size:inherit;
+    ul{
+      margin:0 0 0.5em; padding:0;
+      li{
+        margin:0 1em 0 0; padding:0;
+        display:inline-block;
+        list-style: none;
+        a{
+          font-family: "epflulb";
+          color:#000;
+          text-transform: uppercase;
+        }
+      }
+    }
   }
 }
 /*
@@ -741,8 +773,16 @@ div.messages{
 */
 #fullscreen-btn{
   position:fixed;
-  bottom:20px; left:20px;
+  right:20px; top:20px;
   z-index: 1000;
+  width:25px; height:20px;
+  text-indent: 200px; overflow:hidden;
+  cursor:pointer;
+
+  @include bg-svg-png('fullscreen-on');
+  .fullscreen &{
+    @include bg-svg-png('fullscreen-off');
+  }
 }
 
 @mixin bubble($w,$h,$bg){
@@ -778,7 +818,7 @@ div.messages{
 
 #fps{
   position:fixed;
-  top:20px; right:20px;
+  bottom:40px; left:20px;
   z-index: 1000;
 }
 

sites/all/themes/gui/jee/js/jee.js

@@ -51,7 +51,7 @@ jQuery(document).ready(function($) {
     launchNav();
 
     // FULL SCREEN
-    var $fullscreenBtn = $('<div>enter</div>').attr('id','fullscreen-btn').appendTo("#root");
+    var $fullscreenBtn = $('<div>Plein écran</div>').attr('id','fullscreen-btn').appendTo("#root");
     $fullscreenBtn.on('click', onFullScreen);
 
 
@@ -250,25 +250,22 @@ jQuery(document).ready(function($) {
       _chapters[i].move();
 
     // move header
-    _$header.css({
-      transform:"translate3d("+(_nav_pos.x)*0.2+"px, "+(_nav_pos.y)*0.2+"px,0)"
-    });
+    // _$header.css({
+    //   transform:"translate3d("+(_nav_pos.x)*0.2+"px, "+(_nav_pos.y)*0.2+"px,0)"
+    // });
+    _$header.translate3d({x:_nav_pos.x*0.2,y:_nav_pos.y*0.2});
 
     // bubbles and stars dont move so smoothly on tablette ...
     // should keep it only on desktop
 
     // move bubbles
     // for (var i = _bubbles.length - 1; i >= 0; i--) {
-    //   _bubbles[i].css({
-    //     transform:"translate3d("+(_nav_pos.x)*0.4+"px, "+(_nav_pos.y)*0.4+"px,0)"
-    //   });
+      // _bubbles[i].translate3d({x:_nav_pos.x*0.4,y:_nav_pos.y*0.4});
     // };
 
     // move stars
     // for (var i = _stars.length - 1; i >= 0; i--) {
-    //   _stars[i].css({
-    //     transform:"translate3d("+(_nav_pos.x)*-0.3+"px, "+(_nav_pos.y)*-0.3+"px,0)"
-    //   });
+    //   _stars[i].translate3d({x:_nav_pos.x*-0.3,y:_nav_pos.y*-0.3});
     // };
   };
 
@@ -296,7 +293,13 @@ jQuery(document).ready(function($) {
   };
 
   function onFullScreen(e){
-    launchIntoFullscreen(document.getElementById("root"));
+    if(_$body.is('fullscreen')){
+      exitFullscreen();
+      _$body.removeClass('fullscreen');
+    }else{
+      launchIntoFullscreen(document.getElementById("root"));
+      _$body.addClass('fullscreen');
+    }
     if(_loaded_chapter)
       setTimeout(_loaded_chapter.buildVideos(), 100);
   };
@@ -366,6 +369,15 @@ jQuery(document).ready(function($) {
         this.drawLines();
         this.setEvents();
         this.initDrifiting();
+
+        // enable nodes after intro anime
+        setTimeout(
+          (function(t){
+            return function(){
+              t.$e.addClass('enabled');
+            }
+          }(this)),
+          randB(5000, 8000));
       };
 
       Chapter.prototype.setInitPos = function(){
@@ -401,7 +413,7 @@ jQuery(document).ready(function($) {
           left:this.pos.x,
           top:this.pos.y
         });
-      };// setIniPos()
+      };
 
       Chapter.prototype.setEvents = function(){
         //http://technify.me/user-experience/javascript/jquery/trigger-custom-events-with-jquery/
@@ -449,12 +461,8 @@ jQuery(document).ready(function($) {
                 ? 1
                 : this.drifting_direction;
 
-          this.$title.css({
-            transform:"translate3d("+this.title_x+"px,0,0)",
-          });
-          this.$content.css({
-            transform:"translate3d("+this.content_x+"px,0,0)",
-          });
+          this.$title.translate3d({x:this.title_x});
+          this.$content.translate3d({x:this.content_x});
         }
       };
 
@@ -477,10 +485,7 @@ jQuery(document).ready(function($) {
         // if(this.i === 0)
         //   console.log(this.i+" this.trans.z", this.trans.z);
 
-        this.$e.css({
-          transform:'translate3d('+this.trans.x+'px,'+this.trans.y+'px,0)'
-          // scale:this.trans.z
-        });
+        this.$e.translate3d({x:this.trans.x,y:this.trans.y});
       };
 
       Chapter.prototype.preview = function(){
@@ -513,11 +518,8 @@ jQuery(document).ready(function($) {
           setTimeout(
             (function(i, e, xs, ys){
               return function(){
-                $(e)
-                  .css({
-                    transform:"translate3d("+xs[i]+"px,"+ys[i]+"px,0)",
-                  });
-                }
+                $(e).translate3d({x:xs[i],y:ys[i]});
+              }
             }(i, e, that.parts_pos.xs, that.parts_pos.ys)),
           10);
 
@@ -529,18 +531,24 @@ jQuery(document).ready(function($) {
 
       Chapter.prototype.resetPartsPos = function(){
         this.parts_pos = {xs:new Array(), ys:new Array()};
-        for (var i = 0; i < 3; i++) {
+        for (var i = 0; i < 2; i++) {
           switch(i){
             case 0:
-              this.parts_pos.xs.push(randB(-30,30));      this.parts_pos.ys.push(randB(90,110));     break;
+              this.parts_pos.xs.push(randB(180,280));
+              this.parts_pos.ys.push(randB(250,350));
+              break;
             case 1:
-              this.parts_pos.xs.push(randB(180,280));     this.parts_pos.ys.push(randB(250,350));   break;
-            case 2:
-              this.parts_pos.xs.push(randB(-280,-180));   this.parts_pos.ys.push(randB(430,530));   break;
+              this.parts_pos.xs.push(randB(-280,-180));
+              this.parts_pos.ys.push(randB(430,530));
+              break;
           }
         };
         this.parts_pos.xs = shuffleArray(this.parts_pos.xs);
         this.parts_pos.ys = shuffleArray(this.parts_pos.ys);
+
+        // always place the first circle on top center
+        this.parts_pos.xs.unshift(randB(-30,30));
+        this.parts_pos.ys.unshift(randB(120,140));
       };
 
       Chapter.prototype.closePreview = function(){
@@ -803,8 +811,8 @@ jQuery(document).ready(function($) {
   //+ Jonas Raoni Soares Silva
   //@ http://jsfromhell.com/array/shuffle [v1.0]
   function shuffleArray(o){ //v1.0
-      for(var j, x, i = o.length; i; j = Math.floor(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
-      return o;
+    for(var j, x, i = o.length; i; j = Math.floor(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
+    return o;
   };
 
   if (!Date.now) {
@@ -813,9 +821,9 @@ jQuery(document).ready(function($) {
     };
   }
 
-  function translate3d(x, y, z){
-    // return
-  };
+  // function translate3d(x, y, z){
+  //   // return
+  // };
 
   /*
       _       _ __
@@ -885,6 +893,16 @@ function launchIntoFullscreen(element) {
     element.msRequestFullscreen();
   }
 }
+// Whack fullscreen
+function exitFullscreen() {
+  if(document.exitFullscreen) {
+    document.exitFullscreen();
+  } else if(document.mozCancelFullScreen) {
+    document.mozCancelFullScreen();
+  } else if(document.webkitExitFullscreen) {
+    document.webkitExitFullscreen();
+  }
+}
 
 
 /*
@@ -894,6 +912,21 @@ function launchIntoFullscreen(element) {
  / ____/ /___/ /_/ / /_/ // // /|  /___/ /
 /_/   /_____/\____/\____/___/_/ |_//____/
 */
+// translate3d
+(function($) {
+  $.fn.translate3d = function(opt) {
+    opt = $.extend({x:0,y:0,z:0}, opt);
+    var t = "translate3d("+opt.x+"px, "+opt.y+"px,"+opt.z+"px)";
+    this.css({
+      "-webkit-transform": t,
+      "-moz-transform":    t,
+      "-ms-transform":     t,
+      "-o-transform":      t,
+      "transform":         t
+    });
+  };
+})(jQuery);
+
 // https://css-tricks.com/snippets/jquery/draggable-without-jquery-ui/
 // (function($) {
 //   $.fn.drags = function(opt) {

sites/all/themes/gui/jee/preprocess/node.pre.php

@@ -13,4 +13,5 @@ $vars["title_attributes_array"]["class"] = implode(" ", $vars["title_attributes_
 
 $vars["title_attributes"] =  drupal_attributes($vars["title_attributes_array"]);
 
-// unset($vars['content']['links']['node-readmore']);
+if($vars['type'] == "chapitre")
+  $vars['content']['links']['node']['#links']['node-readmore']['title'] = t("Voir ce principe");