click on vignette to open chapter

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

@@ -4446,22 +4446,27 @@ div.messages {
       -ms-transform: scale(1.3);
           transform: scale(1.3);
 }
-/* line 450, jee.scss */
+/* line 438, jee.scss */
+#main .node-chapitre.node-teaser.previewed .field-name-field-partie .field-name-field-vignette {
+  z-index: 2;
+  cursor: pointer;
+}
+/* line 453, jee.scss */
 #main .node-chapitre.node-teaser.mitigated {
   opacity: 0.2;
 }
-/* line 461, jee.scss */
+/* line 464, jee.scss */
 .chapter-displayed #main .node-chapitre.node-teaser {
   opacity: 0.05;
 }
-/* line 473, jee.scss */
+/* line 476, jee.scss */
 #main .node-chapitre.node-teaser:after {
   content: " ";
   background-size: contain !important;
   position: absolute;
   z-index: -1;
 }
-/* line 480, jee.scss */
+/* line 483, jee.scss */
 #main .node-chapitre.node-teaser h2.node-title {
   font-family: "epflulb";
   font-weight: normal;
@@ -4472,36 +4477,36 @@ div.messages {
   z-index: 5;
 }
 @media only screen and (min-width: 64.063em) {
-  /* line 480, jee.scss */
+  /* line 483, jee.scss */
   #main .node-chapitre.node-teaser h2.node-title {
     font-size: 1.3em;
   }
 }
 @media only screen and (min-width: 90.063em) {
-  /* line 480, jee.scss */
+  /* line 483, jee.scss */
   #main .node-chapitre.node-teaser h2.node-title {
     font-size: 1.8em;
   }
 }
-/* line 494, jee.scss */
+/* line 497, jee.scss */
 #main .node-chapitre.node-teaser h2.node-title a {
   display: block;
   text-indent: -1000px;
   overflow: hidden;
 }
-/* line 506, jee.scss */
+/* line 509, jee.scss */
 #main .node-chapitre.node-teaser .field-name-field-accroche {
   min-width: 19em;
 }
-/* line 507, jee.scss */
+/* line 510, jee.scss */
 #main .node-chapitre.node-teaser .field-name-field-accroche h1, #main .node-chapitre.node-teaser .field-name-field-accroche h2, #main .node-chapitre.node-teaser .field-name-field-accroche h3, #main .node-chapitre.node-teaser .field-name-field-accroche h4, #main .node-chapitre.node-teaser .field-name-field-accroche h5, #main .node-chapitre.node-teaser .field-name-field-accroche h6 {
   display: none !important;
 }
-/* line 509, jee.scss */
+/* line 512, jee.scss */
 #main .node-chapitre.node-teaser .field-name-field-accroche p {
   margin: 0;
 }
-/* line 513, jee.scss */
+/* line 516, jee.scss */
 #main .node-chapitre.node-teaser ul.links {
   display: block;
   margin: 0;
@@ -4510,11 +4515,11 @@ div.messages {
   position: relative;
   width: 100%;
 }
-/* line 515, jee.scss */
+/* line 518, jee.scss */
 #main .node-chapitre.node-teaser ul.links li.node-readmore {
   padding: 0;
 }
-/* line 517, jee.scss */
+/* line 520, jee.scss */
 #main .node-chapitre.node-teaser ul.links li.node-readmore a {
   display: inline-block;
   height: 25px;
@@ -4526,12 +4531,12 @@ div.messages {
   background: transparent url("../assets/img/readmore-btn.png") no-repeat right center;
   background: none, url("../assets/img/readmore-btn.svg") no-repeat right center;
 }
-/* line 530, jee.scss */
+/* line 533, jee.scss */
 #main .node-chapitre.node-teaser .field-name-field-partie {
   clear: both;
   padding-top: 1em;
 }
-/* line 534, jee.scss */
+/* line 537, jee.scss */
 #main .node-chapitre.node-teaser .field-name-field-vignette {
   position: relative;
   float: left;
@@ -4542,33 +4547,33 @@ div.messages {
   margin-left: 0;
   background-size: contain;
 }
