mejoras movil
This commit is contained in:
Sergio
parent
335ae00abe
commit
a1a82ef2e4
14 changed files with 213 additions and 16 deletions
|
|
@ -1 +1 @@
|
||||||
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;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;font-size:14px;line-height:1.3em}div.extra-btn-container{position:absolute;left:-50px;top:20px;width:100px;height:100px}.carousel-btn{padding:0}.carousel-btn li{list-style:none}.carousel-btn a{font-family:'Londrina Solid',cursive}.carousel-btn a.active{background-color:#da222b;color:white}.carousel-btn a.active:hover,.carousel-btn a.active:active,.carousel-btn a.active:visited{background-color:#da222b;color:white}a.btn-circle{border-radius:40px}.map-popover{display:none}.referencias-popover{width:90%;height:80%}div.section-left{background-color:#ededed;min-height:100vh}a.switchMode{display:block;max-height:150px}div.section-inner-content{text-align:right}div.section-inner-content div.story-content{background-size:contain;background-position:center 5px;background-repeat:no-repeat}div.section-inner-content div.data-content{background-size:contain;background-position:center 5px;background-repeat:no-repeat}a.referencias{text-decoration:none;border-bottom:dotted 1px;color:#da222b;display:inline-block;margin-bottom:3em}a.referencias:hover{color:#fa222b}.menu-story-inner,.menu-data-inner{padding-top:2em;padding-bottom:2em} div.extra-btn-container2{position:absolute;left:-50px;top:120px;width:100px;height:100px} div.extra-btn-container3{position:absolute;left:-50px;top:220px;width:100px;height:100px}
|
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;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;font-size:14px;line-height:1.3em}div.extra-btn-container{position:absolute;left:-50px;top:20px;width:100px;height:100px}div.extra-btn-container2{position:absolute;left:-50px;top:120px;width:100px;height:100px}div.extra-btn-container3{position:absolute;left:-50px;top:220px;width:100px;height:100px}.carousel-btn{padding:0}.carousel-btn li{list-style:none}.carousel-btn a{font-family:'Londrina Solid',cursive}.carousel-btn a.active{background-color:#da222b;color:white}.carousel-btn a.active:hover,.carousel-btn a.active:active,.carousel-btn a.active:visited{background-color:#da222b;color:white}a.btn-circle{border-radius:40px}.map-popover{display:none}.referencias-popover{width:90%;height:80%}div.section-left{background-color:#ededed;min-height:100vh}a.switchMode{display:block;max-height:150px}div.section-inner-content{text-align:right}div.section-inner-content div.story-content{background-size:contain;background-position:center 5px;background-repeat:no-repeat}div.section-inner-content div.data-content{background-size:contain;background-position:center 5px;background-repeat:no-repeat}a.referencias{text-decoration:none;border-bottom:dotted 1px;color:#da222b;display:inline-block;margin-bottom:3em}a.referencias:hover{color:#fa222b}.menu-story-inner,.menu-data-inner{padding-top:2em;padding-bottom:2em}
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"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,CAEA,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,cAAA,CACA,kBAKJ,GAAG,qBACC,iBAAA,CACA,UAAA,CACA,QAAA,CACA,WAAA,CACA,aAGJ,cACI,UADJ,aAEI,IACI,gBAHR,aAKI,GACI,YAAa,yBANrB,aAQI,EAAC,QACG,wBAAA,CACA,YAVR,aAYI,EAAC,OAAO,OAZZ,aAiEC,CArDkB,CAAC,OAAO,QAZ3B,aAYoC,EAAC,OAAO,SACpC,wBAAA,CACA,YAIR,CAAC,YACG,mBAGJ,aACI,aAEJ,qBACI,SAAA,CACA,WAEJ,GAAG,cACC,wBAAA,CACA,iBAGJ,CAAC,YACG,aAAA,CACA,iBAEJ,GAAG,uBACC,iBADJ,GAAG,sBAEC,IAAG,eACC,uBAAA,CACA,8BAAA,CACA,4BALR,GAAG,sBAOC,IAAG,cACC,uBAAA,CACA,8BAAA,CACA,4BAGR,CAAC,aACG,oBAAA,CACA,wBAAA,CACA,aAAA,CAIA,oBAAA,CACA,kBAJA,CAJH,YAII,OACG,cAMR,kBAAmB,iBACf,eAAA,CACA"}
|
{"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,CAEA,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,cAAA,CACA,kBAKJ,GAAG,qBACC,iBAAA,CACA,UAAA,CACA,QAAA,CACA,WAAA,CACA,aAGJ,GAAG,sBACC,iBAAA,CACA,UAAA,CACA,SAAA,CACA,WAAA,CACA,aAGJ,GAAG,sBACC,iBAAA,CACA,UAAA,CACA,SAAA,CACA,WAAA,CACA,aAGJ,cACI,UADJ,aAEI,IACI,gBAHR,aAKI,GACI,YAAa,yBANrB,aASI,EAAC,QACG,wBAAA,CACA,YAXR,aAaI,EAAC,OAAO,OAbZ,aAkEC,CArDkB,CAAC,OAAO,QAb3B,aAaoC,EAAC,OAAO,SACpC,wBAAA,CACA,YAIR,CAAC,YACG,mBAGJ,aACI,aAEJ,qBACI,SAAA,CACA,WAEJ,GAAG,cACC,wBAAA,CACA,iBAGJ,CAAC,YACG,aAAA,CACA,iBAEJ,GAAG,uBACC,iBADJ,GAAG,sBAEC,IAAG,eACC,uBAAA,CACA,8BAAA,CACA,4BALR,GAAG,sBAOC,IAAG,cACC,uBAAA,CACA,8BAAA,CACA,4BAGR,CAAC,aACG,oBAAA,CACA,wBAAA,CACA,aAAA,CAIA,oBAAA,CACA,kBAJA,CAJH,YAII,OACG,cAMR,kBAAmB,iBACf,eAAA,CACA"}
|
||||||
|
|
@ -1 +1 @@
|
||||||
body{background-color:#eeeded}#main-content{margin-bottom:80px}.navbar-default{background-color:#eeeded;border:none}.navbar-default a.navbar-brand-custom{font-family:'Londrina Solid',cursive;color:#000;font-size:18px;padding:0;padding-top:10px;display:inline-block;text-decoration:none}.navbar-default .chapter-name{font-family:'Londrina Solid',cursive;color:#da222b;font-size:17px}.link-menu{text-align:center;font-family:'Londrina Solid',cursive;text-decoration:none;color:black;display:inline-block}.link-menu:active,.link-menu.active{color:#da222b;text-decoration:none}.link-menu:hover{text-decoration:none}ul.menu li{display:inline-block}.section{padding-top:70px}.img-menu{height:60px;display:inline-block}#story-text,#map-text{margin-top:1em}.nopadding{padding:0 !important;margin:0 !important}#cover-btn{text-align:center;padding:0;background:#383e4e;color:white;padding-bottom:10px}#cover-creditos{background-color:#af9f7b;padding:15px}#cover-social{background-color:#fff;padding:15px;border-top:1px solid black;border-bottom:1px solid black}#cover-footer{padding:0;border-bottom:1px solid black;padding-top:15px;padding-bottom:15px;height:auto;background-color:#fff;min-height:70px}#cover-agradecimientos{background-color:#fff;padding-top:10px;padding-bottom:30px;font-size:12px}a.move-link{text-align:center;display:inline-block}a.move-link .circle{background:#da222b;border-radius:.8em;-moz-border-radius:.8em;-webkit-border-radius:.8em;color:#fff;display:inline-block;font-weight:normal;line-height:1.6em;margin-right:5px;text-align:center;width:1.6em}a.move-link.next{float:right}a.move-link.prev{float:next}ul.share-buttons{display:inline-block;list-style:none;padding:0;text-align:center}ul.share-buttons img{max-width:28px;margin-left:50px}ul.share-buttons li{display:inline}ul.share-buttons .sr-only{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}
|
body{background-color:#eeeded}#main-content{margin-bottom:80px}img.full-width-img{margin-left:-15px;margin-right:-15px;max-width:none;width:100vw}.navbar-default{background-color:#eeeded;border:none}.navbar-default a.navbar-brand-custom{font-family:'Londrina Solid',cursive;color:#000;font-size:18px;padding:0;padding-top:10px;display:inline-block;text-decoration:none}.navbar-default .chapter-name{font-family:'Londrina Solid',cursive;color:#da222b;font-size:17px}.link-menu{text-align:center;font-family:'Londrina Solid',cursive;text-decoration:none;color:black;display:inline-block}.link-menu:active,.link-menu.active{color:#da222b;text-decoration:none}.link-menu:hover{text-decoration:none}ul.menu li{display:inline-block}.section{padding-top:70px}.img-menu{height:60px;display:inline-block}#story-text,#map-text{margin-top:1em}.nopadding{padding:0 !important;margin:0 !important}#cover-btn{text-align:center;padding:0;background:#383e4e;color:white;padding-bottom:10px}#cover-creditos{background-color:#af9f7b;padding:15px}#cover-social{background-color:#fff;padding:15px;border-top:1px solid black;border-bottom:1px solid black}#cover-footer{padding:0;border-bottom:1px solid black;padding-top:15px;padding-bottom:15px;height:auto;background-color:#fff;min-height:70px}#cover-agradecimientos{background-color:#fff;padding-top:10px;padding-bottom:30px;font-size:12px}a.move-link{text-align:center;display:inline-block}a.move-link .circle{background:#da222b;border-radius:.8em;-moz-border-radius:.8em;-webkit-border-radius:.8em;color:#fff;display:inline-block;font-weight:normal;line-height:1.6em;margin-right:5px;text-align:center;width:1.6em}a.move-link.next{float:right}a.move-link.prev{float:next}ul.share-buttons{display:inline-block;list-style:none;padding:0;text-align:center}ul.share-buttons img{max-width:28px;margin-left:50px}ul.share-buttons li{display:inline}ul.share-buttons .sr-only{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.carousel-btn{padding:0}.carousel-btn li{list-style:none}.carousel-btn a{font-family:'Londrina Solid',cursive;font-size:11px;padding:4px 8px}.carousel-btn a.active{background-color:#da222b;color:white}.carousel-btn a.active:hover,.carousel-btn a.active:active,.carousel-btn a.active:visited{background-color:#da222b;color:white}
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"version":3,"sources":["mobile.less"],"names":[],"mappings":"AAEA,KACI,yBAEJ,cACI,mBAEJ,gBACK,wBAAA,CACA,YAFL,eAGK,EAAC,qBACG,YAAa,wBAAb,CACA,UAAA,CACA,cAAA,CACA,SAAA,CACA,gBAAA,CACA,oBAAA,CACA,qBAVT,eAcK,eACI,YAAa,wBAAb,CACA,aAAA,CACA,eAGT,WACI,iBAAA,CACA,YAAa,wBAAb,CACA,oBAAA,CACA,WAAA,CACI,qBACJ,UAAC,QAAS,UAAC,QACP,aAAA,CACA,qBAEJ,UAAC,OACG,qBAIR,EAAE,KACE,IACI,qBAGR,SACI,iBAGJ,UACI,WAAA,CACA,qBAGJ,YAAa,UACT,eAIJ,WACG,SAAA,YACA,QAAA,YAEH,WACI,iBAAA,CACA,SAAA,CACA,kBAAA,CACA,WAAA,CACA,oBAEJ,gBACI,wBAAA,CACA,aAGJ,cACI,qBAAA,CACA,YAAA,CACA,0BAAA,CACA,8BAEJ,cACI,SAAA,CACA,6BAAA,CACA,gBAAA,CACA,mBAAA,CACA,WAAA,CACA,qBAAA,CACA,gBAGJ,uBACI,qBAAA,CACA,gBAAA,CACA,mBAAA,CACA,eAMJ,CAAC,WACG,iBAAA,CACA,qBAFJ,CAAC,UAIG,SACE,kBAAA,CACA,kBAAA,CACA,uBAAA,CACA,0BAAA,CACA,UAAA,CACA,oBAAA,CACA,kBAAA,CACA,iBAAA,CACA,gBAAA,CACA,iBAAA,CACA,YAEF,CAjBH,UAiBI,MACL,YAEI,CApBH,UAoBI,MACG,WAIR,EAAE,eACE,oBAAA,CACF,eAAA,CACA,SAAA,CACA,kBAEF,EAAE,cAAe,KACb,cAAA,CACA,iBAEJ,EAAE,cAAe,IACf,eAGF,EAAE,cAAe,UACf,iBAAA,CACA,KAAM,qBAAN,CACA,KAAM,wBAAN,CACA,SAAA,CACA,QAAA,CACA,UAAA,CACA,SAAA,CACA"}
|
{"version":3,"sources":["mobile.less"],"names":[],"mappings":"AAEA,KACI,yBAEJ,cACI,mBAGJ,GAAG,gBACC,iBAAA,CACA,kBAAA,CACA,cAAA,CACA,YAEJ,gBACK,wBAAA,CACA,YAFL,eAGK,EAAC,qBACG,YAAa,wBAAb,CACA,UAAA,CACA,cAAA,CACA,SAAA,CACA,gBAAA,CACA,oBAAA,CACA,qBAVT,eAcK,eACI,YAAa,wBAAb,CACA,aAAA,CACA,eAGT,WACI,iBAAA,CACA,YAAa,wBAAb,CACA,oBAAA,CACA,WAAA,CACI,qBACJ,UAAC,QAAS,UAAC,QACP,aAAA,CACA,qBAEJ,UAAC,OACG,qBAIR,EAAE,KACE,IACI,qBAGR,SACI,iBAGJ,UACI,WAAA,CACA,qBAGJ,YAAa,UACT,eAIJ,WACG,SAAA,YACA,QAAA,YAEH,WACI,iBAAA,CACA,SAAA,CACA,kBAAA,CACA,WAAA,CACA,oBAEJ,gBACI,wBAAA,CACA,aAGJ,cACI,qBAAA,CACA,YAAA,CACA,0BAAA,CACA,8BAEJ,cACI,SAAA,CACA,6BAAA,CACA,gBAAA,CACA,mBAAA,CACA,WAAA,CACA,qBAAA,CACA,gBAGJ,uBACI,qBAAA,CACA,gBAAA,CACA,mBAAA,CACA,eAMJ,CAAC,WACG,iBAAA,CACA,qBAFJ,CAAC,UAIG,SACE,kBAAA,CACA,kBAAA,CACA,uBAAA,CACA,0BAAA,CACA,UAAA,CACA,oBAAA,CACA,kBAAA,CACA,iBAAA,CACA,gBAAA,CACA,iBAAA,CACA,YAEF,CAjBH,UAiBI,MACL,YAEI,CApBH,UAoBI,MACG,WAIR,EAAE,eACE,oBAAA,CACF,eAAA,CACA,SAAA,CACA,kBAEF,EAAE,cAAe,KACb,cAAA,CACA,iBAEJ,EAAE,cAAe,IACf,eAGF,EAAE,cAAe,UACf,iBAAA,CACA,KAAM,qBAAN,CACA,KAAM,wBAAN,CACA,SAAA,CACA,QAAA,CACA,UAAA,CACA,SAAA,CACA,gBAKF,cACI,UADJ,aAEI,IACI,gBAHR,aAKI,GACI,YAAa,wBAAb,CACA,cAAA,CACA,gBARR,aAUI,EAAC,QACG,wBAAA,CACA,YAZR,aAcI,EAAC,OAAO,OAdZ,aAmBC,CALkB,CAAC,OAAO,QAd3B,aAcoC,EAAC,OAAO,SACpC,wBAAA,CACA"}
|
||||||
|
|
@ -120,6 +120,7 @@ div.extra-btn-container3 {
|
||||||
}
|
}
|
||||||
a{
|
a{
|
||||||
font-family: 'Londrina Solid', cursive;
|
font-family: 'Londrina Solid', cursive;
|
||||||
|
|
||||||
}
|
}
|
||||||
a.active{
|
a.active{
|
||||||
background-color:#da222b;
|
background-color:#da222b;
|
||||||
|
|
|
||||||
|
|
@ -7,6 +7,13 @@ body{
|
||||||
#main-content{
|
#main-content{
|
||||||
margin-bottom: 80px;
|
margin-bottom: 80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
img.full-width-img{
|
||||||
|
margin-left:-15px;
|
||||||
|
margin-right:-15px;
|
||||||
|
max-width: none;
|
||||||
|
width: 100vw;
|
||||||
|
}
|
||||||
.navbar-default{
|
.navbar-default{
|
||||||
background-color: #EEEDED;
|
background-color: #EEEDED;
|
||||||
border: none;
|
border: none;
|
||||||
|
|
@ -152,3 +159,26 @@ ul.share-buttons .sr-only{
|
||||||
width: 1px;
|
width: 1px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******/
|
||||||
|
.carousel-btn{
|
||||||
|
padding: 0px;
|
||||||
|
li{
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
a{
|
||||||
|
font-family: 'Londrina Solid', cursive;
|
||||||
|
font-size: 11px;
|
||||||
|
padding: 4px 8px;
|
||||||
|
}
|
||||||
|
a.active{
|
||||||
|
background-color:#da222b;
|
||||||
|
color:white;
|
||||||
|
}
|
||||||
|
a.active:hover,a.active:active, a.active:visited {
|
||||||
|
background-color:#da222b;
|
||||||
|
color:white;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -27,6 +27,7 @@
|
||||||
<script type="text/javascript" src="bower_components/d3/d3.min.js"></script>
|
<script type="text/javascript" src="bower_components/d3/d3.min.js"></script>
|
||||||
<script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
|
<script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||||
<script type="text/javascript" src="bower_components/jsrender/jsrender.min.js"></script>
|
<script type="text/javascript" src="bower_components/jsrender/jsrender.min.js"></script>
|
||||||
|
<script type="text/javascript" src="js/lib/jquery.waypoints.min.js"></script>
|
||||||
<script type="text/javascript" src="js/main-mvl.js"></script>
|
<script type="text/javascript" src="js/main-mvl.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
|
||||||
BIN
js/.DS_Store
vendored
Normal file
BIN
js/.DS_Store
vendored
Normal file
Binary file not shown.
7
js/lib/jquery.waypoints.min.js
vendored
Executable file
7
js/lib/jquery.waypoints.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
|
|
@ -13,8 +13,8 @@ function reloadEvents(){
|
||||||
|
|
||||||
var target = this.hash;
|
var target = this.hash;
|
||||||
var $target = $(target);
|
var $target = $(target);
|
||||||
$('.link-menu.active').removeClass("active")
|
//$('.link-menu.active').removeClass("active")
|
||||||
$(this).addClass("active")
|
//$(this).addClass("active")
|
||||||
$('html, body').stop().animate({
|
$('html, body').stop().animate({
|
||||||
'scrollTop': $target.offset().top
|
'scrollTop': $target.offset().top
|
||||||
}, 900, 'swing', function () {
|
}, 900, 'swing', function () {
|
||||||
|
|
@ -29,6 +29,45 @@ function reloadEvents(){
|
||||||
$('.prev').on('click',function (e) {
|
$('.prev').on('click',function (e) {
|
||||||
renderPage(--currentPage)
|
renderPage(--currentPage)
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$('#page-6').on("click",'.carousel-btn a', function(e){
|
||||||
|
$('.carousel-btn a.active').removeClass("active")
|
||||||
|
$(this).addClass("active")
|
||||||
|
});
|
||||||
|
|
||||||
|
Waypoint.destroyAll()
|
||||||
|
var waypoints = $('#story, #mapa, #datos').waypoint({
|
||||||
|
handler: function(direction) {
|
||||||
|
console.log(direction)
|
||||||
|
if(direction=="down")
|
||||||
|
enableMenuElement(this.element.id)
|
||||||
|
},
|
||||||
|
offset: '11%'
|
||||||
|
})
|
||||||
|
var waypoints = $('#story, #mapa, #datos').waypoint({
|
||||||
|
handler: function(direction) {
|
||||||
|
console.log(direction)
|
||||||
|
if(direction=="up")
|
||||||
|
enableMenuElement(this.element.id)
|
||||||
|
},
|
||||||
|
offset: '-11%'
|
||||||
|
})
|
||||||
|
/* var waypoints = $('#mapa').waypoint({
|
||||||
|
handler: function(direction) {
|
||||||
|
enableMenuElement(this.element.id)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
var waypoints = $('#datos').waypoint({
|
||||||
|
handler: function(direction) {
|
||||||
|
enableMenuElement(this.element.id)
|
||||||
|
}
|
||||||
|
})*/
|
||||||
|
}
|
||||||
|
function enableMenuElement(idElement){
|
||||||
|
console.log(idElement)
|
||||||
|
$('.link-menu.active').removeClass("active")
|
||||||
|
var menu_el=$('a[href^="#'+idElement+'"].link-menu')
|
||||||
|
$(menu_el).addClass("active")
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -50,10 +89,15 @@ function renderPage(pageNumber ){
|
||||||
if(pageNumber==0){
|
if(pageNumber==0){
|
||||||
my.utils().renderExtTemplate({ name: 'portadamvl', selector: 'body', data: {} })
|
my.utils().renderExtTemplate({ name: 'portadamvl', selector: 'body', data: {} })
|
||||||
}
|
}
|
||||||
|
else if(pageNumber==6){
|
||||||
|
var mdata=paginasData[pageNumber-1]
|
||||||
|
mdata.showPrev=mdata.showNext=true
|
||||||
|
my.utils().renderExtTemplate({ name: 'page6_mob', selector: 'body', data: mdata })
|
||||||
|
}
|
||||||
else{
|
else{
|
||||||
var mdata=paginasData[pageNumber-1]
|
var mdata=paginasData[pageNumber-1]
|
||||||
mdata.showPrev=mdata.showNext=true
|
mdata.showPrev=mdata.showNext=true
|
||||||
if(pageNumber==1) mdata.showPrev=false;
|
//if(pageNumber==1) mdata.showPrev=false;
|
||||||
if(pageNumber==7) mdata.showNext=false;
|
if(pageNumber==7) mdata.showNext=false;
|
||||||
my.utils().renderExtTemplate({ name: 'index_mob', selector: 'body', data: mdata })
|
my.utils().renderExtTemplate({ name: 'index_mob', selector: 'body', data: mdata })
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -32,6 +32,10 @@ window.onload = function() {
|
||||||
});
|
});
|
||||||
//turnEventsOn();
|
//turnEventsOn();
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function loadPageTemplates(){
|
function loadPageTemplates(){
|
||||||
|
|
|
||||||
BIN
templates/.DS_Store
vendored
Normal file
BIN
templates/.DS_Store
vendored
Normal file
Binary file not shown.
|
|
@ -1,42 +1,42 @@
|
||||||
<nav class="navbar navbar-default navbar-fixed-top" >
|
<nav class="navbar navbar-default navbar-fixed-top" >
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="col-xs-6">
|
<div class="col-xs-6">
|
||||||
<a class="navbar-brand-custom" href="#">Historia de Zainab</a>
|
<div><a class="navbar-brand-custom" href="#">Historia de Zainab</a></div>
|
||||||
{{if showPrev}} <a class="prev move-link" href="#"> <span class="circle glyphicon glyphicon-chevron-left"> </span></a> {{/if}}
|
{{if showPrev}} <a class="prev move-link" href="#"> <span class="circle glyphicon glyphicon-chevron-left"> </span></a> {{/if}}
|
||||||
<span class="chapter-name"> Capitulo {{:n_page}} </span>
|
<span class="chapter-name"> Capitulo {{:n_page}} </span>
|
||||||
{{if showNext}} <a class="next move-link" href="#"><span class="circle glyphicon glyphicon-chevron-right"> </span></a>{{/if}}
|
{{if showNext}} <a class="next move-link" href="#"><span class="circle glyphicon glyphicon-chevron-right"> </span></a>{{/if}}
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-2 nopadding ">
|
<div class="col-xs-2 nopadding ">
|
||||||
<a class="link-menu" href="#story"><img src="images/c1_menu_story.png" class="img-menu"/>
|
<a class="link-menu" href="#story"><img src="images/c{{:n_page}}_menu_story.png" class="img-menu"/>
|
||||||
story
|
story
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-2 nopadding">
|
<div class="col-xs-2 nopadding">
|
||||||
<a class="link-menu" href="#mapa"> <img src="images/c1_menu_mapa.png" class="img-menu"/>
|
<a class="link-menu" href="#mapa"> <img src="images/c{{:n_page}}_menu_mapa.png" class="img-menu"/>
|
||||||
mapa
|
mapa
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-2 nopadding">
|
<div class="col-xs-2 nopadding">
|
||||||
<a class="link-menu" href="#datos"> <img src="images/c1_menu_datos.png" class="img-menu"/>
|
<a class="link-menu" href="#datos"> <img src="images/c{{:n_page}}_menu_datos.png" class="img-menu"/>
|
||||||
datos
|
datos
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<div class="container-fluid">
|
<div class="container-fluid" id="page-{{:n_page}}">
|
||||||
<div id="main-content">
|
<div id="main-content">
|
||||||
<div id="story" class="section">
|
<div id="story" class="section">
|
||||||
<img src="images/c{{:n_page}}_IMG_story_mob.jpg" class="img-responsive"/>
|
<img src="images/c{{:n_page}}_IMG_story_mob.jpg" class="img-responsive full-width-img"/>
|
||||||
<div id="story-text">
|
<div id="story-text">
|
||||||
{{:storytext}}
|
{{:storytext}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="mapa" class="section">
|
<div id="mapa" class="section">
|
||||||
<img src="images/c{{:n_page}}_mapa_mob.jpg" class="img-responsive"/>
|
<img src="images/c{{:n_page}}_mapa_mob.jpg" class="img-responsive full-width-img{"/>
|
||||||
</div>
|
</div>
|
||||||
<div id="datos" class="section">
|
<div id="datos" class="section">
|
||||||
<img src="images/c{{:n_page}}_IMG_grafico_mob.jpg" class="img-responsive"/>
|
<img src="images/c{{:n_page}}_IMG_grafico_mob.jpg" class="img-responsive full-width-img{"/>
|
||||||
<div id="map-text">
|
<div id="map-text">
|
||||||
{{:maptext}}
|
{{:maptext}}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
110
templates/page6_mob.tmpl.html
Normal file
110
templates/page6_mob.tmpl.html
Normal file
|
|
@ -0,0 +1,110 @@
|
||||||
|
<nav class="navbar navbar-default navbar-fixed-top " >
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="col-xs-6">
|
||||||
|
<div> <a class="navbar-brand-custom" href="#">Historia de Zainab</a> </div>
|
||||||
|
{{if showPrev}} <a class="prev move-link" href="#"> <span class="circle glyphicon glyphicon-chevron-left"> </span></a> {{/if}}
|
||||||
|
<span class="chapter-name"> Capitulo {{:n_page}} </span>
|
||||||
|
{{if showNext}} <a class="next move-link" href="#"><span class="circle glyphicon glyphicon-chevron-right"> </span></a>{{/if}}
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-2 nopadding ">
|
||||||
|
<a class="link-menu" href="#story"><img src="images/c{{:n_page}}_menu_story.png" class="img-menu"/>
|
||||||
|
story
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-2 nopadding">
|
||||||
|
<a class="link-menu" href="#mapa"> <img src="images/c{{:n_page}}_menu_mapa.png" class="img-menu"/>
|
||||||
|
mapa
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-2 nopadding">
|
||||||
|
<a class="link-menu" href="#datos"> <img src="images/c{{:n_page}}_menu_datos.png" class="img-menu"/>
|
||||||
|
datos
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="container-fluid" id="page-{{:n_page}}">
|
||||||
|
<div id="main-content">
|
||||||
|
<div id="story" class="section">
|
||||||
|
<img src="images/c{{:n_page}}_IMG_story_mob.jpg" class="img-responsive full-width-img"/>
|
||||||
|
<div id="story-text">
|
||||||
|
{{:storytext}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="mapa" class="section">
|
||||||
|
<img src="images/c{{:n_page}}_mapa_mob.jpg" class="img-responsive full-width-img"/>
|
||||||
|
</div>
|
||||||
|
<div id="datos" class="section">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-10 col-lg-11">
|
||||||
|
<div id="myCarousel" class="carousel slide" data-ride="carousel">
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="item active">
|
||||||
|
<img src="images/c6_aerea2011_mob.jpg" alt="2011">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<img src="images/c6_aerea2012_mob.jpg" alt="2012">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<img src="images/c6_aerea2013_mob.jpg" alt="2013">
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<img src="images/c6_aerea2014_mob.jpg" alt="2014">
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<img src="images/c6_aerea2015_mob.jpg" alt="2015">
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<img src="images/c6_aerea2016_mob.jpg" alt="2016">
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<img src="images/c6_aerea2017_mob.jpg" alt="2017">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-2 col-lg-1 " style="margin-top:1em;padding-left: 0px;padding-right: 0px;">
|
||||||
|
<ul class="carousel-btn">
|
||||||
|
<a href="#" data-target="#myCarousel" data-slide-to="0" class="carouselGotoBtn btn btn-default active" >
|
||||||
|
<li >
|
||||||
|
2011
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
<a href="#" data-target="#myCarousel" data-slide-to="1" class="carouselGotoBtn btn btn-default">
|
||||||
|
<li >
|
||||||
|
2012
|
||||||
|
</li></a>
|
||||||
|
<a href="#" data-target="#myCarousel" data-slide-to="2" class="carouselGotoBtn btn btn-default">
|
||||||
|
<li >
|
||||||
|
2013
|
||||||
|
</li></a>
|
||||||
|
<a href="#" data-target="#myCarousel" data-slide-to="3" class="carouselGotoBtn btn btn-default">
|
||||||
|
<li >
|
||||||
|
2014
|
||||||
|
</li></a>
|
||||||
|
<a href="#" data-target="#myCarousel" data-slide-to="4" class="carouselGotoBtn btn btn-default">
|
||||||
|
<li >
|
||||||
|
2015
|
||||||
|
</li></a>
|
||||||
|
<a href="#" data-target="#myCarousel" data-slide-to="5" class="carouselGotoBtn btn btn-default">
|
||||||
|
<li >
|
||||||
|
2016
|
||||||
|
</li></a>
|
||||||
|
<a href="#" data-target="#myCarousel" data-slide-to="6" class="carouselGotoBtn btn btn-default">
|
||||||
|
<li>
|
||||||
|
2017
|
||||||
|
</li></a>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<img src="images/c{{:n_page}}_IMG_grafico_mob.jpg" class="img-responsive"/>
|
||||||
|
<div id="map-text">
|
||||||
|
{{:maptext}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
Loading…
Reference in a new issue