{"version":3,"file":"js/triangle2-92e46aada5272bf435d6.js","sources":["webpack:///webpack/bootstrap","webpack:///./app/javascript/packs/triangle2.js"],"sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/packs/\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"./app/javascript/packs/triangle2.js\");\n","var url2 = \"https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/TimelineMax.min.js\"\n$.getScript( url2, function() {\nvar wh2 = window.innerWidth;\nvar wh = window.innerWidth;\n\nconsole.log(wh);\n      $iphone = $('.div-gray'),\n      $innerS1 = $('.innerS1'),\n      $innerS2 = $('.innerS2'),\n      $innerS3 = $('.innerS3'),\n      $innerS4 = $('.innerS4'),\n      $screenA = $('.screenA'),\n      $screenB = $('.screenB'),\n      $screenC = $('.screenC');\n      $screenD = $('.screenD');\n      $t1 =  $('#t1');\n      $img = $screenB.find('img');\n      $t1b = $('#triangle1'); \n      $t2 = $('#t2');\n      $t3= $('#t3')\n      $t4 = $('#t4')\n      $text1 = $('#text1')\n      $line1 = $('#line1');\n      $line2 = $('#line2');\n      $line3 = $('#line3');\n      $line4 = $('#line4');\n      $line5 = $('#line5');\n      $line6 = $('#line6');\n      $line7 = $('#line7');\n      $line8 = $('#line8');\n      $white2 = $('#whiteLine2');\n      $t4b = $('#t4back');\n      $white = $('#whiteLine');\n\n    var ctrl = new ScrollMagic.Controller();\n    var clientHeight = document.getElementById('one').offsetHeight;\n    console.log(clientHeight);\n\n if (wh >1200 && wh < 1799){\n //Triangle 1\n  var iphoneContentHat = new TimelineMax()\n\n  new ScrollMagic.Scene({\n    triggerElement: $('#one')[0],\n    triggerHook: 0,\n    duration: '50%'\n  })\n\n  .setPin('#one')\n    //.addIndicators()\n    //.setClassToggle(\"#linea2t1.png\", \"t1lanim\")\n  .addTo(ctrl);\t \n\n\n  new ScrollMagic.Scene({\n    triggerElement: $('#two')[0],\n    triggerHook: 0,\n    duration: '50%'\n  })\n\n  .setPin('#two')\n    //.addIndicators()\n    //.setClassToggle(\"#linea2t1.png\", \"t1lanim\")\n  .addTo(ctrl);\t \n\n  new ScrollMagic.Scene({\n    triggerElement: $('#three')[0],\n    triggerHook: 0,\n    duration: '50%'\n  })\n\n  .setPin('#three')\n    //.addIndicators()\n    //.setClassToggle(\"#linea2t1.png\", \"t1lanim\")\n  .addTo(ctrl);\t \n\n  var lastt = new TimelineMax();\n  lastt\n  //.to( $t4, 0.8, {y: -120,ease: Power4.easeOut},1)\n\n  new ScrollMagic.Scene({\n    triggerElement: $('#four')[0],\n    triggerHook: 0,\n\n    duration: '50%'\n  })\n\n  .setPin('#four')\n  .setTween(lastt)\n    //.addIndicators()\n    //.setClassToggle(\"#linea2t1.png\", \"t1lanim\")\n  .addTo(ctrl);\t \n\n\n  var iphoneContentHat = new TimelineMax();\n  iphoneContentHat\t\t\n    .to( $t1b, 1, {directionalRotation:\"360_cw\",transformOrigin: '50% 35%'},0)\n    //.fromTo($t1b, 1, {y: 100, x: -50, autoAlpha: 0, scale: 0.9}, {yPercent: 0, autoAlpha: 1, scale: 1, ease: Power4.easeOut}, 1)\n    .fromTo($t1b, 0.5, {y: 100, x: -50, autoAlpha: 0, scale: 0.9}, {yPercent: 0, autoAlpha: 1, scale: 1, ease: Power4.easeOut}, '0')\n    .to($t1b, 0.1, {yPercent: 0, autoAlpha: 0, ease: Power4.easeInOut},1)\n    .fromTo($screenA, 0.01, {y:14, x:-14}, {yPercent: 0, autoAlpha: 1},1)\n    .to($text1, 1, {yPercent: 30, ease: Power1.easeOut},0)\n    \n\n\n    \n    \n\n  new ScrollMagic.Scene({\n    offset: wh*0.6,\n    triggerElement: $('#mottoImg')[0],\n    triggerHook: 0.9,\n    duration: '100%'\n  })\n  .setTween(iphoneContentHat)\n  //.addIndicators()\n  .addTo(ctrl);\n\n\n// Animate letter A out, letter B in and fade in content of section 3\nvar iphoneContent1Tl = new TimelineMax();\niphoneContent1Tl\n  .to($screenA, 0.3, {yPercent: 30, autoAlpha: 0, ease: Power4.easeInOut},0)\n  .fromTo($screenB, 1, {y: 100, x: -20, autoAlpha: 0, scale: 0.9}, {yPercent: 0, autoAlpha: 1, scale: 1, ease: Power4.easeOut}, '0')\n  .to( $t2, 1, {directionalRotation:\"360_cw\",transformOrigin: '50% 70%'},0)\n  .fromTo($white, 1, {y: 150, x: -200, autoAlpha: 0, scale: 0.9}, {yPercent: 0, autoAlpha: 1, scale: 1, ease: Power4.easeOut}, '0')\n  \n \n  \n\nnew ScrollMagic.Scene({\n  offset: wh*0.6,\n  triggerElement: $('.innerS1 h2')[0],\n  triggerHook: 0.88,\n  duration: '100%'\n})\n\n.setTween(iphoneContent1Tl)\n\n.addTo(ctrl);\n\n  \n\nvar iphoneContent1Tl = new TimelineMax();\niphoneContent1Tl\t\n  .to($screenB, 0.3, {yPercent: -30, autoAlpha: 0, ease: Power4.easeInOut},0)\n  .fromTo($screenC, 1, {y: 0, x: -20, autoAlpha: 0, scale: 0.9}, {yPercent: 0, autoAlpha: 1, scale: 1, ease: Power4.easeOut}, '0')\n  .to( $t3, 0.8, {directionalRotation:\"360_cw\",transformOrigin: '50% 35%'},0)\n  .fromTo($white2, 1, {y: 0, autoAlpha: 0, scale: 0.9}, {y: 130,xPercent: 10, autoAlpha: 1, scale: 1, ease: Power4.easeOut}, '0')\n  \n\nnew ScrollMagic.Scene({\n  offset: wh*0.6,\n  triggerElement: $('.innerS2 h2')[0],\n  triggerHook: 0.9,\n  duration: '100%'\n})\n.setTween(iphoneContent1Tl)\n.addTo(ctrl);\n\n\nvar iphoneContent2Tl = new TimelineMax();\niphoneContent2Tl\t\n  .to($screenC, 0.3, {yPercent: -30, autoAlpha: 0, ease: Power4.easeInOut})\n  .fromTo($screenD, 1, {y: 0, x: -20, autoAlpha: 0, scale: 0.9}, {yPercent: 0, autoAlpha: 1, scale: 1, ease: Power4.easeOut}, '0')\n  .to( $t4, 1, {directionalRotation:\"360_cw\",transformOrigin: '50% 70%'},0)\n  .fromTo($t4b, 0.01, {y:-72, x:105}, {yPercent: 0, autoAlpha: 1},1)\n  .to($screenD, 0.1, {yPercent: 0, autoAlpha: 0, ease: Power4.easeInOut},1)\n\n  \n\nnew ScrollMagic.Scene({\n  offset: wh*0.6,\n  triggerElement: $('.innerS3 h2')[0],\n  triggerHook: 0.9,\n  duration: '100%'\n})\n.setTween(iphoneContent2Tl)\n//.addIndicators()\n.addTo(ctrl);\n\n\n\n\n\n}\n\nif (wh >1800 ){\n  console.log(\"pantalla grande\");\n //Triangle 1\n var iphoneContentHat = new TimelineMax()\n\n new ScrollMagic.Scene({\n   triggerElement: $('#one')[0],\n   triggerHook: 0,\n   duration: '70%'\n })\n\n .setPin('#one')\n   //.addIndicators()\n   //.setClassToggle(\"#linea2t1.png\", \"t1lanim\")\n .addTo(ctrl);\t \n\n\n new ScrollMagic.Scene({\n   triggerElement: $('#two')[0],\n   triggerHook: 0,\n   duration: '70%'\n })\n\n .setPin('#two')\n   //.addIndicators()\n   //.setClassToggle(\"#linea2t1.png\", \"t1lanim\")\n .addTo(ctrl);\t \n\n new ScrollMagic.Scene({\n   triggerElement: $('#three')[0],\n   triggerHook: 0,\n   duration: '70%'\n })\n\n .setPin('#three')\n   //.addIndicators()\n   //.setClassToggle(\"#linea2t1.png\", \"t1lanim\")\n .addTo(ctrl);\t \n\n var lastt = new TimelineMax();\n lastt\n //.to( $t4, 0.8, {y: -120,ease: Power4.easeOut},1)\n\n new ScrollMagic.Scene({\n   triggerElement: $('#four')[0],\n   triggerHook: 0,\n\n   duration: '70%'\n })\n\n .setPin('#four')\n .setTween(lastt)\n   //.addIndicators()\n   //.setClassToggle(\"#linea2t1.png\", \"t1lanim\")\n .addTo(ctrl);\t \n\n\n var iphoneContentHat = new TimelineMax();\n iphoneContentHat\t\t\n   .to( $t1b, 1, {directionalRotation:\"360_cw\",transformOrigin: '50% 35%'},0)\n   //.fromTo($t1b, 1, {y: 100, x: -50, autoAlpha: 0, scale: 0.9}, {yPercent: 0, autoAlpha: 1, scale: 1, ease: Power4.easeOut}, 1)\n   .fromTo($t1b, 0.5, {y: 100, x: -50, autoAlpha: 0, scale: 0.9}, {yPercent: 0, autoAlpha: 1, scale: 1, ease: Power4.easeOut}, '0')\n   .to($t1b, 0.1, {yPercent: 0, autoAlpha: 0, ease: Power4.easeInOut},1)\n   .fromTo($screenA, 0.01, {y:0, x:-37}, {yPercent: 0, autoAlpha: 1},1)\n   .to($text1, 1, {yPercent: 30, ease: Power1.easeOut},0)\n   \n\n\n   \n   \n\n new ScrollMagic.Scene({\n   offset: wh*0.6,\n   triggerElement: $('#mottoImg')[0],\n   triggerHook: 0.98,\n   duration: '100%'\n })\n .setTween(iphoneContentHat)\n .addTo(ctrl);\n\n\n// Animate letter A out, letter B in and fade in content of section 3\nvar iphoneContent1Tl = new TimelineMax();\niphoneContent1Tl\n .to($screenA, 0.3, {yPercent: 30, autoAlpha: 0, ease: Power4.easeInOut},0)\n .fromTo($screenB, 1, {y: 200, x: 113, autoAlpha: 0, scale: 0.9}, {yPercent: 0, autoAlpha: 1, scale: 1, ease: Power4.easeOut}, '0')\n .to( $t2, 1, {directionalRotation:\"360_cw\",transformOrigin: '50% 70%'},0)\n .fromTo($white, 1, {y: 0, x: -200, autoAlpha: 0, scale: 0.9}, {yPercent: 0, autoAlpha: 1, scale: 1, ease: Power4.easeOut}, '0')\n \n\n \n\nnew ScrollMagic.Scene({\n offset: wh*0.6,\n triggerElement: $('.innerS1 h2')[0],\n triggerHook: 1,\n duration: '100%'\n})\n\n.setTween(iphoneContent1Tl)\n.addTo(ctrl);\n\n \n\nvar iphoneContent1Tl = new TimelineMax();\niphoneContent1Tl\t\n .to($screenB, 0.3, {yPercent: -30, autoAlpha: 0, ease: Power4.easeInOut},0)\n .fromTo($screenC, 1, {y: 80, x: -20, autoAlpha: 0, scale: 0.9}, {yPercent: 0, autoAlpha: 1, scale: 1, ease: Power4.easeOut}, '0')\n .to( $t3, 0.8, {directionalRotation:\"360_cw\",transformOrigin: '50% 35%'},0)\n .fromTo($white2, 1, {y: 0, autoAlpha: 0, scale: 0.9}, {y: 40,xPercent: 10, autoAlpha: 1, scale: 1, ease: Power4.easeOut}, '0')\n \n\nnew ScrollMagic.Scene({\n offset: wh*0.6,\n triggerElement: $('.innerS2 h2')[0],\n triggerHook: 1,\n duration: '100%'\n})\n.setTween(iphoneContent1Tl)\n.addTo(ctrl);\n\n\nvar iphoneContent2Tl = new TimelineMax();\niphoneContent2Tl\t\n .to($screenC, 0.3, {yPercent: -30, autoAlpha: 0, ease: Power4.easeInOut})\n .fromTo($screenD, 1, {y: 112, x: -41, autoAlpha: 0, scale: 0.9}, {yPercent: 0, autoAlpha: 1, scale: 1, ease: Power4.easeOut}, '0')\n .to( $t4, 1, {directionalRotation:\"360_cw\",transformOrigin: '50% 70%'},0)\n .fromTo($t4b, 0.01, {y:0, x:108}, {yPercent: 0, autoAlpha: 1},1)\n .to($screenD, 0.1, {yPercent: 0, autoAlpha: 0, ease: Power4.easeInOut},1)\n\n \n\nnew ScrollMagic.Scene({\n offset: wh*0.6,\n triggerElement: $('.innerS3 h2')[0],\n triggerHook: 1,\n duration: '100%'\n})\n.setTween(iphoneContent2Tl)\n//.addIndicators()\n.addTo(ctrl);\n} \n\n\n\n});\n\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;AClFA;AACA;AACA;AACA;AAEA;AACA;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAGA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AAGA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAGA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAIA;AACA;AAAA;AAIA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAOA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AAQA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAOA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAGA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AAGA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAGA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAIA;AACA;AAAA;AAIA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AAOA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAEA;AAIA;;;;A","sourceRoot":""}