-/* line 545, jee.scss */
+/* line 548, jee.scss */
 #main .node-chapitre.node-teaser .field-name-field-vignette img {
   width: 65px;
   height: 65px;
 }
-/* line 549, jee.scss */
+/* line 552, jee.scss */
 #main .node-chapitre.node-teaser .field-type-text {
   min-width: 16em;
 }
-/* line 550, jee.scss */
+/* line 553, jee.scss */
 #main .node-chapitre.node-teaser .field-name-field-titre {
   font-family: "epflul";
   font-size: 1.4em;
   line-height: 1.1;
 }
-/* line 555, jee.scss */
+/* line 558, jee.scss */
 #main .node-chapitre.node-teaser .field-name-field-sous-titre {
   font-family: "epflul";
   font-size: 1.2em;
   line-height: 1.2;
 }
-/* line 560, jee.scss */
+/* line 563, jee.scss */
 #main .node-chapitre.node-teaser .field-name-field-description {
   font-size: 0.88em;
   line-height: 1;
 }
-/* line 566, jee.scss */
+/* line 569, jee.scss */
 #main .node-chapitre.node-teaser .line {
   z-index: -1;
   position: absolute;
@@ -4580,7 +4585,7 @@ div.messages {
   width: 2px;
   opacity: 0.4;
 }
-/* line 584, jee.scss */
+/* line 587, jee.scss */
 #main #chapter-wrapper {
   position: absolute;
   top: 0;
@@ -4607,12 +4612,12 @@ div.messages {
                                          |__|
   */
 }
-/* line 593, jee.scss */
+/* line 596, jee.scss */
 #main #chapter-wrapper.visible {
   opacity: 1;
   z-index: 500;
 }
-/* line 598, jee.scss */
+/* line 601, jee.scss */
 #main #chapter-wrapper #home-btn {
   background: transparent url("../assets/img/home-btn.png") no-repeat center center;
   background: none, url("../assets/img/home-btn.svg") no-repeat center center;
@@ -4624,136 +4629,136 @@ div.messages {
   height: 20px;
   cursor: pointer;
 }
-/* line 613, jee.scss */
+/* line 616, jee.scss */
 #main #chapter-wrapper #node-2 {
   background: transparent url("../assets/img/bgd-sol.png") no-repeat center center;
   background: none, url("../assets/img/bgd-sol.svg") no-repeat center center;
 }
-/* line 615, jee.scss */
+/* line 618, jee.scss */
 #main #chapter-wrapper #node-2 .field-type-text-long .field-label,
 #main #chapter-wrapper #node-2 h2.node-title,
 #main #chapter-wrapper #node-2 .field-name-field-dbatre li:before,
 #main #chapter-wrapper #node-2 .field-name-field-partager .field-label {
   color: #ea5b0c;
 }
-/* line 621, jee.scss */
+/* line 624, jee.scss */
 #main #chapter-wrapper #node-2 h2.node-title {
   background: transparent url("../assets/img/title-SOL-blur.png") no-repeat center center;
   background: none, url("../assets/img/title-SOL-blur.svg") no-repeat center center;
 }
-/* line 624, jee.scss */
+/* line 627, jee.scss */
 #main #chapter-wrapper #node-3 {
   background: transparent url("../assets/img/bgd-dph.png") no-repeat center center;
   background: none, url("../assets/img/bgd-dph.svg") no-repeat center center;
 }
-/* line 626, jee.scss */
+/* line 629, jee.scss */
 #main #chapter-wrapper #node-3 .field-type-text-long .field-label,
 #main #chapter-wrapper #node-3 h2.node-title,
 #main #chapter-wrapper #node-3 .field-name-field-dbatre li:before,
 #main #chapter-wrapper #node-3 .field-name-field-partager .field-label {
   color: #cecd00;
 }
-/* line 632, jee.scss */
+/* line 635, jee.scss */
 #main #chapter-wrapper #node-3 h2.node-title {
   background: transparent url("../assets/img/title-DPH-blur.png") no-repeat center center;
   background: none, url("../assets/img/title-DPH-blur.svg") no-repeat center center;
 }
