diff --git a/src/bg-eyecandy/css/img/01_FG_Pixels_still_debug.gif b/src/bg-eyecandy/css/img/01_FG_Pixels_still_debug.gif new file mode 100644 index 0000000000000000000000000000000000000000..d45d3951e848002d956b1437b80763005e1bea5f Binary files /dev/null and b/src/bg-eyecandy/css/img/01_FG_Pixels_still_debug.gif differ diff --git a/src/bg-eyecandy/css/img/06_BG_Pixels_still_debug.gif b/src/bg-eyecandy/css/img/06_BG_Pixels_still_debug.gif new file mode 100644 index 0000000000000000000000000000000000000000..b388bf8ef126fffaf17f83fb594135bd996c33fa Binary files /dev/null and b/src/bg-eyecandy/css/img/06_BG_Pixels_still_debug.gif differ diff --git a/src/bg-eyecandy/css/img/RC3_vignette_debug.png b/src/bg-eyecandy/css/img/RC3_vignette_debug.png new file mode 100644 index 0000000000000000000000000000000000000000..ce079ec0ca7f0b12ad240d98337be5f5550a7ae5 Binary files /dev/null and b/src/bg-eyecandy/css/img/RC3_vignette_debug.png differ diff --git a/src/bg-eyecandy/css/parallax-bg.css b/src/bg-eyecandy/css/parallax-bg.css index fda2fe9985b3c8f7daf9d206c56515633704bf5f..c72f2b1dcd0905b17fb71b1088c3239f221a3a97 100644 --- a/src/bg-eyecandy/css/parallax-bg.css +++ b/src/bg-eyecandy/css/parallax-bg.css @@ -21,7 +21,6 @@ body { .rc3-bg-L01 { background-image: url("img/01_FG_Pixels_still.gif"); - background-position-y: -30%; background-size: 100% auto; background-repeat: repeat-y; top: 0; @@ -53,6 +52,7 @@ body { .rc3-bg-L05-container { position: relative; + background-image: url("img/RC3_vignette_debug.png"); } .rc3-bg-L05-collages > * > * { diff --git a/src/bg-eyecandy/css/parallax-bg.scss b/src/bg-eyecandy/css/parallax-bg.scss index 2fa56153e603c6b1a21795dac3d6e65284bb6f73..0b22315c8a13a0c933c36bc72a70d74977a4809e 100644 --- a/src/bg-eyecandy/css/parallax-bg.scss +++ b/src/bg-eyecandy/css/parallax-bg.scss @@ -35,7 +35,9 @@ $gradient-yellowgreen: #b2ff7c; // FG-Pixel .rc3-bg-L01 { background-image: url("img/01_FG_Pixels_still.gif"); - background-position-y: -30%; + //background-image: url("img/01_FG_Pixels_still_debug.gif"); + + //background-position-y: -30%; background-size: 100% auto; background-repeat: repeat-y; top: 0; @@ -69,6 +71,8 @@ $gradient-yellowgreen: #b2ff7c; .rc3-bg-L05-container { position: relative; + background-image: url("img/RC3_vignette_debug.png"); + } .rc3-bg-L05-collages > * > * { @@ -118,6 +122,7 @@ $gradient-yellowgreen: #b2ff7c; // BG-Pixel .rc3-bg-L06 { background-image: url("img/06_BG_Pixels_still.gif"); + //background-image: url("img/06_BG_Pixels_still_debug.gif"); background-position-y: -30%; background-size: 100% auto; background-repeat: repeat-y; diff --git a/src/bg-eyecandy/index.html b/src/bg-eyecandy/index.html index b92827b23d61b4724833fd4ccecdcd831723a0cd..82c881ed775e0b6ea3b0a5eabc8368e0dfbacab2 100644 --- a/src/bg-eyecandy/index.html +++ b/src/bg-eyecandy/index.html @@ -399,9 +399,9 @@ recorded will be open sourced and will be made avaialable to download.</p></sect if (debug) { debug.innerText = window.scrollY +" / " + height + " / " + maxScroll + " / " + window.innerHeight; } - setTransform(layer01,1.2); + setBgPosition(layer01,-1.2); setTransform(layer05,0.8); - setTransform(layer06,0.5); + setBgPosition(layer06,0.5); setTransform(layer10,-0.02); // Move mask for header if (main) { @@ -411,9 +411,6 @@ recorded will be open sourced and will be made avaialable to download.</p></sect } lastPos = window.scrollY; - if (window.scrollY > maxScroll) { - window.scrollTo(0,maxScroll); - } window.requestAnimationFrame(step); } window.requestAnimationFrame(step);