More work.

js/hero.js

@@ -0,0 +1,17 @@
+var x = window.screen.width > 512 ? 160 : 80;
+
+var controller = new ScrollMagic.Controller();
+
+var hero = new TweenMax.from("#hero", 1, {
+    x: this.x,
+    ease: Power1.easeOut
+});
+
+var heroScene = new ScrollMagic.Scene({
+    triggerElement: "#start",
+    triggerHook: 0,
+    duration: 320
+})
+.setTween(hero)
+.addTo(controller);
+

js/parts.js

@@ -9,7 +9,7 @@ var part2 = new TweenMax.from("#part2", 1, {
 
 var part2Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
 })
 .setTween(part2)
 .addTo(controller);
@@ -21,7 +21,7 @@ var part3 = new TweenMax.from("#part3", 1, {
 
 var part3Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: this.offset
 })
 .setTween(part3)
@@ -36,7 +36,7 @@ var part4 = new TweenMax.from("#part4", 1, {
 
 var part4Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 2*this.offset
 })
 .setTween(part4)
@@ -49,7 +49,7 @@ var part5 = new TweenMax.from("#part5", 1, {
 
 var part5Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250"
+    duration: 250
 })
 .setTween(part5)
 .addTo(controller);
@@ -61,7 +61,7 @@ var part6 = new TweenMax.from("#part6", 1, {
 
 var part6Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 3*this.offset
 })
 .setTween(part6)
@@ -74,7 +74,7 @@ var part7 = new TweenMax.from("#part7", 1, {
 
 var part7Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 4*this.offset
 })
 .setTween(part7)
@@ -89,7 +89,7 @@ var part8 = new TweenMax.from("#part8", 1, {
 
 var part8Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 5*this.offset
 })
 .setTween(part8)
@@ -104,7 +104,7 @@ var part9 = new TweenMax.from("#part9", 1, {
 
 var part9Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 5*this.offset
 })
 .setTween(part9)
@@ -119,7 +119,7 @@ var part10 = new TweenMax.from("#part10", 1, {
 
 var part10Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 6*this.offset
 })
 .setTween(part10)
@@ -134,7 +134,7 @@ var part11 = new TweenMax.from("#part11", 1, {
 
 var part11Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 7*this.offset
 })
 .setTween(part11)
@@ -149,7 +149,7 @@ var part12 = new TweenMax.from("#part12", 1, {
 
 var part12Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 8*this.offset
 })
 .setTween(part12)
@@ -164,7 +164,7 @@ var part13 = new TweenMax.from("#part13", 1, {
 
 var part13Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 9*this.offset
 })
 .setTween(part13)
@@ -179,7 +179,7 @@ var part14 = new TweenMax.from("#part14", 1, {
 
 var part14Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 10*this.offset
 })
 .setTween(part14)
@@ -194,7 +194,7 @@ var part15 = new TweenMax.from("#part15", 1, {
 
 var part15Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 11*this.offset
 })
 .setTween(part15)
@@ -209,7 +209,7 @@ var part16 = new TweenMax.from("#part16", 1, {
 
 var part16Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 12*this.offset
 })
 .setTween(part16)
@@ -224,7 +224,7 @@ var part17 = new TweenMax.from("#part17", 1, {
 
 var part17Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 13*this.offset
 })
 .setTween(part17)
@@ -239,7 +239,7 @@ var part181 = new TweenMax.from("#part18-1", 1, {
 
 var part181Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 14*this.offset
 })
 .setTween(part181)
@@ -254,7 +254,7 @@ var part182 = new TweenMax.from("#part18-2", 1, {
 
 var part182Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 15*this.offset
 })
 .setTween(part182)
@@ -269,7 +269,7 @@ var part191 = new TweenMax.from("#part19-1", 1, {
 
 var part191Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 16*this.offset
 })
 .setTween(part191)
@@ -284,7 +284,7 @@ var part192 = new TweenMax.from("#part19-2", 1, {
 
 var part192Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 18*this.offset
 })
 .setTween(part192)
@@ -299,7 +299,7 @@ var part20 = new TweenMax.from("#part20", 1, {
 
 var part20Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 19*this.offset
 })
 .setTween(part20)
@@ -314,7 +314,7 @@ var part21 = new TweenMax.from("#part21", 1, {
 
 var part21Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 20*this.offset
 })
 .setTween(part21)
@@ -329,7 +329,7 @@ var part22 = new TweenMax.from("#part22", 1, {
 
 var part22Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 21*this.offset
 })
 .setTween(part22)
@@ -344,7 +344,7 @@ var part23 = new TweenMax.from("#part23", 1, {
 
 var part23Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 22*this.offset
 })
 .setTween(part23)
@@ -359,7 +359,7 @@ var part24 = new TweenMax.from("#part24", 1, {
 
 var part24Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 23*this.offset
 })
 .setTween(part24)
@@ -374,7 +374,7 @@ var part25 = new TweenMax.from("#part25", 1, {
 
 var part25Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 24*this.offset
 })
 .setTween(part25)
@@ -389,7 +389,7 @@ var part26 = new TweenMax.from("#part26", 1, {
 
 var part26Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 25*this.offset
 })
 .setTween(part26)
@@ -404,7 +404,7 @@ var part27 = new TweenMax.from("#part27", 1, {
 
 var part27Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 26*this.offset
 })
 .setTween(part27)
@@ -419,7 +419,7 @@ var part28 = new TweenMax.from("#part28", 1, {
 
 var part28Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 33*this.offset
 })
 .setTween(part28)
@@ -434,7 +434,7 @@ var part291 = new TweenMax.from("#part29-1", 1, {
 
 var part291Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 32*this.offset
 })
 .setTween(part291)
@@ -449,7 +449,7 @@ var part292 = new TweenMax.from("#part29-2", 1, {
 
 var part292Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 31*this.offset
 })
 .setTween(part292)
@@ -464,7 +464,7 @@ var part30 = new TweenMax.from("#part30", 1, {
 
 var part30Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 34*this.offset
 })
 .setTween(part30)
@@ -479,7 +479,7 @@ var part311 = new TweenMax.from("#part31-1", 1, {
 
 var part311Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 30*this.offset
 })
 .setTween(part311)
@@ -494,7 +494,7 @@ var part312 = new TweenMax.from("#part31-2", 1, {
 
 var part312Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 29*this.offset
 })
 .setTween(part312)
@@ -509,7 +509,7 @@ var part321 = new TweenMax.from("#part32-1", 1, {
 
 var part321Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 28*this.offset
 })
 .setTween(part321)
@@ -524,7 +524,7 @@ var part322 = new TweenMax.from("#part32-2", 1, {
 
 var part322Scene = new ScrollMagic.Scene({
     triggerElement: "#rental",
-    duration: "250",
+    duration: 250,
     offset: 27*this.offset
 })
 .setTween(part322)