-/* line 635, jee.scss */
+/* line 638, jee.scss */
 #main #chapter-wrapper #node-4 {
   background: transparent url("../assets/img/bgd-sub.png") no-repeat center center;
   background: none, url("../assets/img/bgd-sub.svg") no-repeat center center;
 }
-/* line 637, jee.scss */
+/* line 640, jee.scss */
 #main #chapter-wrapper #node-4 .field-type-text-long .field-label,
 #main #chapter-wrapper #node-4 h2.node-title,
 #main #chapter-wrapper #node-4 .field-name-field-dbatre li:before,
 #main #chapter-wrapper #node-4 .field-name-field-partager .field-label {
   color: #de003a;
 }
-/* line 643, jee.scss */
+/* line 646, jee.scss */
 #main #chapter-wrapper #node-4 h2.node-title {
   background: transparent url("../assets/img/title-SUB-blur.png") no-repeat center center;
   background: none, url("../assets/img/title-SUB-blur.svg") no-repeat center center;
 }
-/* line 646, jee.scss */
+/* line 649, jee.scss */
 #main #chapter-wrapper #node-5 {
   background: transparent url("../assets/img/bgd-bc.png") no-repeat center center;
   background: none, url("../assets/img/bgd-bc.svg") no-repeat center center;
 }
-/* line 648, jee.scss */
+/* line 651, jee.scss */
 #main #chapter-wrapper #node-5 .field-type-text-long .field-label,
 #main #chapter-wrapper #node-5 h2.node-title,
 #main #chapter-wrapper #node-5 .field-name-field-dbatre li:before,
 #main #chapter-wrapper #node-5 .field-name-field-partager .field-label {
   color: #0066b1;
 }
-/* line 654, jee.scss */
+/* line 657, jee.scss */
 #main #chapter-wrapper #node-5 h2.node-title {
   background: transparent url("../assets/img/title-BC-blur.png") no-repeat center center;
   background: none, url("../assets/img/title-BC-blur.svg") no-repeat center center;
 }
-/* line 657, jee.scss */
+/* line 660, jee.scss */
 #main #chapter-wrapper #node-6 {
   background: transparent url("../assets/img/bgd-opp.png") no-repeat center center;
   background: none, url("../assets/img/bgd-opp.svg") no-repeat center center;
 }
-/* line 659, jee.scss */
+/* line 662, jee.scss */
 #main #chapter-wrapper #node-6 .field-type-text-long .field-label,
 #main #chapter-wrapper #node-6 h2.node-title,
 #main #chapter-wrapper #node-6 .field-name-field-dbatre li:before,
 #main #chapter-wrapper #node-6 .field-name-field-partager .field-label {
   color: #af1380;
 }
-/* line 665, jee.scss */
+/* line 668, jee.scss */
 #main #chapter-wrapper #node-6 h2.node-title {
   background: transparent url("../assets/img/title-OPP-blur.png") no-repeat center center;
   background: none, url("../assets/img/title-OPP-blur.svg") no-repeat center center;
 }
-/* line 668, jee.scss */
+/* line 671, jee.scss */
 #main #chapter-wrapper #node-7 {
   background: transparent url("../assets/img/bgd-bub.png") no-repeat center center;
   background: none, url("../assets/img/bgd-bub.svg") no-repeat center center;
 }
-/* line 670, jee.scss */
+/* line 673, jee.scss */
 #main #chapter-wrapper #node-7 .field-type-text-long .field-label,
 #main #chapter-wrapper #node-7 h2.node-title,
 #main #chapter-wrapper #node-7 .field-name-field-dbatre li:before,
 #main #chapter-wrapper #node-7 .field-name-field-partager .field-label {
   color: #62a530;
 }
-/* line 676, jee.scss */
+/* line 679, jee.scss */
 #main #chapter-wrapper #node-7 h2.node-title {
   background: transparent url("../assets/img/title-DUB-blur.png") no-repeat center center;
   background: none, url("../assets/img/title-DUB-blur.svg") no-repeat center center;
 }
