diff --git a/sites/all/themes/gui/jee/assets/img/fullscreen-off.png b/sites/all/themes/gui/jee/assets/img/fullscreen-off.png new file mode 100644 index 0000000..6bad5a9 Binary files /dev/null and b/sites/all/themes/gui/jee/assets/img/fullscreen-off.png differ diff --git a/sites/all/themes/gui/jee/assets/img/fullscreen-off.svg b/sites/all/themes/gui/jee/assets/img/fullscreen-off.svg new file mode 100644 index 0000000..53b2128 --- /dev/null +++ b/sites/all/themes/gui/jee/assets/img/fullscreen-off.svg @@ -0,0 +1,131 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/sites/all/themes/gui/jee/assets/img/fullscreen-on.png b/sites/all/themes/gui/jee/assets/img/fullscreen-on.png new file mode 100644 index 0000000..2216d02 Binary files /dev/null and b/sites/all/themes/gui/jee/assets/img/fullscreen-on.png differ diff --git a/sites/all/themes/gui/jee/assets/img/fullscreen-on.svg b/sites/all/themes/gui/jee/assets/img/fullscreen-on.svg new file mode 100644 index 0000000..511b0a6 --- /dev/null +++ b/sites/all/themes/gui/jee/assets/img/fullscreen-on.svg @@ -0,0 +1,131 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/sites/all/themes/gui/jee/assets/img/home-btn.png b/sites/all/themes/gui/jee/assets/img/home-btn.png new file mode 100644 index 0000000..5e51fd7 Binary files /dev/null and b/sites/all/themes/gui/jee/assets/img/home-btn.png differ diff --git a/sites/all/themes/gui/jee/assets/img/title-BC-blur.png b/sites/all/themes/gui/jee/assets/img/title-BC-blur.png new file mode 100644 index 0000000..432e16c Binary files /dev/null and b/sites/all/themes/gui/jee/assets/img/title-BC-blur.png differ diff --git a/sites/all/themes/gui/jee/assets/img/title-DPH-blur.png b/sites/all/themes/gui/jee/assets/img/title-DPH-blur.png new file mode 100644 index 0000000..507d73b Binary files /dev/null and b/sites/all/themes/gui/jee/assets/img/title-DPH-blur.png differ diff --git a/sites/all/themes/gui/jee/assets/img/title-DUB-blur.png b/sites/all/themes/gui/jee/assets/img/title-DUB-blur.png new file mode 100644 index 0000000..5cc0255 Binary files /dev/null and b/sites/all/themes/gui/jee/assets/img/title-DUB-blur.png differ diff --git a/sites/all/themes/gui/jee/assets/img/title-JUSO-blur.png b/sites/all/themes/gui/jee/assets/img/title-JUSO-blur.png new file mode 100644 index 0000000..06c2a3a Binary files /dev/null and b/sites/all/themes/gui/jee/assets/img/title-JUSO-blur.png differ diff --git a/sites/all/themes/gui/jee/assets/img/title-OPP-blur.png b/sites/all/themes/gui/jee/assets/img/title-OPP-blur.png new file mode 100644 index 0000000..96a5d3a Binary files /dev/null and b/sites/all/themes/gui/jee/assets/img/title-OPP-blur.png differ diff --git a/sites/all/themes/gui/jee/assets/img/title-SOL-blur.png b/sites/all/themes/gui/jee/assets/img/title-SOL-blur.png new file mode 100644 index 0000000..a27c07c Binary files /dev/null and b/sites/all/themes/gui/jee/assets/img/title-SOL-blur.png differ diff --git a/sites/all/themes/gui/jee/assets/img/title-SUB-blur.png b/sites/all/themes/gui/jee/assets/img/title-SUB-blur.png new file mode 100644 index 0000000..cba42f5 Binary files /dev/null and b/sites/all/themes/gui/jee/assets/img/title-SUB-blur.png differ diff --git a/sites/all/themes/gui/jee/css/jee.css b/sites/all/themes/gui/jee/css/jee.css index 2b32b34..113f134 100644 --- a/sites/all/themes/gui/jee/css/jee.css +++ b/sites/all/themes/gui/jee/css/jee.css @@ -3871,7 +3871,23 @@ body { opacity: 0; } } -/* line 108, jee.scss */ +@-webkit-keyframes introNodes { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes introNodes { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +/* line 113, jee.scss */ #header { z-index: 1; position: absolute; @@ -3885,18 +3901,18 @@ body { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } -/* line 122, jee.scss */ +/* line 127, jee.scss */ #header h1 { position: absolute; width: 100%; height: 100%; } -/* line 125, jee.scss */ +/* line 130, jee.scss */ #header h1 a { display: block; margin-top: -500%; } -/* line 127, jee.scss */ +/* line 132, jee.scss */ #header h1:after, #header h1:before { content: ""; display: block; @@ -3907,25 +3923,25 @@ body { left: 0; opacity: 0; } -/* line 135, jee.scss */ +/* line 140, jee.scss */ #header h1:before { background: transparent url("../assets/img/logo.png") no-repeat center center; background: none, url("../assets/img/logo.svg") no-repeat center center; - -webkit-animation: introLogo 8s linear 0s; - animation: introLogo 8s linear 0s; + -webkit-animation: introLogo 6s linear 0s; + animation: introLogo 6s linear 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } -/* line 140, jee.scss */ +/* line 145, jee.scss */ #header h1:after { background: transparent url("../assets/img/logo-blured.png") no-repeat center center; background: none, url("../assets/img/logo-blured.svg") no-repeat center center; - -webkit-animation: introLogoBlured 8s linear 0s; - animation: introLogoBlured 8s linear 0s; + -webkit-animation: introLogoBlured 6s linear 0s; + animation: introLogoBlured 6s linear 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } -/* line 148, jee.scss */ +/* line 153, jee.scss */ #header h2 { background: transparent url("../assets/img/slogan.png") no-repeat center center; background: none, url("../assets/img/slogan.svg") no-repeat center center; @@ -3933,18 +3949,18 @@ body { width: 100%; height: 100%; opacity: 0; - -webkit-animation: introSlogan 8s linear 0s; - animation: introSlogan 8s linear 0s; + -webkit-animation: introSlogan 6s linear 0s; + animation: introSlogan 6s linear 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } -/* line 153, jee.scss */ +/* line 158, jee.scss */ #header h2 a { display: block; margin-top: -500%; } -/* line 160, jee.scss */ +/* line 165, jee.scss */ div.messages { position: absolute; top: 20px; @@ -3955,7 +3971,7 @@ div.messages { z-index: 1000; } -/* line 168, jee.scss */ +/* line 173, jee.scss */ #main { position: absolute; width: 100%; @@ -3981,217 +3997,217 @@ div.messages { \____/_/ /_____/_/ |_/_____/_____/ \____/_/ /_/_/ |_/_/ /_/ /_____/_/ |_|/____/ */ } -/* line 173, jee.scss */ +/* line 178, jee.scss */ #main > .region, #main > .region > .block-system, #main > .region > .block-system > .content { position: relative; width: 100%; height: 100%; overflow: hidden; } -/* line 189, jee.scss */ +/* line 194, jee.scss */ #main #node-2.node-teaser::after { 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 190, jee.scss */ +/* line 195, jee.scss */ #main #node-2.node-teaser, #main #node-2.node-teaser a { color: #b24c14; } -/* line 192, jee.scss */ +/* line 197, jee.scss */ #main #node-2.node-teaser h2.node-title, #main #node-2.node-teaser h2.node-title a { color: #d85509; } -/* line 193, jee.scss */ +/* line 198, jee.scss */ #main #node-2.node-teaser h2.node-title a { background: transparent url("../assets/img/title-SOL.png") no-repeat center center; background: none, url("../assets/img/title-SOL.svg") no-repeat center center; width: 170px; height: 35px; } -/* line 195, jee.scss */ +/* line 200, jee.scss */ #main #node-2.node-teaser .field-name-field-vignette { background: transparent url("../assets/img/shadow-sol.png") no-repeat center center; background: none, url("../assets/img/shadow-sol.svg") no-repeat center center; } -/* line 196, jee.scss */ +/* line 201, jee.scss */ #main #node-2.node-teaser .line { background-color: #ea5b0c; } -/* line 202, jee.scss */ +/* line 207, jee.scss */ #main #node-3.node-teaser::after { 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 203, jee.scss */ +/* line 208, jee.scss */ #main #node-3.node-teaser, #main #node-3.node-teaser a { color: #686b00; } -/* line 205, jee.scss */ +/* line 210, jee.scss */ #main #node-3.node-teaser h2.node-title, #main #node-3.node-teaser h2.node-title a { color: #afaf00; } -/* line 206, jee.scss */ +/* line 211, jee.scss */ #main #node-3.node-teaser h2.node-title a { background: transparent url("../assets/img/title-DPH.png") no-repeat center center; background: none, url("../assets/img/title-DPH.svg") no-repeat center center; width: 180px; height: 80px; } -/* line 208, jee.scss */ +/* line 213, jee.scss */ #main #node-3.node-teaser .field-name-field-vignette { background: transparent url("../assets/img/shadow-dph.png") no-repeat center center; background: none, url("../assets/img/shadow-dph.svg") no-repeat center center; } -/* line 209, jee.scss */ +/* line 214, jee.scss */ #main #node-3.node-teaser .line { background-color: #cecd00; } -/* line 215, jee.scss */ +/* line 220, jee.scss */ #main #node-4.node-teaser::after { 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 216, jee.scss */ +/* line 221, jee.scss */ #main #node-4.node-teaser, #main #node-4.node-teaser a { color: #b71330; } -/* line 218, jee.scss */ +/* line 223, jee.scss */ #main #node-4.node-teaser h2.node-title, #main #node-4.node-teaser h2.node-title a { color: #cd0734; } -/* line 219, jee.scss */ +/* line 224, jee.scss */ #main #node-4.node-teaser h2.node-title a { background: transparent url("../assets/img/title-SUB.png") no-repeat center center; background: none, url("../assets/img/title-SUB.svg") no-repeat center center; width: 200px; height: 35px; } -/* line 221, jee.scss */ +/* line 226, jee.scss */ #main #node-4.node-teaser .field-name-field-vignette { background: transparent url("../assets/img/shadow-sub.png") no-repeat center center; background: none, url("../assets/img/shadow-sub.svg") no-repeat center center; } -/* line 222, jee.scss */ +/* line 227, jee.scss */ #main #node-4.node-teaser .line { background-color: #de003a; } -/* line 228, jee.scss */ +/* line 233, jee.scss */ #main #node-5.node-teaser::after { 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 229, jee.scss */ +/* line 234, jee.scss */ #main #node-5.node-teaser, #main #node-5.node-teaser a { color: #033d6f; } -/* line 231, jee.scss */ +/* line 236, jee.scss */ #main #node-5.node-teaser h2.node-title, #main #node-5.node-teaser h2.node-title a { color: #024b87; } -/* line 232, jee.scss */ +/* line 237, jee.scss */ #main #node-5.node-teaser h2.node-title a { background: transparent url("../assets/img/title-BC.png") no-repeat center center; background: none, url("../assets/img/title-BC.svg") no-repeat center center; width: 120px; height: 45px; } -/* line 234, jee.scss */ +/* line 239, jee.scss */ #main #node-5.node-teaser .field-name-field-vignette { background: transparent url("../assets/img/shadow-bc.png") no-repeat center center; background: none, url("../assets/img/shadow-bc.svg") no-repeat center center; } -/* line 235, jee.scss */ +/* line 240, jee.scss */ #main #node-5.node-teaser .line { background-color: #0066b1; } -/* line 241, jee.scss */ +/* line 246, jee.scss */ #main #node-6.node-teaser::after { 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 242, jee.scss */ +/* line 247, jee.scss */ #main #node-6.node-teaser, #main #node-6.node-teaser a { color: #7f1965; } -/* line 244, jee.scss */ +/* line 249, jee.scss */ #main #node-6.node-teaser h2.node-title, #main #node-6.node-teaser h2.node-title a { color: #941b80; } -/* line 245, jee.scss */ +/* line 250, jee.scss */ #main #node-6.node-teaser h2.node-title a { background: transparent url("../assets/img/title-OPP.png") no-repeat center center; background: none, url("../assets/img/title-OPP.svg") no-repeat center center; width: 245px; height: 95px; } -/* line 247, jee.scss */ +/* line 252, jee.scss */ #main #node-6.node-teaser .field-name-field-vignette { background: transparent url("../assets/img/shadow-opp.png") no-repeat center center; background: none, url("../assets/img/shadow-opp.svg") no-repeat center center; } -/* line 248, jee.scss */ +/* line 253, jee.scss */ #main #node-6.node-teaser .line { background-color: #af1380; } -/* line 254, jee.scss */ +/* line 259, jee.scss */ #main #node-7.node-teaser::after { background: transparent url("../assets/img/bgd-dub.png") no-repeat center center; background: none, url("../assets/img/bgd-dub.svg") no-repeat center center; } -/* line 255, jee.scss */ +/* line 260, jee.scss */ #main #node-7.node-teaser, #main #node-7.node-teaser a { color: #22742c; } -/* line 257, jee.scss */ +/* line 262, jee.scss */ #main #node-7.node-teaser h2.node-title, #main #node-7.node-teaser h2.node-title a { color: #288d80; } -/* line 258, jee.scss */ +/* line 263, jee.scss */ #main #node-7.node-teaser h2.node-title a { background: transparent url("../assets/img/title-DUB.png") no-repeat center center; background: none, url("../assets/img/title-DUB.svg") no-repeat center center; width: 195px; height: 65px; } -/* line 260, jee.scss */ +/* line 265, jee.scss */ #main #node-7.node-teaser .field-name-field-vignette { background: transparent url("../assets/img/shadow-dub.png") no-repeat center center; background: none, url("../assets/img/shadow-dub.svg") no-repeat center center; } -/* line 261, jee.scss */ +/* line 266, jee.scss */ #main #node-7.node-teaser .line { background-color: #62a530; } -/* line 267, jee.scss */ +/* line 272, jee.scss */ #main #node-8.node-teaser::after { 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 268, jee.scss */ +/* line 273, jee.scss */ #main #node-8.node-teaser, #main #node-8.node-teaser a { color: #0b7f8a; } -/* line 270, jee.scss */ +/* line 275, jee.scss */ #main #node-8.node-teaser h2.node-title, #main #node-8.node-teaser h2.node-title a { color: #009aa8; } -/* line 271, jee.scss */ +/* line 276, jee.scss */ #main #node-8.node-teaser h2.node-title a { background: transparent url("../assets/img/title-JUSO.png") no-repeat center center; background: none, url("../assets/img/title-JUSO.svg") no-repeat center center; width: 200px; height: 65px; } -/* line 273, jee.scss */ +/* line 278, jee.scss */ #main #node-8.node-teaser .field-name-field-vignette { background: transparent url("../assets/img/shadow-juso.png") no-repeat center center; background: none, url("../assets/img/shadow-juso.svg") no-repeat center center; } -/* line 274, jee.scss */ +/* line 279, jee.scss */ #main #node-8.node-teaser .line { background-color: #33b4b5; } -/* line 285, jee.scss */ +/* line 292, jee.scss */ #main .node-chapitre.node-teaser { z-index: 2; position: absolute; @@ -4209,11 +4225,11 @@ div.messages { |____/|_____|__| |__|__|_____|_____|_| |_|_|_|_____|____/|_____| */ - opacity: 1; -webkit-transition: 1s ease-out; transition: 1s ease-out; -webkit-transition-property: opacity; transition-property: opacity; + opacity: 0; /* _____ _____ _____ _____ _____ _____ _ _ _ _____ _____ ____ _____ | _ | __ | __| | | | __| | | | | | | \| __| @@ -4243,7 +4259,11 @@ div.messages { |_| /_/ */ } -/* line 308, jee.scss */ +/* line 316, jee.scss */ +#main .node-chapitre.node-teaser.enabled { + opacity: 1; +} +/* line 320, jee.scss */ #main .node-chapitre.node-teaser h2.node-title a { -webkit-transform: none; -ms-transform: none; @@ -4257,11 +4277,11 @@ div.messages { transition-property: transform; z-index: 5; } -/* line 315, jee.scss */ +/* line 327, jee.scss */ #main .node-chapitre.node-teaser > .content { position: relative; } -/* line 316, jee.scss */ +/* line 328, jee.scss */ #main .node-chapitre.node-teaser .texts { opacity: 0; height: 1px; @@ -4272,7 +4292,7 @@ div.messages { transition-property: opacity height; position: absolute; } -/* line 322, jee.scss */ +/* line 334, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-partie { opacity: 0; position: absolute; @@ -4281,12 +4301,12 @@ div.messages { -webkit-transition-property: opacity -webkit-transform; transition-property: opacity transform; } -/* line 328, jee.scss */ +/* line 340, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-partie:nth-child(2) { z-index: 2; opacity: 1; } -/* line 332, jee.scss */ +/* line 344, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-partie:nth-child(2) > .field-type-text { opacity: 0; -webkit-transition: 1s ease-out 0.9s; @@ -4294,7 +4314,7 @@ div.messages { -webkit-transition-property: opacity; transition-property: opacity; } -/* line 337, jee.scss */ +/* line 349, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-partie:nth-child(2) > .field-name-field-vignette { cursor: pointer; z-index: 2; @@ -4306,7 +4326,7 @@ div.messages { -webkit-transition-property: -webkit-transform; transition-property: transform; } -/* line 344, jee.scss */ +/* line 356, jee.scss */ #main .node-chapitre.node-teaser:after { opacity: 0; -webkit-transition: 2s ease-in; @@ -4318,11 +4338,11 @@ div.messages { bottom: 2px; right: 2px; } -/* line 362, jee.scss */ +/* line 374, jee.scss */ #main .node-chapitre.node-teaser.previewed { z-index: 100; } -/* line 364, jee.scss */ +/* line 376, jee.scss */ #main .node-chapitre.node-teaser.previewed:after { opacity: 1; top: 2em; @@ -4330,50 +4350,50 @@ div.messages { right: -12em; bottom: -30em; } -/* line 371, jee.scss */ +/* line 383, jee.scss */ #main .node-chapitre.node-teaser.previewed h2.node-title a { -webkit-transform: scale(2, 2); -ms-transform: scale(2, 2); transform: scale(2, 2); } -/* line 372, jee.scss */ +/* line 384, jee.scss */ #main .node-chapitre.node-teaser.previewed .texts { opacity: 1; height: 8em; } -/* line 373, jee.scss */ +/* line 385, jee.scss */ #main .node-chapitre.node-teaser.previewed .field-name-field-partie { opacity: 1; z-index: 0; } -/* line 376, jee.scss */ +/* line 388, jee.scss */ #main .node-chapitre.node-teaser.previewed .field-name-field-partie > .field { opacity: 1; z-index: -1; cursor: default; } -/* line 378, jee.scss */ +/* line 390, jee.scss */ #main .node-chapitre.node-teaser.previewed .field-name-field-partie:nth-child(2) > .field-name-field-vignette { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } -/* line 392, jee.scss */ +/* line 404, jee.scss */ #main .node-chapitre.node-teaser.mitigated { - opacity: 0.3; -} -/* line 403, jee.scss */ -.chapter-displayed #main .node-chapitre.node-teaser { - opacity: 0.1; + opacity: 0.2; } /* line 415, jee.scss */ +.chapter-displayed #main .node-chapitre.node-teaser { + opacity: 0.05; +} +/* line 427, jee.scss */ #main .node-chapitre.node-teaser:after { content: " "; background-size: contain !important; position: absolute; z-index: -1; } -/* line 422, jee.scss */ +/* line 434, jee.scss */ #main .node-chapitre.node-teaser h2.node-title { font-family: "epflulb"; font-weight: normal; @@ -4384,36 +4404,36 @@ div.messages { z-index: 5; } @media only screen and (min-width: 64.063em) { - /* line 422, jee.scss */ + /* line 434, jee.scss */ #main .node-chapitre.node-teaser h2.node-title { font-size: 1.3em; } } @media only screen and (min-width: 90.063em) { - /* line 422, jee.scss */ + /* line 434, jee.scss */ #main .node-chapitre.node-teaser h2.node-title { font-size: 1.8em; } } -/* line 436, jee.scss */ +/* line 448, jee.scss */ #main .node-chapitre.node-teaser h2.node-title a { display: block; text-indent: -1000px; overflow: hidden; } -/* line 447, jee.scss */ +/* line 459, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-comprendre { min-width: 16em; } -/* line 448, jee.scss */ +/* line 460, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-comprendre h1, #main .node-chapitre.node-teaser .field-name-field-comprendre h2, #main .node-chapitre.node-teaser .field-name-field-comprendre h3, #main .node-chapitre.node-teaser .field-name-field-comprendre h4, #main .node-chapitre.node-teaser .field-name-field-comprendre h5, #main .node-chapitre.node-teaser .field-name-field-comprendre h6 { display: none !important; } -/* line 450, jee.scss */ +/* line 462, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-comprendre p { margin: 0; } -/* line 454, jee.scss */ +/* line 466, jee.scss */ #main .node-chapitre.node-teaser ul.links { display: block; margin: 0; @@ -4422,28 +4442,28 @@ div.messages { position: relative; width: 100%; } -/* line 456, jee.scss */ +/* line 468, jee.scss */ #main .node-chapitre.node-teaser ul.links li.node-readmore { padding: 0; } -/* line 458, jee.scss */ +/* line 470, jee.scss */ #main .node-chapitre.node-teaser ul.links li.node-readmore a { display: inline-block; height: 25px; font-family: "open_sans"; font-weight: 900; color: #000 !important; - width: 8em; + width: 10em; text-align: left; 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 471, jee.scss */ +/* line 483, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-partie { clear: both; padding-top: 1em; } -/* line 475, jee.scss */ +/* line 487, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-vignette { position: relative; float: left; @@ -4454,28 +4474,28 @@ div.messages { margin-left: 0; background-size: contain; } -/* line 487, jee.scss */ +/* line 499, jee.scss */ #main .node-chapitre.node-teaser .field-type-text { min-width: 16em; } -/* line 488, jee.scss */ +/* line 500, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-titre { font-family: "epflul"; font-size: 1.6em; line-height: 1.1; } -/* line 493, jee.scss */ +/* line 505, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-sous-titre { font-family: "epflul"; font-size: 1.4em; line-height: 1.2; } -/* line 498, jee.scss */ +/* line 510, jee.scss */ #main .node-chapitre.node-teaser .field-name-field-description { font-size: 0.88em; line-height: 1.2; } -/* line 504, jee.scss */ +/* line 516, jee.scss */ #main .node-chapitre.node-teaser .line { z-index: -1; position: absolute; @@ -4487,7 +4507,7 @@ div.messages { width: 2px; opacity: 0.4; } -/* line 523, jee.scss */ +/* line 534, jee.scss */ #main #chapter-wrapper { position: absolute; top: 0; @@ -4514,12 +4534,12 @@ div.messages { |__| */ } -/* line 532, jee.scss */ +/* line 543, jee.scss */ #main #chapter-wrapper.visible { opacity: 1; z-index: 500; } -/* line 537, jee.scss */ +/* line 548, 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; @@ -4531,129 +4551,129 @@ div.messages { height: 20px; cursor: pointer; } -/* line 552, jee.scss */ +/* line 563, 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 554, jee.scss */ +/* line 565, 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 { color: #ea5b0c; } -/* line 559, jee.scss */ +/* line 570, 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 562, jee.scss */ +/* line 573, 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 564, jee.scss */ +/* line 575, 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 { color: #cecd00; } -/* line 569, jee.scss */ +/* line 580, 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 572, jee.scss */ +/* line 583, 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 574, jee.scss */ +/* line 585, 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 { color: #de003a; } -/* line 579, jee.scss */ +/* line 590, 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 582, jee.scss */ +/* line 593, 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 584, jee.scss */ +/* line 595, 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 { color: #0066b1; } -/* line 589, jee.scss */ +/* line 600, 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 592, jee.scss */ +/* line 603, 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 594, jee.scss */ +/* line 605, 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 { color: #af1380; } -/* line 599, jee.scss */ +/* line 610, 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 602, jee.scss */ +/* line 613, 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 604, jee.scss */ +/* line 615, 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 { color: #62a530; } -/* line 609, jee.scss */ +/* line 620, 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 612, jee.scss */ +/* line 623, 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 614, jee.scss */ +/* line 625, 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 { color: #33b4b5; } -/* line 619, jee.scss */ +/* line 630, 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 630, jee.scss */ +/* line 641, jee.scss */ #main #chapter-wrapper .node { position: relative; height: 100%; width: 100%; } -/* line 633, jee.scss */ +/* line 644, jee.scss */ #main #chapter-wrapper .node a { color: inherit; } -/* line 636, jee.scss */ +/* line 647, jee.scss */ #main #chapter-wrapper .node-title { font-family: "epflulb"; font-weight: normal; @@ -4672,11 +4692,11 @@ div.messages { z-index: -1; opacity: 0.4; } -/* line 652, jee.scss */ +/* line 663, jee.scss */ #main #chapter-wrapper .node > .field { position: absolute; } -/* line 656, jee.scss */ +/* line 667, jee.scss */ #main #chapter-wrapper .field-type-text-long { background-color: rgba(255, 255, 255, 0.9); width: 23em; @@ -4684,37 +4704,37 @@ div.messages { z-index: 10; cursor: move; } -/* line 661, jee.scss */ +/* line 672, jee.scss */ #main #chapter-wrapper .field-type-text-long .field-label { text-transform: uppercase; font-family: "epflulb"; font-size: 1.5em; } -/* line 667, jee.scss */ +/* line 678, jee.scss */ #main #chapter-wrapper .field-type-text-long h2 { font-size: 0.88em; } -/* line 670, jee.scss */ +/* line 681, jee.scss */ #main #chapter-wrapper .field-type-text-long p { font-size: 0.88em; margin-bottom: 0.5em; } -/* line 675, jee.scss */ +/* line 686, jee.scss */ #main #chapter-wrapper .field-name-field-dbatre { left: 60em; } -/* line 677, jee.scss */ +/* line 688, jee.scss */ #main #chapter-wrapper .field-name-field-dbatre ul { margin-left: 1em; } -/* line 679, jee.scss */ +/* line 690, jee.scss */ #main #chapter-wrapper .field-name-field-dbatre ul li { list-style: none; line-height: 1; margin-bottom: 1em; position: relative; } -/* line 684, jee.scss */ +/* line 695, jee.scss */ #main #chapter-wrapper .field-name-field-dbatre ul li:before { content: "?"; position: absolute; @@ -4722,14 +4742,14 @@ div.messages { left: -1em; font-family: "epflul"; } -/* line 695, jee.scss */ +/* line 706, jee.scss */ #main #chapter-wrapper .field-name-field-partie { height: 60%; width: 100%; top: 20%; left: 0; } -/* line 698, jee.scss */ +/* line 709, jee.scss */ #main #chapter-wrapper .field-name-field-partie .field-items { position: relative; top: 0; @@ -4737,12 +4757,12 @@ div.messages { height: 100%; width: auto; } -/* line 703, jee.scss */ +/* line 714, jee.scss */ #main #chapter-wrapper .field-name-field-partie .field-items .field { position: relative; display: inline-block; } -/* line 706, jee.scss */ +/* line 717, jee.scss */ #main #chapter-wrapper .field-name-field-partie .field-items .field .mask { position: absolute; width: 100%; @@ -4759,16 +4779,48 @@ div.messages { / __/ / /_/ / /_/ / / / / /___/ _, _/ /_/ \____/\____/ /_/ /_____/_/ |_| */ -/* line 727, jee.scss */ +/* line 738, jee.scss */ #footer { position: fixed; bottom: 0; - right: 0; + right: 20px; } -/* line 730, jee.scss */ +/* line 741, jee.scss */ #footer .block { display: inline-block; vertical-align: top; + font-size: 0.693em; +} +/* line 745, jee.scss */ +#footer .block p { + font-size: inherit; +} +/* line 746, jee.scss */ +#footer .block a { + color: #000; +} +/* line 749, jee.scss */ +#footer .block-menu { + display: block; + font-size: inherit; +} +/* line 752, jee.scss */ +#footer .block-menu ul { + margin: 0 0 0.5em; + padding: 0; +} +/* line 754, jee.scss */ +#footer .block-menu ul li { + margin: 0 1em 0 0; + padding: 0; + display: inline-block; + list-style: none; +} +/* line 758, jee.scss */ +#footer .block-menu ul li a { + font-family: "epflulb"; + color: #000; + text-transform: uppercase; } /* @@ -4778,15 +4830,27 @@ div.messages { / / / // / ___/ / /___ /_/ /_/___//____/\____/ */ -/* line 742, jee.scss */ +/* line 774, jee.scss */ #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; + 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 783, 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 756, jee.scss */ +/* line 796, jee.scss */ .bubble-1 { position: absolute; z-index: 0; @@ -4799,7 +4863,7 @@ div.messages { left: -200px; } -/* line 760, jee.scss */ +/* line 800, jee.scss */ .bubble-2 { position: absolute; z-index: 0; @@ -4812,7 +4876,7 @@ div.messages { right: -400px; } -/* line 765, jee.scss */ +/* line 805, jee.scss */ .star { position: absolute; z-index: 0; @@ -4830,15 +4894,15 @@ div.messages { / /_/ / /___/ /_/ / /_/ / /_/ / /_____/_____/_____/\____/\____/ */ -/* line 779, jee.scss */ +/* line 819, jee.scss */ #fps { position: fixed; - top: 20px; - right: 20px; + bottom: 40px; + left: 20px; z-index: 1000; } -/* line 785, jee.scss */ +/* line 825, jee.scss */ #nav-cursor { position: absolute; width: 6px; diff --git a/sites/all/themes/gui/jee/css/jee.scss b/sites/all/themes/gui/jee/css/jee.scss index 972e776..33a1cc4 100755 --- a/sites/all/themes/gui/jee/css/jee.scss +++ b/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;} -} -@keyframes introLogoBlured{ - 0% {opacity:0;} - 50% {opacity:0;} - 60% {opacity:0.8;} - 100% {opacity:0.8;} -} -@keyframes introSlogan{ - 0% {opacity:0;} - 50% {opacity:0;} - 70% {opacity:1;} - 90% {opacity:1;} 100% {opacity:0;} } +@keyframes introLogoBlured{ + 0% {opacity:0;} + 50% {opacity:0;} + 60% {opacity:0.8;} + 100% {opacity:0.8;} +} +@keyframes introSlogan{ + 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; } diff --git a/sites/all/themes/gui/jee/js/jee.js b/sites/all/themes/gui/jee/js/jee.js index c92269b..737e5c8 100755 --- a/sites/all/themes/gui/jee/js/jee.js +++ b/sites/all/themes/gui/jee/js/jee.js @@ -51,7 +51,7 @@ jQuery(document).ready(function($) { launchNav(); // FULL SCREEN - var $fullscreenBtn = $('
enter
').attr('id','fullscreen-btn').appendTo("#root"); + var $fullscreenBtn = $('
Plein écran
').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) { diff --git a/sites/all/themes/gui/jee/preprocess/node.pre.php b/sites/all/themes/gui/jee/preprocess/node.pre.php index 3519f03..7831a3c 100755 --- a/sites/all/themes/gui/jee/preprocess/node.pre.php +++ b/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']); \ No newline at end of file +if($vars['type'] == "chapitre") + $vars['content']['links']['node']['#links']['node-readmore']['title'] = t("Voir ce principe");