|
| 1 | +(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){ |
| 2 | +'use strict'; |
| 3 | + |
| 4 | +function newScene(trigger) { |
| 5 | + |
| 6 | + var duration = $(trigger)[0].scrollHeight; |
| 7 | + return new ScrollMagic.Scene({ |
| 8 | + triggerElement: trigger, |
| 9 | + // triggerHook: 'onEnter', |
| 10 | + duration: duration / 2, |
| 11 | + reverse: true |
| 12 | + }); |
| 13 | +}; |
| 14 | + |
| 15 | +function appear(el) { |
| 16 | + return TweenMax.to(el, 1, { |
| 17 | + opacity: 1 |
| 18 | + }); |
| 19 | +}; |
| 20 | + |
| 21 | +function fade(el) { |
| 22 | + return TweenMax.to(el, 1, { |
| 23 | + opacity: 0 |
| 24 | + }); |
| 25 | +}; |
| 26 | + |
| 27 | +function textLeft(el) { |
| 28 | + return TweenMax.to(el, 1, { |
| 29 | + left: 0 |
| 30 | + }); |
| 31 | +}; |
| 32 | + |
| 33 | +function textRight(el) { |
| 34 | + return TweenMax.to(el, 1, { |
| 35 | + right: 0 |
| 36 | + }); |
| 37 | +}; |
| 38 | + |
| 39 | +function pinTitles(el, sceneArray) { |
| 40 | + for (var i = 0; i < el.length; i++) { |
| 41 | + sceneArray.push(new ScrollMagic.Scene({ |
| 42 | + triggerElement: el[i], |
| 43 | + triggerHook: 'onEnter' |
| 44 | + }).setPin(el[i])); |
| 45 | + } |
| 46 | +}; |
| 47 | + |
| 48 | +function removeTitlePin(el, sceneArray) { |
| 49 | + for (var i = 0; i < el.length; i++) { |
| 50 | + sceneArray.push(new ScrollMagic.Scene({ |
| 51 | + triggerElement: el[i], |
| 52 | + triggerHook: 'onEnter' |
| 53 | + |
| 54 | + }).removePin(el[i])); |
| 55 | + } |
| 56 | +}; |
| 57 | + |
| 58 | +function showProgress(scenes) { |
| 59 | + scenes.map(function (scene) { |
| 60 | + scene.on('start', function (el) { |
| 61 | + var direction = el.target.controller().info('scrollDirection'); |
| 62 | + if (direction === 'FORWARD') { |
| 63 | + $('.books').css('bottom', "+=22px"); |
| 64 | + } else { |
| 65 | + $('.books').css('bottom', "-=22px"); |
| 66 | + } |
| 67 | + }); |
| 68 | + }); |
| 69 | +} |
| 70 | + |
| 71 | +module.exports = { |
| 72 | + newScene: newScene, |
| 73 | + appear: appear, |
| 74 | + fade: fade, |
| 75 | + textLeft: textLeft, |
| 76 | + textRight: textRight, |
| 77 | + pinTitles: pinTitles, |
| 78 | + removeTitlePin: removeTitlePin, |
| 79 | + showProgress: showProgress |
| 80 | +}; |
| 81 | + |
| 82 | +},{}],2:[function(require,module,exports){ |
| 83 | +'use strict'; |
| 84 | + |
| 85 | +var utilities = require('./functions'); |
| 86 | + |
| 87 | +$(document).ready(function () { |
| 88 | + |
| 89 | + var controller = new ScrollMagic.Controller(); |
| 90 | + |
| 91 | + var allScenes = []; |
| 92 | + var progressScenes = []; |
| 93 | + |
| 94 | + var titleScenes = $("div.title").get(); // title |
| 95 | + var nonTitleScenes = $('.scene').not('.title').get(); //non-title |
| 96 | + |
| 97 | + utilities.pinTitles(titleScenes, allScenes); |
| 98 | + utilities.removeTitlePin(nonTitleScenes, allScenes); |
| 99 | + |
| 100 | + // SCENE DECISION |
| 101 | + |
| 102 | + var t1 = new TimelineMax(); |
| 103 | + |
| 104 | + var tween1 = utilities.appear('#img1'); |
| 105 | + var tween1a = utilities.appear('#text1'); |
| 106 | + t1.add(tween1a).add(tween1); |
| 107 | + var scene1 = utilities.newScene('#scene1').setTween(t1); |
| 108 | + progressScenes.push(scene1); |
| 109 | + |
| 110 | + var t1a = new TimelineMax(); |
| 111 | + tween1a = utilities.fade('#text1'); |
| 112 | + tween1 = utilities.fade('#img1'); |
| 113 | + t1a.add(tween1a).add(tween1); |
| 114 | + var scene1a = utilities.newScene('#scene2').setTween(t1a); |
| 115 | + progressScenes.push(scene1a); |
| 116 | + |
| 117 | + // SCENE PREP |
| 118 | + |
| 119 | + var tween2 = utilities.appear('#img2a'); |
| 120 | + var scene2 = utilities.newScene('#scene3').setTween(tween2); |
| 121 | + progressScenes.push(scene2); |
| 122 | + |
| 123 | + var t2a = new TimelineMax(); |
| 124 | + var tween2a = utilities.appear('#img2b'); |
| 125 | + tween2 = utilities.fade('#img2a'); |
| 126 | + t2a.add(tween2a).add(tween2); |
| 127 | + var scene2a = utilities.newScene('#scene4').setTween(t2a); |
| 128 | + |
| 129 | + var t2b = new TimelineMax(); |
| 130 | + tween2a = utilities.fade('#img2b'); |
| 131 | + var tween2b = utilities.appear('#img2c'); |
| 132 | + t2b.add(tween2b).add(tween2a); |
| 133 | + var scene2b = utilities.newScene('#scene5').setTween(t2b); |
| 134 | + |
| 135 | + tween2b = utilities.fade('#img2c'); |
| 136 | + var scene2c = utilities.newScene('#scene6').setTween(tween2b); |
| 137 | + |
| 138 | + // SCENE ACCEPTANCE |
| 139 | + |
| 140 | + var t2 = new TimelineMax(); |
| 141 | + var tween3 = utilities.textLeft('#text2'); |
| 142 | + var tween3a = utilities.appear('#img3'); |
| 143 | + t2.add(tween3).add(tween3a); |
| 144 | + var scene3 = utilities.newScene('#scene6a').setTween(t2); |
| 145 | + progressScenes.push(scene3); |
| 146 | + tween3 = utilities.fade('#img3'); |
| 147 | + var scene3a = utilities.newScene('#scene7').setTween(tween3); |
| 148 | + |
| 149 | + // SCENE FOUNDATIONS |
| 150 | + |
| 151 | + var t3 = new TimelineMax(); |
| 152 | + var tween4 = utilities.textLeft('#text3'); |
| 153 | + var tween4a = utilities.appear('#img4'); |
| 154 | + t3.add(tween4).add(tween4a); |
| 155 | + var scene4 = utilities.newScene('#scene7a').setTween(t3); |
| 156 | + progressScenes.push(scene4); |
| 157 | + |
| 158 | + // SCENE ICE CREAM SOCIAL |
| 159 | + |
| 160 | + var t4 = new TimelineMax(); |
| 161 | + tween4a = utilities.fade('#img4'); |
| 162 | + var tween5 = utilities.textLeft('#text4'); |
| 163 | + var tween5a = utilities.appear('#img5'); |
| 164 | + t4.add(tween4a).add(tween5).add(tween5a); |
| 165 | + var scene5 = utilities.newScene('#scene8').setTween(t4); |
| 166 | + progressScenes.push(scene5); |
| 167 | + |
| 168 | + tween5 = utilities.fade('#img5'); |
| 169 | + var scene5a = utilities.newScene('#scene9').setTween(tween5); |
| 170 | + |
| 171 | + // SCENE JUNIOR PHASE |
| 172 | + |
| 173 | + // lectures |
| 174 | + var t5 = new TimelineMax(); |
| 175 | + var tween6 = utilities.textLeft('#text5'); |
| 176 | + var tween6a = utilities.appear('#img6'); |
| 177 | + t5.add(tween6).add(tween6a); |
| 178 | + var scene6 = utilities.newScene('#scene10').setTween(t5); |
| 179 | + progressScenes.push(scene6); |
| 180 | + |
| 181 | + // workshops |
| 182 | + var t6 = new TimelineMax(); |
| 183 | + tween6a = utilities.fade('#img6'); |
| 184 | + var tween6b = utilities.appear('#img7'); |
| 185 | + var tween6c = utilities.textLeft('#text6'); |
| 186 | + t6.add(tween6c).add(tween6a).add(tween6b); |
| 187 | + var scene6a = utilities.newScene('#scene11').setTween(t6); |
| 188 | + progressScenes.push(scene6a); |
| 189 | + |
| 190 | + tween6c = utilities.fade('#img7'); |
| 191 | + var scene6b = utilities.newScene('#scene12').setTween(tween6c); |
| 192 | + |
| 193 | + // SCENE REVIEW WEEK |
| 194 | + |
| 195 | + // assessments |
| 196 | + var t7 = new TimelineMax(); |
| 197 | + var tween7 = utilities.textLeft('#text7'); |
| 198 | + var tween7a = utilities.appear('#img2d'); |
| 199 | + t7.add(tween7).add(tween7a); |
| 200 | + var scene7 = utilities.newScene('#scene13').setTween(t7); |
| 201 | + progressScenes.push(scene7); |
| 202 | + |
| 203 | + // not so hard |
| 204 | + var t7a = new TimelineMax(); |
| 205 | + tween7 = utilities.fade('#img2d'); |
| 206 | + var tween7b = utilities.appear('#img8'); |
| 207 | + var tween7c = utilities.textLeft('#text8'); |
| 208 | + t7a.add(tween7).add(tween7b).add(tween7c); |
| 209 | + var scene7a = utilities.newScene('#scene14').setTween(t7a); |
| 210 | + progressScenes.push(scene7a); |
| 211 | + |
| 212 | + // relax |
| 213 | + var t7b = new TimelineMax(); |
| 214 | + tween7 = utilities.fade('#img8'); |
| 215 | + var tween7d = utilities.appear('#img9'); |
| 216 | + var tween7e = utilities.textLeft('#text9'); |
| 217 | + t7b.add(tween7).add(tween7d).add(tween7e); |
| 218 | + var scene7b = utilities.newScene('#scene15').setTween(t7b); |
| 219 | + |
| 220 | + // hackathons |
| 221 | + var t7c = new TimelineMax(); |
| 222 | + tween7d = utilities.fade('#img9'); |
| 223 | + var tween7f = utilities.appear('#img10'); |
| 224 | + var tween7g = utilities.textLeft('#text10'); |
| 225 | + t7c.add(tween7d).add(tween7f).add(tween7g); |
| 226 | + var scene7c = utilities.newScene('#scene16').setTween(t7c); |
| 227 | + progressScenes.push(scene7c); |
| 228 | + |
| 229 | + tween7f = utilities.fade('#img10'); |
| 230 | + var scene7d = utilities.newScene('#scene17').setTween(tween7f); |
| 231 | + |
| 232 | + // SCENE SENIOR PHASE |
| 233 | + |
| 234 | + // projects |
| 235 | + var t8 = new TimelineMax(); |
| 236 | + var tween8 = utilities.textLeft('#text11'); |
| 237 | + var tween8a = utilities.appear('#img11'); |
| 238 | + t8.add(tween8).add(tween8a); |
| 239 | + var scene8 = utilities.newScene('#scene18').setTween(t8); |
| 240 | + progressScenes.push(scene8); |
| 241 | + |
| 242 | + // REACTO |
| 243 | + var t8a = new TimelineMax(); |
| 244 | + tween8a = utilities.fade('#img11'); |
| 245 | + var tween8b = utilities.appear('#img12'); |
| 246 | + var tween8c = utilities.textLeft('#text12'); |
| 247 | + t8a.add(tween8a).add(tween8b).add(tween8c); |
| 248 | + var scene8a = utilities.newScene('#scene19').setTween(t8a); |
| 249 | + progressScenes.push(scene8a); |
| 250 | + |
| 251 | + tween8b = utilities.fade('#img12'); |
| 252 | + var scene8b = utilities.newScene('#scene20').setTween(tween8b); |
| 253 | + |
| 254 | + // SCENE HIRING DAY |
| 255 | + |
| 256 | + // demos |
| 257 | + var t9 = new TimelineMax(); |
| 258 | + var tween9 = utilities.textLeft('#text13'); |
| 259 | + var tween9a = utilities.appear('#img13'); |
| 260 | + t9.add(tween9).add(tween9a); |
| 261 | + var scene9 = utilities.newScene('#scene21').setTween(t9); |
| 262 | + progressScenes.push(scene9); |
| 263 | + |
| 264 | + // round robin interviews |
| 265 | + var t9a = new TimelineMax(); |
| 266 | + tween9a = utilities.fade('#img13'); |
| 267 | + var tween9b = utilities.appear('#img14'); |
| 268 | + var tween9c = utilities.textLeft('#text14'); |
| 269 | + t9a.add(tween9a).add(tween9b).add(tween9c); |
| 270 | + var scene9a = utilities.newScene('#scene22').setTween(t9a); |
| 271 | + progressScenes.push(scene9a); |
| 272 | + |
| 273 | + tween9b = utilities.fade('#img14'); |
| 274 | + var scene9b = utilities.newScene('#scene23').setTween(tween9b); |
| 275 | + |
| 276 | + // SCENE GRADUATION |
| 277 | + |
| 278 | + var t10 = new TimelineMax(); |
| 279 | + var tween10 = utilities.textLeft('#text15'); |
| 280 | + var tween10a = utilities.appear('#img15'); |
| 281 | + t10.add(tween10).add(tween10a); |
| 282 | + var scene10 = utilities.newScene('#scene24').setTween(t10); |
| 283 | + progressScenes.push(scene10); |
| 284 | + |
| 285 | + tween10a = utilities.fade('#img15'); |
| 286 | + var scene10a = utilities.newScene('#scene25').setTween(tween10a); |
| 287 | + |
| 288 | + // SCENE FLIGHT |
| 289 | + var t11 = new TimelineMax(); |
| 290 | + var tween11 = utilities.textLeft('#text16'); |
| 291 | + var tween11a = utilities.appear('#img16'); |
| 292 | + t11.add(tween11).add(tween11a); |
| 293 | + var scene11 = utilities.newScene('#scene26').setTween(t11); |
| 294 | + progressScenes.push(scene11); |
| 295 | + |
| 296 | + tween11a = utilities.fade('#img16'); |
| 297 | + var scene11a = utilities.newScene('#scene27').setTween(tween11a); |
| 298 | + |
| 299 | + // SCENE LANDING A JOB |
| 300 | + var t12 = new TimelineMax(); |
| 301 | + var tween12 = utilities.textLeft('#text17'); |
| 302 | + var tween12a = utilities.appear('#img17'); |
| 303 | + t12.add(tween12).add(tween12a); |
| 304 | + var scene12 = utilities.newScene('#scene28').setTween(t12); |
| 305 | + progressScenes.push(scene12); |
| 306 | + |
| 307 | + tween12a = utilities.fade('#img17'); |
| 308 | + var scene12a = utilities.newScene('#scene29').setTween(tween12a); |
| 309 | + |
| 310 | + // ADDING SCENES TO CONTROLLER |
| 311 | + |
| 312 | + allScenes = [scene1, scene1a, scene2, scene2a, scene2b, scene2c, scene3, scene3a, scene4, scene5, scene5a, scene6, scene6a, scene6b, scene7, scene7a, scene7b, scene7c, scene7d, scene8, scene8a, scene8b, scene9, scene9a, scene9b, scene10, scene10a, scene11, scene11a, scene12, scene12a]; |
| 313 | + utilities.showProgress(progressScenes); |
| 314 | + controller.addScene(allScenes); |
| 315 | +}); |
| 316 | + |
| 317 | +},{"./functions":1}]},{},[2]); |
0 commit comments