-/* line 679, jee.scss */
+/* line 682, jee.scss */
 #main #chapter-wrapper #node-8 {
   background: transparent url("../assets/img/bgd-juso.png") no-repeat center center;
   background: none, url("../assets/img/bgd-juso.svg") no-repeat center center;
 }
-/* line 681, jee.scss */
+/* line 684, jee.scss */
 #main #chapter-wrapper #node-8 .field-type-text-long .field-label,
 #main #chapter-wrapper #node-8 h2.node-title,
 #main #chapter-wrapper #node-8 .field-name-field-dbatre li:before,
 #main #chapter-wrapper #node-8 .field-name-field-partager .field-label {
   color: #33b4b5;
 }
-/* line 687, jee.scss */
+/* line 690, jee.scss */
 #main #chapter-wrapper #node-8 h2.node-title {
   background: transparent url("../assets/img/title-JUSO-blur.png") no-repeat center center;
   background: none, url("../assets/img/title-JUSO-blur.svg") no-repeat center center;
 }
-/* line 698, jee.scss */
+/* line 701, jee.scss */
 #main #chapter-wrapper .node {
   position: relative;
   height: 100%;
   width: 100%;
 }
-/* line 701, jee.scss */
+/* line 704, jee.scss */
 #main #chapter-wrapper .node a {
   color: inherit;
 }
-/* line 704, jee.scss */
+/* line 707, jee.scss */
 #main #chapter-wrapper .node-title {
   font-family: "epflulb";
   font-weight: normal;
@@ -4772,11 +4777,11 @@ div.messages {
   z-index: -1;
   opacity: 0.4;
 }
-/* line 720, jee.scss */
+/* line 723, jee.scss */
 #main #chapter-wrapper .node > .field, #main #chapter-wrapper .node > .block {
   position: absolute;
 }
-/* line 724, jee.scss */
+/* line 727, jee.scss */
 #main #chapter-wrapper .field-type-text-long, #main #chapter-wrapper .field-type-text {
   background-color: rgba(255, 255, 255, 0.9);
   min-height: 5em;
@@ -4785,34 +4790,34 @@ div.messages {
   z-index: 10;
   cursor: move;
 }
-/* line 730, jee.scss */
+/* line 733, jee.scss */
 #main #chapter-wrapper .field-type-text-long .field-label, #main #chapter-wrapper .field-type-text .field-label {
   text-transform: uppercase;
   font-family: "epflulb";
   font-size: 1.2em;
 }
-/* line 736, jee.scss */
+/* line 739, jee.scss */
 #main #chapter-wrapper .field-type-text-long h2, #main #chapter-wrapper .field-type-text h2 {
   font-size: 0.80em;
 }
-/* line 739, jee.scss */
+/* line 742, jee.scss */
 #main #chapter-wrapper .field-type-text-long p, #main #chapter-wrapper .field-type-text p {
   font-size: 0.80em;
   margin-bottom: 0.5em;
 }
-/* line 744, jee.scss */
+/* line 747, jee.scss */
 #main #chapter-wrapper .field-type-text-long a, #main #chapter-wrapper .field-type-text a {
   text-decoration: underline;
 }
-/* line 748, jee.scss */
+/* line 751, jee.scss */
 #main #chapter-wrapper .field-name-field-dbatre {
   left: 60em;
 }
-/* line 750, jee.scss */
+/* line 753, jee.scss */
 #main #chapter-wrapper .field-name-field-dbatre ul {
   margin: 1em 0 1em 1em;
 }
-/* line 752, jee.scss */
+/* line 755, jee.scss */
 #main #chapter-wrapper .field-name-field-dbatre ul li {
   list-style: none;
   line-height: 1;
@@ -4820,7 +4825,7 @@ div.messages {
   position: relative;
   font-size: 0.80em;
 }
-/* line 758, jee.scss */
+/* line 761, jee.scss */
 #main #chapter-wrapper .field-name-field-dbatre ul li:before {
   content: "?";
   position: absolute;
@@ -4828,14 +4833,14 @@ div.messages {
   left: -1em;
   font-family: "epflul";
 }
