From 401fd00b5cfc6d8a19c7e2e44f99c9524bd941ca Mon Sep 17 00:00:00 2001
From: Sergio <sergio@tinkerista.com>
Date: Fri, 29 Sep 2017 11:53:26 +0200
Subject: [PATCH] portada

---
 .DS_Store                                     | Bin 6148 -> 10244 bytes
 .../pagePiling.js/jquery.pagepiling.js        |   3 ++-
 css/css/home.css                              |   2 +-
 css/css/home.css.map                          |   2 +-
 css/home.less                                 |   7 ++++++-
 index.html                                    |   5 +++++
 js/main.js                                    |  16 ++++++++++++++--
 templates/portada.html                        |   8 ++++++++
 8 files changed, 37 insertions(+), 6 deletions(-)
 create mode 100644 templates/portada.html

diff --git a/.DS_Store b/.DS_Store
index 6946edb9e0a42ee97f37d22f3267682b362db68e..a9dc0b5dd0a8accfdab7b7186c243727f0558aaf 100644
GIT binary patch
literal 10244
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
UyMx!wx%I-^sM6{6fA;_X2B4)n1^@s6

delta 380
zcmZn(XfcprU|?W$DortDU=RQ@Ie-{Mvv5r;6q~50$jG`eU^g=(>tr4Q@1QS91v#0;
zB?bmJ7@3$^SlQS)I61jFc{%wxV}mpD%Y#c2OG=BK5{sfiynw`#jHJY(cmbK<%#>6h
zD?Br$BqJm>&ow8tEH%%+$S1KRb+UuFQ$19klT+ED*Z^oZ0|O@qXS{%Tb+wU!j)IAW
zMXioPwYfQnZERLs%gG_BZX6Vs)z~*{_MD~5majMj*2BQa2%#ASp)`y-3}mn|WHRJ3
zBr>Ekq%stj1sCPz<maUW#esSze-M*rJTX~7yg>tMrI|5?mEx*~ww?*Ol~vU>wRJNl
zGYZNx&Yb*COl-4;?0m+>>>M0|%n<7YxPi1QC;&GWerKM{ui^;`P6j4O(1JpnVRJms
G9A*G<M_0!H

diff --git a/bower_components/pagePiling.js/jquery.pagepiling.js b/bower_components/pagePiling.js/jquery.pagepiling.js
index 3671112..0e29370 100644
--- a/bower_components/pagePiling.js/jquery.pagepiling.js
+++ b/bower_components/pagePiling.js/jquery.pagepiling.js
@@ -234,6 +234,7 @@
         * Scrolls the page to the given destination
         */
         function scrollPage(destination, animated) {
+
             var v ={
                 destination: destination,
                 animated: animated,
@@ -973,4 +974,4 @@
         }
 
     };
-})(jQuery, document, window);
\ No newline at end of file
+})(jQuery, document, window);
diff --git a/css/css/home.css b/css/css/home.css
index 977e58a..20df5dd 100644
--- a/css/css/home.css
+++ b/css/css/home.css
@@ -1 +1 @@
-p{font-size:12px}.cd-horizontal-timeline .events-content{position:relative}.cd-horizontal-timeline .events-content li{position:absolute;z-index:1;width:100%;left:0;top:0;transform:translateX(-100%);opacity:0;animation-duration:.4s;animation-timing-function:ease-in-out}.cd-horizontal-timeline .events-content li.selected{position:relative;z-index:2;opacity:1;transform:translateX(0)}div.section-container{background:white}.cd-timeline-navigation{padding:0;margin:0;text-align:left;align:left}#timeline{z-index:10;position:absolute;bottom:0;left:0;height:100px;width:100%;text-align:left;background-color:white}#timeline li{display:inline-block;width:13.9%;margin:0;padding:0;text-align:left;line-height:auto}#timeline a{background-color:transparent;text-align:left;line-height:auto}#timeline img{width:103%;opacity:.2;transition:all 1s}#timeline a.active img.img-menu{opacity:1}div.menu-content{height:100vh;background-color:white;padding-left:50px;padding-right:70px}div.extra-btn-container{position:absolute;left:-50px;top:20px;width:100px;height:100px}a.btn-circle{border-radius:40px}.map-popover{display:none}div.section-left{background-color:#ededed}a.switchMode{display:block;max-height:150px}div.section-inner-content{text-align:right}
\ No newline at end of file
+p{font-size:12px}#portada{width:100%;height:100%}.cd-horizontal-timeline .events-content{position:relative}.cd-horizontal-timeline .events-content li{position:absolute;z-index:1;width:100%;left:0;top:0;transform:translateX(-100%);opacity:0;animation-duration:.4s;animation-timing-function:ease-in-out}.cd-horizontal-timeline .events-content li.selected{position:relative;z-index:2;opacity:1;transform:translateX(0)}div.section-container{background:white}.cd-timeline-navigation{padding:0;margin:0;text-align:left;align:left}#timeline{z-index:10;position:absolute;bottom:0;left:0;height:100px;width:100%;text-align:left;background-color:white;display:none}#timeline li{display:inline-block;width:13.9%;margin:0;padding:0;text-align:left;line-height:auto}#timeline a{background-color:transparent;text-align:left;line-height:auto}#timeline img{width:103%;opacity:.2;transition:all 1s}#timeline a.active img.img-menu{opacity:1}div.menu-content{height:100vh;background-color:white;padding-left:50px;padding-right:70px}div.extra-btn-container{position:absolute;left:-50px;top:20px;width:100px;height:100px}a.btn-circle{border-radius:40px}.map-popover{display:none}div.section-left{background-color:#ededed}a.switchMode{display:block;max-height:150px}div.section-inner-content{text-align:right}
\ No newline at end of file
diff --git a/css/css/home.css.map b/css/css/home.css.map
index 592a38c..167fbbc 100644
--- a/css/css/home.css.map
+++ b/css/css/home.css.map
@@ -1 +1 @@
-{"version":3,"sources":["home.less"],"names":[],"mappings":"AACA,EACI,eAGJ,uBAAwB,iBACpB,kBAGJ,uBAAwB,gBAAgB,IACpC,iBAAA,CACA,SAAA,CACA,UAAA,CACA,MAAA,CACA,KAAA,CACA,UAAW,iBAAX,CACA,SAAA,CACA,sBAAA,CACA,sCAGJ,uBAAwB,gBAAgB,GAAE,UAEtC,iBAAA,CACA,SAAA,CACA,SAAA,CACA,UAAW,cAGf,GAAG,mBACC,iBAEJ,wBACI,SAAA,CACA,QAAA,CACA,eAAA,CACA,WAEJ,UACI,UAAA,CACA,iBAAA,CACA,QAAA,CACA,MAAA,CACA,YAAA,CACA,UAAA,CACA,eAAA,CACA,uBARJ,SAUI,IACI,oBAAA,CACA,WAAA,CACA,QAAA,CACA,SAAA,CACA,eAAA,CACA,iBAhBR,SAmBI,GACI,4BAAA,CACA,eAAA,CACA,iBAtBR,SA2BI,KACI,UAAA,CACA,UAAA,CACA,kBA9BR,SAiCI,EAAC,OAAQ,IAAG,UACR,UAIR,GAAG,cACC,YAAA,CACA,sBAAA,CACA,iBAAA,CACA,mBAGJ,GAAG,qBACC,iBAAA,CACA,UAAA,CACA,QAAA,CACA,WAAA,CACA,aAGJ,CAAC,YACG,mBAGJ,aACI,aAEJ,GAAG,cACH,yBAGA,CAAC,YACG,aAAA,CACA,iBAEJ,GAAG,uBACC"}
\ No newline at end of file
+{"version":3,"sources":["home.less"],"names":[],"mappings":"AACA,EACI,eAGJ,SACI,UAAA,CACA,YAGJ,uBAAwB,iBACpB,kBAGJ,uBAAwB,gBAAgB,IACpC,iBAAA,CACA,SAAA,CACA,UAAA,CACA,MAAA,CACA,KAAA,CACA,UAAW,iBAAX,CACA,SAAA,CACA,sBAAA,CACA,sCAGJ,uBAAwB,gBAAgB,GAAE,UAEtC,iBAAA,CACA,SAAA,CACA,SAAA,CACA,UAAW,cAGf,GAAG,mBACC,iBAEJ,wBACI,SAAA,CACA,QAAA,CACA,eAAA,CACA,WAEJ,UACI,UAAA,CACA,iBAAA,CACA,QAAA,CACA,MAAA,CACA,YAAA,CACA,UAAA,CACA,eAAA,CACA,sBAAA,CACA,aATJ,SAUI,IACI,oBAAA,CACA,WAAA,CACA,QAAA,CACA,SAAA,CACA,eAAA,CACA,iBAhBR,SAmBI,GACI,4BAAA,CACA,eAAA,CACA,iBAtBR,SA2BI,KACI,UAAA,CACA,UAAA,CACA,kBA9BR,SAiCI,EAAC,OAAQ,IAAG,UACR,UAIR,GAAG,cACC,YAAA,CACA,sBAAA,CACA,iBAAA,CACA,mBAGJ,GAAG,qBACC,iBAAA,CACA,UAAA,CACA,QAAA,CACA,WAAA,CACA,aAGJ,CAAC,YACG,mBAGJ,aACI,aAEJ,GAAG,cACH,yBAGA,CAAC,YACG,aAAA,CACA,iBAEJ,GAAG,uBACC"}
\ No newline at end of file
diff --git a/css/home.less b/css/home.less
index 846aca7..1d2942c 100644
--- a/css/home.less
+++ b/css/home.less
@@ -4,6 +4,11 @@ p {
     font-size: 12px;
 }
 
+#portada{
+    width: 100%;
+    height:100%;
+
+}
 .cd-horizontal-timeline .events-content {
     position: relative;
 }
@@ -46,7 +51,7 @@ div.section-container {
     width: 100%;
     text-align: left;
     background-color: white;
-
+    display: none;
     li {
         display: inline-block;
         width: 13.9%;
diff --git a/index.html b/index.html
index bd77e04..89c25f1 100644
--- a/index.html
+++ b/index.html
@@ -42,6 +42,11 @@
 
 <body>
     <div id="pagepiling">
+        <div class="section">
+            <div class="section-container" id="portada">
+             <p> asdf </p>
+            </div>
+        </div>
         <div class="section">
             <div class="section-container" id="page-1">
              <p> asdf </p>
diff --git a/js/main.js b/js/main.js
index ea605bf..735bf19 100644
--- a/js/main.js
+++ b/js/main.js
@@ -8,13 +8,24 @@ window.onload = function() {
 
     $('#pagepiling').pagepiling({
 	    menu: null,
-        anchors: ["page1","page2","page3","page4","page5","page6","page7"],
+        anchors: ["portada","page1","page2","page3","page4","page5","page6","page7"],
         direction: 'horizontal',
         verticalCentered: true,
         scrollingSpeed: 800,
         easing: 'swing',
+        normalScrollElements:'div',
         afterLoad: function(anchorLink, index){
 			//using index
+
+            index-=1;
+            console.log(index)
+            if(index<=0){
+                    $('#timeline').fadeOut();
+            }else{
+                    $('#timeline').fadeIn();
+            }
+
+
             $('.btn-navigation.active').removeClass('active')
             $('#nav-btn-page'+index + " a").addClass('active')
         }
@@ -25,7 +36,7 @@ window.onload = function() {
 
 function loadPageTemplates(){
 
-
+    $('#portada').load("templates/portada.html")
     for (var i=1; i<= totalPages; i++){
         (function (n) {
             $('#page-'+n).load("templates/page"+n+".html",function(){
@@ -34,6 +45,7 @@ function loadPageTemplates(){
             })
         })(i)
     }
+
     //turnEventsOn();
 }
 
diff --git a/templates/portada.html b/templates/portada.html
new file mode 100644
index 0000000..f356fce
--- /dev/null
+++ b/templates/portada.html
@@ -0,0 +1,8 @@
+<div class="container-fluid" style="background:url(images/c0_portada.jpg); background-color:white; background-position: center; background-repeat: no-repeat; background-size: contain; width:100%; height:100%">
+<div class="row">
+<div id="portada" >
+<!--    <img src="images/c0_portada.jpg" class="img-responsive" style="z-index:1000"/> -->
+</div>
+</div>
+
+</div>