first wave of corrections done
This commit is contained in:
Bachir Soussi Chiadmi
Binary file not shown.
|
After Width: | Height: | Size: 430 B |
@@ -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>
|
||||
|
After Width: | Height: | Size: 5.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 422 B |
@@ -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>
|
||||
|
After Width: | Height: | Size: 5.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 330 B |
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.9 KiB |
File diff suppressed because it is too large
Load Diff
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
@@ -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) {
|
||||
|
||||
@@ -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");
|
||||
|
||||
Reference in New Issue
Block a user