-/* line 769, jee.scss */
+/* line 772, jee.scss */
 #main #chapter-wrapper .field-name-field-partie {
   height: 60%;
   width: 100%;
   top: 20%;
   left: 0;
 }
-/* line 772, jee.scss */
+/* line 775, jee.scss */
 #main #chapter-wrapper .field-name-field-partie .field-items {
   position: relative;
   top: 0;
@@ -4843,12 +4848,12 @@ div.messages {
   height: 100%;
   width: auto;
 }
-/* line 777, jee.scss */
+/* line 780, jee.scss */
 #main #chapter-wrapper .field-name-field-partie .field-items .field {
   position: relative;
   display: inline-block;
 }
-/* line 780, jee.scss */
+/* line 783, jee.scss */
 #main #chapter-wrapper .field-name-field-partie .field-items .field .mask {
   position: absolute;
   width: 100%;
@@ -4865,7 +4870,7 @@ div.messages {
  ___/ // / / ___ |/ / _/ // /___     | |/ |/ / _, _/ ___ |/ ____/ ____/ /___/ _, _/
 /____//_/ /_/  |_/_/ /___/\____/     |__/|__/_/ |_/_/  |_/_/   /_/   /_____/_/ |_|
 */
-/* line 801, jee.scss */
+/* line 804, jee.scss */
 #static-wrapper {
   position: absolute;
   top: 15%;
@@ -4881,14 +4886,14 @@ div.messages {
   -webkit-transition-property: opacity;
           transition-property: opacity;
 }
-/* line 812, jee.scss */
+/* line 815, jee.scss */
 #static-wrapper.visible {
   opacity: 0.9;
   -webkit-transition: 1.5s ease-out;
           transition: 1.5s ease-out;
   z-index: 500;
 }
-/* line 818, jee.scss */
+/* line 821, jee.scss */
 #static-wrapper > .close {
   position: absolute;
   top: 20px;
@@ -4900,14 +4905,14 @@ div.messages {
   background: transparent url("../assets/img/close.png") no-repeat center center;
   background: none, url("../assets/img/close.svg") no-repeat center center;
 }
-/* line 827, jee.scss */
+/* line 830, jee.scss */
 #static-wrapper > .inner {
   padding: 5em 7em;
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
-/* line 831, jee.scss */
+/* line 834, jee.scss */
 #static-wrapper > .inner > .node {
   width: 100%;
   height: 100%;
@@ -4915,42 +4920,42 @@ div.messages {
   overflow-x: hidden;
   padding-right: 1.5em;
 }
-/* line 838, jee.scss */
+/* line 841, jee.scss */
 #static-wrapper h2.node-title {
   font-family: "epflulb";
   text-transform: uppercase !important;
   font-size: 3em;
   color: #000;
 }
-/* line 846, jee.scss */
+/* line 849, jee.scss */
 #static-wrapper .content h3 {
   font-family: "epflulb";
   font-size: 2em;
   text-transform: uppercase !important;
   color: #8d198f;
 }
-/* line 853, jee.scss */
+/* line 856, jee.scss */
 #static-wrapper .content h4 {
   font-size: 1em;
   font-weight: 700;
 }
-/* line 860, jee.scss */
+/* line 863, jee.scss */
 #static-wrapper .content p {
   font-family: "open_sans", sans-serif;
   font-weight: 600;
   font-size: 0.85em;
   line-height: 1.5em;
 }
-/* line 867, jee.scss */
+/* line 870, jee.scss */
 #static-wrapper .content a {
   text-decoration: underline;
 }
-/* line 870, jee.scss */
+/* line 873, jee.scss */
 #static-wrapper .content img.floatleft {
   float: left;
   margin-right: 1em;
 }
-/* line 871, jee.scss */
+/* line 874, jee.scss */
 #static-wrapper .content img.floatright {
   float: right;
   margin-left: 1em;
@@ -4962,60 +4967,60 @@ div.messages {
  / __/ / /_/ / /_/ / / / / /___/ _, _/
 /_/    \____/\____/ /_/ /_____/_/ |_|
 */
-/* line 883, jee.scss */
+/* line 886, jee.scss */
 #footer {
   position: fixed;
   bottom: 0;
   right: 20px;
   z-index: 900;
 }
