diff --git a/css/css/home.css b/css/css/home.css
index 57b419f..610e910 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-color:white}#timeline{z-index:10;position:absolute;bottom:0;left:0;height:100px;width:100%}#timeline li{display:inline-block}#timeline a{background-color:white}#timeline a.active{background-color:orange}div.menu-content{height:100vh;background-color:white}div.extra-btn-container{position:absolute;left:700px;bottom:200px}a.btn-circle{border-radius:40px}.map-popover{display:none}
\ No newline at end of file
+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-color:white}#timeline{z-index:10;position:absolute;bottom:0;left:0;height:100px;width:100%}#timeline li{display:inline-block}#timeline a{background-color:white}#timeline a.active{background-color:orange}div.menu-content{height:100vh;background-color:white}div.extra-btn-container{position:absolute;left:700px;bottom:200px}a.btn-circle{border-radius:40px}.map-popover{display:none}div.section-inner-content div.story-content{transform-style:preserve-3d;transition:all 1s linear;backface-visibility:hidden;position:absolute;top:0;left:0}div.section-inner-content div.data-content{transform-style:preserve-3d;transition:all 1s linear;backface-visibility:hidden;transform:rotateY(180deg);position:absolute;top:0;left:0}
\ No newline at end of file
diff --git a/css/css/home.css.map b/css/css/home.css.map
index dad9126..9e3860e 100644
--- a/css/css/home.css.map
+++ b/css/css/home.css.map
@@ -1 +1 @@
-{"version":3,"sources":["home.less"],"names":[],"mappings":"AAAA,EACI,eAIJ,uBAAwB,iBACtB,kBAEF,uBAAwB,gBAAgB,IACtC,iBAAA,CACA,SAAA,CACA,UAAA,CACA,MAAA,CACA,KAAA,CACA,UAAW,iBAAX,CACA,SAAA,CACA,sBAAA,CACA,sCAEF,uBAAwB,gBAAgB,GAAE,UAExC,iBAAA,CACA,SAAA,CACA,SAAA,CACA,UAAW,cAEb,GAAG,mBAEC,uBAGJ,UACI,UAAA,CACA,iBAAA,CACA,QAAA,CACA,MAAA,CACA,YAAA,CACA,WANJ,SAOI,IACI,qBARR,SAUI,GACI,uBAXR,SAaI,EAAC,QACG,wBAIR,GAAG,cACC,YAAA,CACA,uBAGJ,GAAG,qBACC,iBAAA,CACA,UAAA,CACA,aAGJ,CAAC,YACG,mBAGJ,aACI"}
\ No newline at end of file
+{"version":3,"sources":["home.less"],"names":[],"mappings":"AAAA,EACI,eAIJ,uBAAwB,iBACtB,kBAEF,uBAAwB,gBAAgB,IACtC,iBAAA,CACA,SAAA,CACA,UAAA,CACA,MAAA,CACA,KAAA,CACA,UAAW,iBAAX,CACA,SAAA,CACA,sBAAA,CACA,sCAEF,uBAAwB,gBAAgB,GAAE,UAExC,iBAAA,CACA,SAAA,CACA,SAAA,CACA,UAAW,cAEb,GAAG,mBAEC,uBAGJ,UACI,UAAA,CACA,iBAAA,CACA,QAAA,CACA,MAAA,CACA,YAAA,CACA,WANJ,SAOI,IACI,qBARR,SAUI,GACI,uBAXR,SAaI,EAAC,QACG,wBAIR,GAAG,cACC,YAAA,CACA,uBAGJ,GAAG,qBACC,iBAAA,CACA,UAAA,CACA,aAGJ,CAAC,YACG,mBAGJ,aACI,aAGJ,GAAG,sBACC,IAAG,eACC,2BAAA,CACA,wBAAA,CACA,0BAAA,CACA,iBAAA,CACA,KAAA,CACA,OAPR,GAAG,sBAUC,IAAG,cACC,2BAAA,CACA,wBAAA,CACA,0BAAA,CACA,UAAW,eAAX,CACA,iBAAA,CACA,KAAA,CACA"}
\ No newline at end of file
diff --git a/css/home.less b/css/home.less
index 110f62c..afdb920 100644
--- a/css/home.less
+++ b/css/home.less
@@ -66,3 +66,26 @@ a.btn-circle{
.map-popover{
display: none;
}
+
+div.section-inner-content{
+ div.story-content{
+ transform-style: preserve-3d;
+ transition: all 1.0s linear;
+ backface-visibility: hidden;
+ position:absolute;
+ top:0;
+ left:0;
+
+ }
+ div.data-content{
+ transform-style: preserve-3d;
+ transition: all 1.0s linear;
+ backface-visibility: hidden;
+ transform: rotateY(180deg);
+ position:absolute;
+ top:0;
+ left:0;
+
+ }
+
+}
diff --git a/js/main.js b/js/main.js
index dc1c4b2..35a19fd 100644
--- a/js/main.js
+++ b/js/main.js
@@ -56,13 +56,13 @@ function counterLoading(){
viewStatus="story"
}
if(viewStatus=="story"){
- $('.story-content').show();
- $('.data-content').hide();
+ $('.story-content').css('transform','rotateY(0)')
+ $('.data-content').css('transform','rotateY(180deg)')
$('.menu-content .switchMode').empty().html("ver datos")
}
else{
- $('.story-content').hide();
- $('.data-content').show();
+ $('.story-content').css('transform','rotateY(180deg)')
+ $('.data-content').css('transform','rotateY(0)')
$('.menu-content .switchMode').empty().html("ver historia")
}
})
diff --git a/templates/page1.html b/templates/page1.html
index 5ae46b3..b8f05aa 100644
--- a/templates/page1.html
+++ b/templates/page1.html
@@ -5,7 +5,7 @@
-
diff --git a/templates/page2.html b/templates/page2.html
index f7bbddb..32acd85 100644
--- a/templates/page2.html
+++ b/templates/page2.html
@@ -5,7 +5,7 @@
-
diff --git a/templates/page3.html b/templates/page3.html
index 1b2e64c..457f290 100644
--- a/templates/page3.html
+++ b/templates/page3.html
@@ -5,7 +5,7 @@
-
diff --git a/templates/page4.html b/templates/page4.html
index 847b026..c69bd97 100644
--- a/templates/page4.html
+++ b/templates/page4.html
@@ -5,7 +5,7 @@
-
diff --git a/templates/page5.html b/templates/page5.html
index 74898b8..045452f 100644
--- a/templates/page5.html
+++ b/templates/page5.html
@@ -5,7 +5,7 @@
-
diff --git a/templates/page6.html b/templates/page6.html
index 6f1c2d1..5835d0d 100644
--- a/templates/page6.html
+++ b/templates/page6.html
@@ -5,7 +5,7 @@
-
diff --git a/templates/page7.html b/templates/page7.html
index b681f8b..710d992 100644
--- a/templates/page7.html
+++ b/templates/page7.html
@@ -5,7 +5,7 @@
-
