flow/historia-de-zainab
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Wiki Activity

mejoras

Browse source
This commit is contained in:
Sergio 2017-09-28 15:21:25 +02:00
parent bbb2ad0368
commit e5cd13faf3
11 changed files with 39 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
css/css/home.css
View file

@ -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)}.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:700px;bottom:200px}a.btn-circle{border-radius:40px}.map-popover{display:none}div.section-left{background-color:#bebeb6}a.switchMode{display:block}div.section-inner-content{text-align:right} 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}

2
css/css/home.css.map
View file

@ -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,cAMf,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,aAGJ,CAAC,YACG,mBAGJ,aACI,aAEJ,GAAG,cACH,yBAGA,CAAC,YACG,cAEJ,GAAG,uBACC"} {"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"}

11
css/home.less
View file

@ -29,7 +29,7 @@ p {
} }
div.section-container { div.section-container {
background: white;
} }
.cd-timeline-navigation{ .cd-timeline-navigation{
padding:0px; padding:0px;
@ -84,8 +84,10 @@ div.menu-content {
div.extra-btn-container { div.extra-btn-container {
position: absolute; position: absolute;
left: 700px; left: -50px;
bottom: 200px; top: 20px;
width: 100px;
height: 100px;
} }
a.btn-circle { a.btn-circle {
@ -96,11 +98,12 @@ a.btn-circle {
display: none; display: none;
} }
div.section-left{ div.section-left{
background-color: #bebeb6; background-color: #ededed;
} }
a.switchMode{ a.switchMode{
display: block; display: block;
max-height: 150px;
} }
div.section-inner-content { div.section-inner-content {
text-align:right; text-align:right;

1
js/main.js
View file

@ -45,7 +45,6 @@ function loadModalEvent(j){
}); });
} }
function counterLoading(){ function counterLoading(){
pagesLoaded++; pagesLoaded++;
if(pagesLoaded >= totalPages){ if(pagesLoaded >= totalPages){

9
templates/page1.html
View file

@ -25,11 +25,14 @@
<a href="#" class="switchMode" class="btn btn-circle"> <img src="images/c1_ver_story.jpg" class="verstory img-responsive" /> </a> <a href="#" class="switchMode" class="btn btn-circle"> <img src="images/c1_ver_story.jpg" class="verstory img-responsive" /> </a>
</div> </div>
</div> </div>
</div>
</div>
<div class="extra-btn-container"> <div class="extra-btn-container">
<a class="btn btn-primary btn-circle" id="map-btn-page-1"> ver mapa <a> <a class="" id="map-btn-page-1" href="#"> <img src="images/c1_mapa.png" class="mapa img-responsive" /> <a>
</div> </div>
</div>
</div>
</div> </div>
<div class="map-popover" id="map-page-1"> <div class="map-popover" id="map-page-1">

7
templates/page2.html
View file

@ -23,11 +23,10 @@
<a href="#" class="switchMode" class="btn btn-circle"> <img src="images/c2_ver_story.jpg" class="verstory img-responsive" /> </a> <a href="#" class="switchMode" class="btn btn-circle"> <img src="images/c2_ver_story.jpg" class="verstory img-responsive" /> </a>
</div> </div>
</div> </div>
</div>
</div>
<div class="extra-btn-container"> <div class="extra-btn-container">
<a class="btn btn-primary btn-circle" id="map-btn-page-2"> ver mapa <a> <a class="" id="map-btn-page-2" href="#"> <img src="images/c2_mapa.png" class="mapa img-responsive" /> <a>
</div>
</div>
</div> </div>
</div> </div>

7
templates/page3.html
View file

@ -23,12 +23,13 @@
<a href="#" class="switchMode" class="btn btn-circle"> <img src="images/c3_ver_story.jpg" class="verstory img-responsive" /> </a> <a href="#" class="switchMode" class="btn btn-circle"> <img src="images/c3_ver_story.jpg" class="verstory img-responsive" /> </a>
</div> </div>
</div> </div>
</div>
</div>
<div class="extra-btn-container"> <div class="extra-btn-container">
<a class="btn btn-primary btn-circle" id="map-btn-page-3"> ver mapa <a> <a class="" id="map-btn-page-3" href="#"> <img src="images/c3_mapa.png" class="mapa img-responsive" /> <a>
</div> </div>
</div> </div>
</div>
</div>
<div class="map-popover" id="map-page-3"> <div class="map-popover" id="map-page-3">
<img src="images/c3_mapa_ACT.jpg" class="img-responsive" /> <img src="images/c3_mapa_ACT.jpg" class="img-responsive" />

8
templates/page4.html
View file

@ -23,13 +23,13 @@
<a href="#" class="switchMode" class="btn btn-circle"> <img src="images/c4_ver_story.jpg" class="verstory img-responsive" /> </a> <a href="#" class="switchMode" class="btn btn-circle"> <img src="images/c4_ver_story.jpg" class="verstory img-responsive" /> </a>
</div> </div>
</div> </div>
</div>
</div>
<div class="extra-btn-container"> <div class="extra-btn-container">
<a class="btn btn-primary btn-circle" id="map-btn-page-4"> ver mapa <a> <a class="" id="map-btn-page-4" href="#"> <img src="images/c1_mapa.png" class="mapa img-responsive" /> <a>
</div> </div>
</div> </div>
</div>
</div>
<div class="map-popover" id="map-page-4"> <div class="map-popover" id="map-page-4">
<img src="images/c4_mapa_ACT.jpg" class="img-responsive" /> <img src="images/c4_mapa_ACT.jpg" class="img-responsive" />

7
templates/page5.html
View file

@ -24,12 +24,13 @@
</div> </div>
</div> </div>
</div>
</div>
<div class="extra-btn-container"> <div class="extra-btn-container">
<a class="btn btn-primary btn-circle" id="map-btn-page-5"> ver mapa <a> <a class="" id="map-btn-page-5" href="#"> <img src="images/c5_mapa.png" class="mapa img-responsive" /> <a>
</div> </div>
</div> </div>
</div>
</div>
<div class="map-popover" id="map-page-5"> <div class="map-popover" id="map-page-5">
<img src="images/c5_mapa_ACT.jpg" class="img-responsive" /> <img src="images/c5_mapa_ACT.jpg" class="img-responsive" />

7
templates/page6.html
View file

@ -25,12 +25,13 @@
</div> </div>
</div> </div>
</div>
</div>
<div class="extra-btn-container"> <div class="extra-btn-container">
<a class="btn btn-primary btn-circle" id="map-btn-page-6"> ver mapa <a> <a class="" id="map-btn-page-6" href="#"> <img src="images/c6_mapa.png" class="mapa img-responsive" /> <a>
</div> </div>
</div> </div>
</div>
</div>
<div class="map-popover" id="map-page-6"> <div class="map-popover" id="map-page-6">
<img src="images/c6_mapa_ACT.jpg" class="img-responsive" /> <img src="images/c6_mapa_ACT.jpg" class="img-responsive" />

7
templates/page7.html
View file

@ -24,12 +24,13 @@
</div> </div>
</div> </div>
</div>
</div>
<div class="extra-btn-container"> <div class="extra-btn-container">
<a class="btn btn-primary btn-circle" id="map-btn-page-7"> ver mapa <a> <a class="" id="map-btn-page-7" href="#"> <img src="images/c7_mapa.png" class="mapa img-responsive" /> <a>
</div> </div>
</div> </div>
</div>
</div>
<div class="map-popover" id="map-page-7"> <div class="map-popover" id="map-page-7">
<img src="images/c7_mapa_ACT.jpg" class="img-responsive" /> <img src="images/c7_mapa_ACT.jpg" class="img-responsive" />