-/* line 888, jee.scss */
+/* line 891, jee.scss */
 body.chapter-displayed #footer {
   display: none;
 }
-/* line 892, jee.scss */
+/* line 895, jee.scss */
 #footer .block {
   display: inline-block;
   vertical-align: top;
   font-size: 0.5em;
 }
-/* line 896, jee.scss */
+/* line 899, jee.scss */
 #footer .block p {
   font-size: inherit;
 }
-/* line 897, jee.scss */
+/* line 900, jee.scss */
 #footer .block a {
   color: #000;
 }
-/* line 900, jee.scss */
+/* line 903, jee.scss */
 #footer .block-menu {
   display: block;
   font-size: inherit;
 }
-/* line 903, jee.scss */
+/* line 906, jee.scss */
 #footer .block-menu ul {
   margin: 0;
   padding: 0;
 }
-/* line 905, jee.scss */
+/* line 908, jee.scss */
 #footer .block-menu ul li {
   margin: 0 1em 0 0;
   padding: 0;
   display: inline-block;
   list-style: none;
 }
-/* line 909, jee.scss */
+/* line 912, jee.scss */
 #footer .block-menu ul li a {
   font-family: "epflulb";
   color: #000;
   text-transform: uppercase;
   font-size: 0.6em;
 }
-/* line 919, jee.scss */
+/* line 922, jee.scss */
 #footer p {
   margin: 0;
 }
-/* line 923, jee.scss */
+/* line 926, jee.scss */
 #footer #block-block-1 {
   display: none;
 }
@@ -5027,7 +5032,7 @@ body.chapter-displayed #footer {
  / /  / // / ___/ / /___
 /_/  /_/___//____/\____/
 */
-/* line 932, jee.scss */
+/* line 935, jee.scss */
 #loader {
   position: absolute;
   top: 50%;
@@ -5044,13 +5049,13 @@ body.chapter-displayed #footer {
   -webkit-transition-property: opacity;
           transition-property: opacity;
 }
-/* line 943, jee.scss */
+/* line 946, jee.scss */
 body.loading #loader {
   z-index: 1000;
   opacity: 1;
 }
 
-/* line 949, jee.scss */
+/* line 952, jee.scss */
 #fullscreen-btn {
   position: fixed;
   right: 20px;
@@ -5064,13 +5069,13 @@ body.loading #loader {
   background: transparent url("../assets/img/fullscreen-on.png") no-repeat center center;
   background: none, url("../assets/img/fullscreen-on.svg") no-repeat center center;
 }
-/* line 958, jee.scss */
+/* line 961, jee.scss */
 .fullscreen #fullscreen-btn {
   background: transparent url("../assets/img/fullscreen-off.png") no-repeat center center;
   background: none, url("../assets/img/fullscreen-off.svg") no-repeat center center;
 }
 
-/* line 971, jee.scss */
+/* line 974, jee.scss */
 .bubble-1 {
   position: absolute;
   z-index: 0;
@@ -5083,7 +5088,7 @@ body.loading #loader {
   left: -200px;
 }
 
-/* line 975, jee.scss */
+/* line 978, jee.scss */
 .bubble-2 {
   position: absolute;
   z-index: 0;
@@ -5096,7 +5101,7 @@ body.loading #loader {
   right: -400px;
 }
 
-/* line 980, jee.scss */
+/* line 983, jee.scss */
 .star {
   position: absolute;
   z-index: 0;
@@ -5114,7 +5119,7 @@ body.loading #loader {
  / /_/ / /___/ /_/ / /_/ / /_/ /
 /_____/_____/_____/\____/\____/
 */
-/* line 994, jee.scss */
+/* line 997, jee.scss */
 #fps {
   position: fixed;
   bottom: 40px;
@@ -5122,7 +5127,7 @@ body.loading #loader {
   z-index: 1000;
 }
 
-/* line 1000, jee.scss */
+/* line 1003, jee.scss */
 #nav-cursor {
   position: absolute;
   width: 6px;

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

@@ -435,6 +435,9 @@ div.messages{
             // transition:1s ease-out 0.5s; transition-property:transform;
           }
         }
+        .field-name-field-vignette{
+          z-index:2; cursor:pointer;
+        }
       }
       .line{
         // opacity:1;

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

@@ -392,13 +392,12 @@ jQuery(document).ready(function($) {
     this.ease = randB(0.05, 0.2);
 
     //drifting
-    this.$title = $('h2.node-title', this.$e);
-    this.$content = $('.content:first', this.$e);
-    this.title_x = 0;
-    this.content_x = 0;
-    this.drifting_direction = Math.random()-0.5 > 0 ? 1 : -1;
-    this.drifting_time = null;
-
+    // this.$title = $('h2.node-title', this.$e);
+    // this.$content = $('.content:first', this.$e);
+    // this.title_x = 0;
+    // this.content_x = 0;
+    // this.drifting_direction = Math.random()-0.5 > 0 ? 1 : -1;
+    // this.drifting_time = null;
 
     //preview
     this.is_previewed = false;
@@ -497,44 +496,47 @@ jQuery(document).ready(function($) {
           //   return false;
           // });
 
-        $('.links a', this.$e)
+        $('.links a, .field-name-field-vignette img', this.$e)
           .on('click', this, function(e){
-            e.stopPropagation();
-            e.preventDefault();
-            e.data.loadNode();
-            return false;
+            if(e.data.is_previewed){
+              console.log('click, is previewed');
+              e.stopPropagation();
+              e.preventDefault();
+              e.data.loadNode();
+              return false;
+            }
           });
       };
 
-      Chapter.prototype.initDrifiting = function(){
-        // an other option could be to drift the whole page with the same engine than draging
-        requestAnimationFrame(this.drift.bind(this));
-      };
+      // Chapter.prototype.initDrifiting = function(){
+      //   // an other option could be to drift the whole page with the same engine than draging
+      //   requestAnimationFrame(this.drift.bind(this));
+      // };
 
-      Chapter.prototype.drift = function(timestamp){
-        requestAnimationFrame(this.drift.bind(this));
+      // Chapter.prototype.drift = function(timestamp){
+      //   requestAnimationFrame(this.drift.bind(this));
 
-        var now = new Date().getTime(),
-            dt = now - (this.drifting_time || now);
+      //   var now = new Date().getTime(),
+      //       dt = now - (this.drifting_time || now);
 
-        this.drifting_time = now;
+      //   this.drifting_time = now;
 
-        if(!this.is_previewed){
+      //   if(!this.is_previewed){
 
-          this.title_x += (10/1000)*dt*this.drifting_direction;
-          this.content_x += (6/1000)*dt*this.drifting_direction;
+      //     this.title_x += (10/1000)*dt*this.drifting_direction;
+      //     this.content_x += (6/1000)*dt*this.drifting_direction;
 
-          this.drifting_direction =
-            this.content_x > randB(100,130)
-              ? -1
-              : this.content_x < -randB(100,130)
-                ? 1
-                : this.drifting_direction;
+      //     this.drifting_direction =
+      //       this.content_x > randB(100,130)
+      //         ? -1
+      //         : this.content_x < -randB(100,130)
+      //           ? 1
+      //           : this.drifting_direction;
 
-          this.$title.translate3d({x:this.title_x});
-          this.$content.translate3d({x:this.content_x});
-        }
-      };
+      //     this.$title.translate3d({x:this.title_x});
+      //     this.$content.translate3d({x:this.content_x});
+      //   }
+      // };
 
       Chapter.prototype.move = function(){
         if(this.is_previewed)
@@ -732,7 +734,7 @@ jQuery(document).ready(function($) {
       // |_____|__|  |_____|_|___|  |_____|__|__|__|__|__|    |_| |_____|__|__|
 
       Chapter.prototype.loadNode = function(e){
-        // console.log("Chapter :: open : nid", this.nid);
+        console.log("Chapter :: open : nid", this.nid);
         _$body.addClass('loading');
 
         $.getJSON(