cambio version desktop y movil
Sergio
parent
a1a82ef2e4
commit
a94f12cc3d
|
|
@ -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}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}
|
||||
@media (min-width:900px){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:-35px;top:20px;width:100px;height:100px}div.extra-btn-container a{font-family:'Londrina Solid',cursive;color:black;margin-bottom:20px;display:block}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,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"}
|
||||
{"version":3,"sources":["home.less"],"names":[],"mappings":"AA6LC,QA7LyB,iBACtB,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,aAEJ,GAAG,oBAAqB,GACpB,YAAc,wBAAd,CACA,WAAA,CACA,kBAAA,CACA,cAGJ,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,aAqEH,CAxDsB,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,iBAGJ,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}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}
|
||||
body{background-color:#eeeded}@media (max-width:899px){#main-content{margin-bottom:80px}img.full-width-img{margin-left:-15px;margin-right:-15px;max-width:none;width:100vw}a.referencias{text-decoration:none;border-bottom:dotted 1px;color:#da222b;display:inline-block;margin-bottom:3em}a.referencias:hover{color:#fa222b}.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,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"}
|
||||
{"version":3,"sources":["mobile.less"],"names":[],"mappings":"AAEA,KACI,yBAiMH,QA9LyB,iBAC1B,cACI,mBAGJ,GAAG,gBACC,iBAAA,CACA,kBAAA,CACA,cAAA,CACA,YAEJ,CAAC,aACG,oBAAA,CACA,wBAAA,CACA,aAAA,CAIA,oBAAA,CACA,kBAJA,CAJH,YAII,OACG,cAKR,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,aAqBC,CAPkB,CAAC,OAAO,QAd3B,aAcoC,EAAC,OAAO,SACpC,wBAAA,CACA"}
|
||||
341
css/home.less
341
css/home.less
|
|
@ -1,182 +1,191 @@
|
|||
// out: css/home.css, sourcemap: true, compress: true
|
||||
|
||||
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: 0.4s;
|
||||
animation-timing-function: ease-in-out;
|
||||
}
|
||||
|
||||
.cd-horizontal-timeline .events-content li.selected {
|
||||
/* visible event content */
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
div.section-container {
|
||||
background: white;
|
||||
}
|
||||
.cd-timeline-navigation{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
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;
|
||||
li {
|
||||
display: inline-block;
|
||||
width: 13.9%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
text-align: left;
|
||||
line-height: auto;
|
||||
@media (min-width: 900px) {
|
||||
p {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
text-align: left;
|
||||
line-height: auto;
|
||||
#portada{
|
||||
width: 100%;
|
||||
height:100%;
|
||||
|
||||
}
|
||||
/*a.active{
|
||||
background-color:orange;
|
||||
}*/
|
||||
img {
|
||||
width:103%;
|
||||
opacity: 0.2;
|
||||
transition: all 1s;
|
||||
.cd-horizontal-timeline .events-content {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
a.active img.img-menu {
|
||||
.cd-horizontal-timeline .events-content li {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
transform: translateX(-100%);
|
||||
opacity: 0;
|
||||
animation-duration: 0.4s;
|
||||
animation-timing-function: ease-in-out;
|
||||
}
|
||||
|
||||
.cd-horizontal-timeline .events-content li.selected {
|
||||
/* visible event content */
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
div.menu-content {
|
||||
height: 100vh;
|
||||
background-color: white;
|
||||
font-size: 14px;
|
||||
line-height: 1.3em;
|
||||
/*padding-left: 50px;
|
||||
padding-right: 70px;*/
|
||||
}
|
||||
|
||||
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: 0px;
|
||||
li{
|
||||
list-style: none;
|
||||
div.section-container {
|
||||
background: white;
|
||||
}
|
||||
a{
|
||||
font-family: 'Londrina Solid', cursive;
|
||||
.cd-timeline-navigation{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
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;
|
||||
li {
|
||||
display: inline-block;
|
||||
width: 13.9%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
text-align: left;
|
||||
line-height: auto;
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
text-align: left;
|
||||
line-height: auto;
|
||||
}
|
||||
/*a.active{
|
||||
background-color:orange;
|
||||
}*/
|
||||
img {
|
||||
width:103%;
|
||||
opacity: 0.2;
|
||||
transition: all 1s;
|
||||
}
|
||||
|
||||
a.active img.img-menu {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
div.menu-content {
|
||||
height: 100vh;
|
||||
background-color: white;
|
||||
font-size: 14px;
|
||||
line-height: 1.3em;
|
||||
/*padding-left: 50px;
|
||||
padding-right: 70px;*/
|
||||
}
|
||||
|
||||
div.extra-btn-container {
|
||||
position: absolute;
|
||||
left: -35px;
|
||||
top: 20px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
div.extra-btn-container a{
|
||||
font-family: 'Londrina Solid', cursive;
|
||||
color:black;
|
||||
margin-bottom: 20px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
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: 0px;
|
||||
li{
|
||||
list-style: none;
|
||||
}
|
||||
a{
|
||||
font-family: 'Londrina Solid', cursive;
|
||||
|
||||
}
|
||||
a.active{
|
||||
background-color:#da222b;
|
||||
color:white;
|
||||
}
|
||||
a.active:hover,a.active:active, a.active:visited {
|
||||
background-color:#da222b;
|
||||
color:white;
|
||||
}
|
||||
|
||||
}
|
||||
a.active{
|
||||
background-color:#da222b;
|
||||
color:white;
|
||||
a.btn-circle {
|
||||
border-radius: 40px;
|
||||
}
|
||||
a.active:hover,a.active:active, a.active:visited {
|
||||
background-color:#da222b;
|
||||
color:white;
|
||||
|
||||
.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.story-content {
|
||||
background-size: contain;
|
||||
background-position: center 5px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
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;
|
||||
&:hover{
|
||||
color:#fa222b
|
||||
}
|
||||
display: inline-block;
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
|
||||
.menu-story-inner, .menu-data-inner{
|
||||
padding-top:2em;
|
||||
padding-bottom:2em;
|
||||
}
|
||||
|
||||
}
|
||||
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.story-content {
|
||||
background-size: contain;
|
||||
background-position: center 5px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
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;
|
||||
&:hover{
|
||||
color:#fa222b
|
||||
}
|
||||
display: inline-block;
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
|
||||
.menu-story-inner, .menu-data-inner{
|
||||
padding-top:2em;
|
||||
padding-bottom:2em;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,6 +4,8 @@
|
|||
body{
|
||||
background-color: #EEEDED;
|
||||
}
|
||||
|
||||
@media (max-width: 899px) {
|
||||
#main-content{
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
|
@ -14,6 +16,16 @@ img.full-width-img{
|
|||
max-width: none;
|
||||
width: 100vw;
|
||||
}
|
||||
a.referencias{
|
||||
text-decoration: none;
|
||||
border-bottom: dotted 1px ;
|
||||
color: #da222b;
|
||||
&:hover{
|
||||
color:#fa222b
|
||||
}
|
||||
display: inline-block;
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
.navbar-default{
|
||||
background-color: #EEEDED;
|
||||
border: none;
|
||||
|
|
@ -182,3 +194,5 @@ ul.share-buttons .sr-only{
|
|||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
29
index.html
29
index.html
|
|
@ -9,12 +9,14 @@
|
|||
<link href="https://fonts.googleapis.com/css?family=Londrina+Solid" rel="stylesheet">
|
||||
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="css/css/home.css">
|
||||
|
||||
|
||||
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="css/BootstrapXL.css">
|
||||
<link href="bower_components/jbox/Source/jBox.css" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" type="text/css" media='(min-width: 900px)' href="bower_components/pagePiling.js/jquery.pagepiling.css" />
|
||||
<link rel="stylesheet" href="css/css/home.css">
|
||||
<link rel="stylesheet" href="css/css/mobile.css">
|
||||
|
||||
|
||||
<!-- JAVASCRIPT -->
|
||||
|
|
@ -24,18 +26,35 @@
|
|||
|
||||
|
||||
|
||||
<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/jsrender/jsrender.min.js"></script>
|
||||
|
||||
|
||||
<!-- fullpage -->
|
||||
<link rel="stylesheet" type="text/css" href="bower_components/pagePiling.js/jquery.pagepiling.css" />
|
||||
|
||||
<script type="text/javascript" src="bower_components/pagePiling.js/jquery.pagepiling.js"></script>
|
||||
<!-- fullpage -->
|
||||
<script type="text/javascript" src="js/lib/jquery.waypoints.min.js"></script>
|
||||
|
||||
<script>
|
||||
if (window.innerWidth > 900) {
|
||||
var head = document.getElementsByTagName('head')[0];
|
||||
|
||||
var s1 = document.createElement("script");
|
||||
s1.type = "text/javascript";
|
||||
s1.src = "js/main.js";
|
||||
head.appendChild(s1);
|
||||
}else{
|
||||
var head = document.getElementsByTagName('head')[0];
|
||||
|
||||
var s1 = document.createElement("script");
|
||||
s1.type = "text/javascript";
|
||||
s1.src = "js/main-mvl.js";
|
||||
head.appendChild(s1);
|
||||
}
|
||||
</script>
|
||||
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,16 @@ viewStatus= "story" /* data story */
|
|||
pagesLoaded= 0
|
||||
totalPages=7;
|
||||
currentPage=0;
|
||||
mode="desktop"
|
||||
sufix="desk"
|
||||
window.onresize = function(){ location.reload(); }
|
||||
window.onload = function() {
|
||||
wwidth=$( window ).width();
|
||||
if(wwidth<900) {
|
||||
mode="mobile"
|
||||
sufix="mob"
|
||||
}
|
||||
|
||||
loadData()
|
||||
/**** mobile ****/
|
||||
}
|
||||
|
|
@ -34,7 +43,7 @@ function reloadEvents(){
|
|||
$('.carousel-btn a.active').removeClass("active")
|
||||
$(this).addClass("active")
|
||||
});
|
||||
|
||||
|
||||
Waypoint.destroyAll()
|
||||
var waypoints = $('#story, #mapa, #datos').waypoint({
|
||||
handler: function(direction) {
|
||||
|
|
@ -52,6 +61,20 @@ function reloadEvents(){
|
|||
},
|
||||
offset: '-11%'
|
||||
})
|
||||
|
||||
var modal2=
|
||||
new jBox('Modal', {
|
||||
width: '90%',
|
||||
height: '90%',
|
||||
attach: '#referencias-page-btn-'+currentPage,
|
||||
//content: $('#referencias-page-'+j),
|
||||
ajax: {
|
||||
url: 'referencias/page'+currentPage+".html",
|
||||
reload: 'strict'
|
||||
},
|
||||
closeButton: 'box'
|
||||
});
|
||||
|
||||
/* var waypoints = $('#mapa').waypoint({
|
||||
handler: function(direction) {
|
||||
enableMenuElement(this.element.id)
|
||||
|
|
@ -87,21 +110,20 @@ function renderPage(pageNumber ){
|
|||
console.log(pageNumber)
|
||||
$("body").empty();
|
||||
if(pageNumber==0){
|
||||
my.utils().renderExtTemplate({ name: 'portadamvl', selector: 'body', data: {} })
|
||||
my.utils().renderExtTemplate({ name: 'portada_'+sufix, 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 })
|
||||
my.utils().renderExtTemplate({ name: 'page6_'+sufix, selector: 'body', data: mdata })
|
||||
}
|
||||
else{
|
||||
var mdata=paginasData[pageNumber-1]
|
||||
mdata.showPrev=mdata.showNext=true
|
||||
//if(pageNumber==1) mdata.showPrev=false;
|
||||
if(pageNumber==7) mdata.showNext=false;
|
||||
my.utils().renderExtTemplate({ name: 'index_mob', selector: 'body', data: mdata })
|
||||
my.utils().renderExtTemplate({ name: 'page_'+sufix, selector: 'body', data: mdata })
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
var my = my || {};
|
||||
|
|
|
|||
102
js/main.js
102
js/main.js
|
|
@ -1,11 +1,12 @@
|
|||
viewStatus= "story" /* data story */
|
||||
pagesLoaded= 0
|
||||
totalPages=7;
|
||||
totalPages=8;
|
||||
window.onresize = function(){ location.reload(); }
|
||||
window.onload = function() {
|
||||
width = 1000,
|
||||
height = 1000;
|
||||
loadPageTemplates()
|
||||
|
||||
loadData();
|
||||
$('#pagepiling').pagepiling({
|
||||
menu: null,
|
||||
anchors: ["portada","page1","page2","page3","page4","page5","page6","page7"],
|
||||
|
|
@ -29,27 +30,55 @@ window.onload = function() {
|
|||
$('.btn-navigation.active').removeClass('active')
|
||||
$('#nav-btn-page'+index + " a").addClass('active')
|
||||
}
|
||||
});
|
||||
//turnEventsOn();
|
||||
|
||||
|
||||
|
||||
|
||||
}); //turnEventsOn();
|
||||
|
||||
}
|
||||
|
||||
function loadPageTemplates(){
|
||||
$('#portada').load("templates/portada.html",function(){
|
||||
loadModalEvent(0);
|
||||
function loadData(){
|
||||
$.getJSON( "data/textos.json", function( data ) {
|
||||
n_projects=Object.keys(data).length;
|
||||
paginasData=data;
|
||||
console.log("astas")
|
||||
loadPageTemplates()
|
||||
}).fail(function() {
|
||||
console.log( "error" );
|
||||
})
|
||||
}
|
||||
|
||||
for (var i=1; i<= totalPages; i++){
|
||||
(function (n) {
|
||||
sufix="desk"
|
||||
n_projects=7;
|
||||
function renderPage(pageNumber ){
|
||||
//$("body").fadeOut();
|
||||
console.log(pageNumber)
|
||||
//$("body").empty();
|
||||
if(pageNumber==0){
|
||||
my.utils().renderExtTemplate({ name: 'portada_'+sufix, selector: 'body', data: {} })
|
||||
}
|
||||
else if(pageNumber==6){
|
||||
var mdata=paginasData[pageNumber-1]
|
||||
my.utils().renderExtTemplate({ name: 'page6_'+sufix, selector: '#page-'+pageNumber, index : pageNumber, data: mdata })
|
||||
}
|
||||
else{
|
||||
var mdata=paginasData[pageNumber-1]
|
||||
my.utils().renderExtTemplate({ name: 'page_'+sufix, selector: '#page-'+pageNumber, index : pageNumber, data: mdata })
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function loadPageTemplates(){
|
||||
my.utils().renderExtTemplate({ name: 'portada_'+sufix, selector: '#portada', data: {}, index : 0 })
|
||||
/*$('#portada').load("templates/portada.html",function(){
|
||||
loadModalEvent(0);
|
||||
})*/
|
||||
|
||||
for (var i=1; i<= totalPages-1; i++){
|
||||
/*(function (n) {
|
||||
$('#page-'+n).load("templates/page"+n+".html",function(){
|
||||
counterLoading();
|
||||
loadModalEvent(n);
|
||||
})
|
||||
})(i)
|
||||
})(i)*/
|
||||
renderPage(i)
|
||||
}
|
||||
//turnEventsOn();
|
||||
}
|
||||
|
|
@ -61,13 +90,17 @@ function loadModalEvent(j){
|
|||
content: $('#map-page-'+j),
|
||||
closeButton: 'box'
|
||||
});
|
||||
|
||||
console.log(j)
|
||||
var modal2=
|
||||
new jBox('Modal', {
|
||||
width: '60%',
|
||||
height: '80%',
|
||||
attach: '#referencias-page-btn-'+j,
|
||||
content: $('#referencias-page-'+j),
|
||||
//content: $('#referencias-page-'+j),
|
||||
ajax: {
|
||||
url: 'referencias/page'+j+".html",
|
||||
reload: 'strict'
|
||||
},
|
||||
closeButton: 'box'
|
||||
});
|
||||
|
||||
|
|
@ -75,13 +108,14 @@ function loadModalEvent(j){
|
|||
|
||||
function counterLoading(){
|
||||
pagesLoaded++;
|
||||
$('.verstory-btn').hide();
|
||||
if(pagesLoaded >= totalPages){
|
||||
var ssize=$( window ).height();
|
||||
var bottomSize=$( "#timeline" ).height();
|
||||
$('.story-content').css("height",ssize-bottomSize+'px')
|
||||
$('.data-content').css("height",ssize-bottomSize+'px')
|
||||
//Todas las plantillas cargadas
|
||||
$('.menu-content').on("click",'.switchMode', function(e){
|
||||
$('.extra-btn-container').on("click",'.switchMode', function(e){
|
||||
if(viewStatus=="story")
|
||||
{
|
||||
viewStatus="data"
|
||||
|
|
@ -92,11 +126,15 @@ function counterLoading(){
|
|||
if(viewStatus=="story"){
|
||||
$('.story-content, .menu-story-content').show();
|
||||
$('.data-content, .menu-data-content').hide();
|
||||
$('.verstory-btn').hide();
|
||||
$('.vergrafico-btn').show();
|
||||
//$('.menu-content .switchMode').empty().html("ver datos")
|
||||
}
|
||||
else{
|
||||
$('.story-content, .menu-story-content').hide();
|
||||
$('.data-content, .menu-data-content').show();
|
||||
$('.vergrafico-btn').hide();
|
||||
$('.verstory-btn').show();
|
||||
//$('.menu-content .switchMode').empty().html("ver historia")
|
||||
}
|
||||
})
|
||||
|
|
@ -116,3 +154,33 @@ function turnEventsOn(){
|
|||
$(this).addClass('active')
|
||||
})*/
|
||||
}
|
||||
|
||||
var my = my || {};
|
||||
my.utils = (function() {
|
||||
var getPath = function(name) {
|
||||
return 'templates/' + name + '.tmpl.html';
|
||||
},
|
||||
renderExtTemplate = function(item) {
|
||||
var file = getPath( item.name );
|
||||
$.when($.get(file))
|
||||
.done(function(tmplData) {
|
||||
n_projects--;
|
||||
var tmpl= $.templates( tmplData );
|
||||
var rendered=tmpl.render(item.data)
|
||||
$(item.selector).append(rendered);
|
||||
//setCardSizes();
|
||||
afterLoading(item.index);
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
getPath: getPath,
|
||||
renderExtTemplate: renderExtTemplate
|
||||
};
|
||||
});
|
||||
function afterLoading(i){
|
||||
//$("body").fadeIn();
|
||||
//reloadEvents();
|
||||
if(i>0)loadModalEvent(i)
|
||||
counterLoading();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,17 @@
|
|||
<div class="referencias-popover" id="referencias-page-1">
|
||||
<h2> Fuentes relacionadas con los datos:</h2>
|
||||
<ul>
|
||||
<li><a href="https://es.wikipedia.org/wiki/Batalla_de_Alepo_(2012-2016)" target="_blank">Batalla de Alepo (2012-2016)</a> (s.f.) En <em>Wikipedia</em>.</li>
|
||||
<li>Meneses, Rosa (2016, 14 de diciembre). <a href="http://www.elmundo.es/internacional/2016/12/14/584f1b1ae5fdea4a3b8b4678.html" target="_blank">Cronología de la barbarie en Alepo.</a> <em>El Mundo.</em></li>
|
||||
</ul>
|
||||
<h3>Bibliografía complementaria consultada:</h3>
|
||||
<ul>
|
||||
<li>Defensor del Pueblo de España (s.f.). <em><a href="https://www.defensordelpueblo.es/wp-content/uploads/2015/05/2011-09-Menores-o-Adultos-Procedimientos-para-la-determinaci%C3%B3n-de-la-edad1.pdf" target="_blank">¿Menores o adultos? Procedimientos para la determinación de la edad.</a></em> Madrid: Defensor del Pueblo.</li>
|
||||
<li>Godin, Marie; Moller Hansen, Katrine; Lounasmaa, Aura; Squire, Corinne y Zaman, Tahir (Eds.) (2017). <em>Voices from the 'Jungle'. Stories from the Calais Refugee Camp.</em> United Kindgdom & United States of America: Pluto Press.</li>
|
||||
<li>Mijallo, Óscar (2017). <em>La niña a las puertas del infierno.</em> España: Kailas Editorial.</li>
|
||||
<li>Espinosa, Javier y García Prieto, Mónica (2016). <em>Siria, el país de las almas rotas. De la revolución al califato del ISIS</em>. Madrid: Debate.</li>
|
||||
<li>UNICEF (2017). <em><a href="https://www.unicef.org/appeals/syrianrefugees.html" target="_blank">Refugiados sirios. Informe de Siria, datos totales 2016.</a></em></li>
|
||||
<li>Save the Children (2016). <em><a href="https://www.savethechildren.es/sites/default/files/imce/docs/infancias-invisibles-ninos-migrantes-refugiados-trata-save-the-children.pdf" target="_blank">Infancias Invisibles. Menores Extranjeros No Acompañados, víctimas de trata y refugiados en España.</a></em> Editado por Save the Children.</li>
|
||||
<li>Save the Children (2017). <em><a href="https://www.savethechildren.es/publicaciones/heridas-invisibles" target="_blank">Heridas invisibles. El impacto de seis de años de guerra sobre la salud mental de los niños y niñas sirios.</a></em> Editado por Save the Children.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<div class="referencias-popover" id="referencias-page-2">
|
||||
<h2>Fuentes relacionadas con los datos:</h2>
|
||||
<ul>
|
||||
<li> Banco Mundial (2017) <em><a href="https://data.worldbank.org/indicator/SP.POP.TOTL" target="_blank">Datos demográficos. Población total.</a></em><a href="https://data.worldbank.org/indicator/SP.POP.TOTL" target="_blank"></a></li>
|
||||
<li>UNHCR (2017) <a href="http://data.unhcr.org/syrianrefugees/country.php?id=122" target="_blank">Syria Regional Refugee Response. Inter-agency Information Sharing Portal.</a></li>
|
||||
</ul>
|
||||
|
||||
<h3>Bibliografía complementaria consultada:</h3>
|
||||
<ul>
|
||||
<li>Amnistía Internacional (2017, 7 de febrero). <a href="https://www.amnesty.org/en/press-releases/2017/02/syria-investigation-uncovers-governments-secret-campaign-of-mass-hangings-and-extermination-at-saydnaya-prison/" target="_blank"><em>Syria: secret campaign of mass hangings and extermination at saydnaya prison.</em></a></li>
|
||||
<li><a href="http://scpr-syria.org/" target="_blank">Centro Sirio para Investigación Política.</a></li>
|
||||
<li><a href="http://www.syriahr.com/en/" target="_blank">Observatorio Sirio de Derechos Humanos.</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
|
||||
<div class="referencias-popover" id="referencias-page-3">
|
||||
<h2> Fuentes relacionadas con los datos:</h2>
|
||||
<ul>
|
||||
<li>Europol - European Migrant Smuggling Centre (2017). <a href="https://www.europol.europa.eu/publications-documents/emsc-first-year-activity-report" target="_blank"><em>Activity Report. First Year (Jan 2016-Jan 2017)</em></a>.</li>
|
||||
<li>Europol – Interpol (2016). <a href="https://www.europol.europa.eu/sites/default/files/publications/ep-ip_report_executive_summary.pdf" target="_blank"><em>Migrant Smuggling Networks. Joint Europol – INTERPOL Report</em></a>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
|
||||
<div class="referencias-popover" id="referencias-page-4">
|
||||
<h2> Fuentes relacionadas con los datos:</h2>
|
||||
<ul>
|
||||
<li>International Organization for Migration (2015, 2016m 2017). <a href="http://migration.iom.int/docs/MMP/170919_Mediterranean_Update.pdf" target="_blank"><em>Mediterranean Update. Migration Flows Europe: Arrivals and Fatalities</em></a>.</li>
|
||||
<li>International Organization for Migration – IOM’S Global Migration Data Analysis Centre GMDAC (2017). <a href="https://missingmigrants.iom.int/region/mediterranean" target="_blank"><em>Missing migrants: Tracking deaths along migratory routes</em></a>.</li>
|
||||
<li>Sigona, Nando y Humphris, Rachel (2017, 23 de enero). <em><a href="https://www.law.ox.ac.uk/research-subject-groups/centre-criminology/centreborder-criminologies/blog/2017/01/child-mobility-eu" target="_blank">Child Mobility in the EU’s Refugee Crisis: What Are The Data Gaps And Why Do They Matter? Border Criminologies</a></em>.</li>
|
||||
<li>Townsend, Mark (2016, 20 de enero). <a href="https://www.theguardian.com/world/2016/jan/30/fears-for-missing-child-refugees" target="_blank">10,000 refugee children are missing, says Europol</a>. <em>The Observer. The Guardian</em>.</li>
|
||||
<li>Vidal, Mario (2017, 2 de julio). <a href="http://www.vozpopuli.com/altavoz/cronicas/mena-caos-burocratico-mafias-ponen-riesgo-menores-desaparecidos-europa_0_1037597552.html" target="_blank">El caos burocrático y las mafias ponen en riesgo a más de 10.000 menores desaparecidos en Europa.</a> <em>Vózpopuli</em>.</li>
|
||||
</ul>
|
||||
<h3>Bibliografía complementaria consultada:</h3>
|
||||
<ul>
|
||||
<li>International Organization for Migration - IOM’s Global Migration Data Analysis Centre GMDAC (2017).<em><a href="https://publications.iom.int/books/fatal-journeys-volume-3-part-1-improving-data-missing-migrants" target="_blank"> Fatal Journeys. Volume 3. Part 1. Improving Data on Missing Migrants</a></em>. Geneva: International Organization for Migration.</li>
|
||||
<li>IOM’s Global Migration Data Analysis Centre GMDAC (2017). <a href="https://missingmigrants.iom.int/sites/default/files/C%20Med%20fatalities%20briefing%20July%202017.pdf" target="_blank"><em>The Central Mediterranean route: Migrant fatalities</em></a>.</li>
|
||||
<li>Kingsley, Patrick (2015, 15 de junio). <a href="https://www.theguardian.com/world/ng-interactive/2015/jun/09/a-migrants-journey-from-syria-to-sweden-interactive" target="_blank">The Journey: A refugee's odyssey from Syria to Sweden.</a><em> The Guardian</em>.</li>
|
||||
<li>Kingsley, Patrick (2015, 22 de diciembre). <a href="https://www.theguardian.com/world/2015/dec/22/lesvos-humanitarian-operations-compassion-refugees-continue-to-arrive-by-sea" target="_blank">Lesbos is swept by wave of compassion as refugees continue to arrive by sea. </a>The Guardian.</li>
|
||||
<li>Missing Children Europe (s.f.). Figures and trends 2016. <em><a href="http://missingchildreneurope.eu/Portals/0/Docs/Annual%20and%20Data%20reports/Missing%20Children%20Europe%20figures%20and%20trends%202016.pdf" target="_blank">From hotlines for missing children and cross-border family mediators</a></em>.</li>
|
||||
<li>UNHCR (2017). <a href="https://data2.unhcr.org/en/documents/download/58838" target="_blank"><em>Desperate Journeys. Refugees and migrants entering and crossing Europe via the Mediterranean and Western Balkans routes</em></a>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
|
||||
<div class="referencias-popover" id="referencias-page-5">
|
||||
<h2> Fuentes relacionadas con los datos:</h2>
|
||||
<ul>
|
||||
<li>UNHCR (s.f.). <em><a href="http://popstats.unhcr.org/en/asylum_seekers" target="_blank">Population Statistics Database</a></em>.</li>
|
||||
<li>UNHCR (2017). <em><a href="http://data2.unhcr.org/en/situations/mediterranean" target="_blank">Operational Data Portal. Refugee Situations</a></em>.</li>
|
||||
</ul>
|
||||
|
||||
<h3>Bibliografía complementaria consultada:</h3>
|
||||
<ul>
|
||||
<li>Domokos, John y Kingsley, Patrick (2015, 21 de noviembre). <a href="https://www.theguardian.com/world/2015/nov/21/chaos-greek-islands-three-tier-refugee-registration-system-syria-lesbos" target="_blank">Chaos on Greek islands as refugee registration system favours Syrians</a>. <em>The Guardian</em>.</li>
|
||||
<li>Red SOS Refugiados (s.f.). <a href="https://sosrefugiados.wordpress.com/mapas-utiles/" target="_blank"><em>Mapas útiles de SOS Refugiados</em></a>.</li>
|
||||
<li>Refugee Rights - Data Project (2017). <em><a href="http://refugeerights.org.uk/wp-content/uploads/2017/07/RRDP_AnIslandAtBreakingPoint.pdf" target="_blank">An Island at Breaking Point.Filling information gaps relating to refugees and displaced people in Chios, Greece</a></em>.</li>
|
||||
<li>Refugee Rights - Data Project (2017). <em><a href="http://refugeerights.org.uk/wp-content/uploads/2017/04/RRDP_SixMonthsOn.pdf" target="_blank">Six months on filling information gaps relating to children and young adults in northern france following the demolition of the calais camps</a></em>.</li>
|
||||
<li>Refugee Rights - <a href="http://refugeerights.org.uk/reports/" target="_blank">Data Project (s.f.)</a>.</li>
|
||||
<li>Thompson, Stuart A. y Singhvi, Anjali (2017, 14 de junio). <a href="https://www.nytimes.com/interactive/2017/06/14/world/europe/migrant-rescue-efforts-deadly.html" target="_blank">Efforts to Rescue Migrants Caused Deadly, Unexpected Consequences</a>. <em>The New York Times</em>.</li>
|
||||
<li>UNHCR (2016, 27 de mayo). <em><a href="http://www.unhcr.org/news/briefing/2016/5/57480cb89/greece-unhcr-concerned-conditions-new-refugee-sites-urges-alternatives.html" target="_blank">Greece: UNHCR concerned at conditions in new refugee sites and urges that alternatives be found</a></em>.</li>
|
||||
<li>UNHCR (2016). <em><a href="https://data2.unhcr.org/ar/documents/download/53447" target="_blank">Refugees & migrants sea arrivals in Europe</a></em>.</li>
|
||||
<li>UNHCR (2017). <a href="http://www.unhcr.org/dach/wp-content/uploads/sites/27/2017/04/midyeartrends_2016.pdf" target="_blank"><em>Mid-Year Trends 2016</em></a>.</li>
|
||||
<li>UNHCR (2017). <em><a href="http://www.unhcr.gr/sites/June2017/Site_Profiles_June2017.pdf" target="_blank">Sites Profiles June 2017. Site management support</a></em>.</li>
|
||||
<li>UNHCR (s.f.). <em><a href="https://explorables.cmucreatelab.org/explorables/annual-refugees/examples/webgl-timemachine/#v=4.56342,0,0.142,latLng&t=1.63&l=bdrk,ar" target="_blank">Global Refugee Flow: 2000-2015</a></em>.</li>
|
||||
<li>UNHCR (s.f.). <em><a href="https://data2.unhcr.org/en/documents/download/47786" target="_blank">Greece factsheet 2016</a></em>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
|
||||
<div class="referencias-popover" id="referencias-page-6">
|
||||
<h2>Fuentes relacionadas con los datos:</h2>
|
||||
<ul>
|
||||
<li>UNHCR (2017). <em><a href="https://data2.unhcr.org/en/documents/download/53941" target="_blank">Site Profiles Greece</a></em>.</li>
|
||||
</ul>
|
||||
<h3>Bibliografía complementaria consultada:</h3>
|
||||
<ul>
|
||||
<li>UNHCR (2017). <em><a href="http://data2.unhcr.org/en/situations/mediterranean" target="_blank">Operational Portal. Refugee Situations</a></em>.</li>
|
||||
<li>UNICEF (s.f.). <em><a href="https://www.unicef.es/causas/emergencias/conflicto-en-siria" target="_blank">Los niños sirios han tocado fondo en medio del brutal conflicto que viven</a></em>.</li>
|
||||
<li>UNICEF (2017). <a href="https://data2.unhcr.org/en/documents/download/57939" target="_blank"><em>Access to Education of Refugee and Migrant Children outsid Accommodation (Open) Sites</em></a>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<div class="referencias-popover" id="referencias-page-7">
|
||||
<h2> Fuentes relacionadas con los datos:</h2>
|
||||
<ul>
|
||||
<li><a href="http://himaya.es/es/" target="_blank">ONG Himaya</a>.</li>
|
||||
<li>UNHCR Greece (2017). <em><a href="https://data2.unhcr.org/en/documents/details/60058" target="_blank">Weekly Accommodation Update. September 26, 2017</a></em>.</li>
|
||||
|
||||
</ul>
|
||||
<h3>Bibliografía complementaria consultada:</h3>
|
||||
<ul>
|
||||
<li>European Asylum Support Office (2017). <a href="https://www.easo.europa.eu/sites/default/files/Annual-Report-2016.pdf" target="_blank">Annual Report on the Situation of Asylum in the European Union 2016</a>. <em>European Union: European Asylum Support Office</em>.</li>
|
||||
<li>European Commission (2017, 26 de julio). <a href="https://ec.europa.eu/home-affairs/sites/homeaffairs/files/what-we-do/policies/european-agenda-migration/20170726_factsheet_managing_refugee_crisis_eu_financial_support_greece_en.pdf" target="_blank">Managing the refugee crisis</a>. <em>EU Financial Support to Greece</em>.</li>
|
||||
<li>Eurostat (2017). <em><a href="http://ec.europa.eu/eurostat/statistics-explained/index.php/Asylum_quarterly_report" target="_blank">Asylum quarterly report</a></em>.</li>
|
||||
<li>Sánchez, Gabriela (2017, 26 de septiembre). <a href="http://www.eldiario.es/desalambre/despues-finalizar-proceso-reubicacion-refugiados_0_690831747.html" target="_blank">¿Qué pasa una vez finalizado el plazo del proceso de reubicación de refugiados?</a>. <em>El diario.es</em>.</li>
|
||||
<li>Vargas, Jairo (2017, 26 de septiembre). <a href="http://www.publico.es/sociedad/refugiados-refugiados-fracaso-europa.html" target="_blank">Refugiados, el último fracaso de Europa</a>. <em>Público</em>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
Binary file not shown.
|
|
@ -0,0 +1,117 @@
|
|||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-9 section-left">
|
||||
<div class="section-inner-content">
|
||||
<div class="story-content" style="background-image: url(images/c6_IMG_story.jpg)">
|
||||
<!-- img src="images/c6_IMG_story.jpg" class="img-responsive" /> --> <!-- imagen de historia-->
|
||||
</div>
|
||||
<div class="data-content" style="display:none">
|
||||
<div class="row">
|
||||
<div class="col-sm-2 col-lg-1 " style="margin-top:2em">
|
||||
<ul class="carousel-btn">
|
||||
<a href="#" data-target="#myCarousel" data-slide-to="0" class="carouselGotoBtn btn btn-default btn-block active" >
|
||||
<li >
|
||||
2011
|
||||
</li>
|
||||
</a>
|
||||
<a href="#" data-target="#myCarousel" data-slide-to="1" class="carouselGotoBtn btn btn-default btn-block">
|
||||
<li >
|
||||
2012
|
||||
</li></a>
|
||||
<a href="#" data-target="#myCarousel" data-slide-to="2" class="carouselGotoBtn btn btn-default btn-block">
|
||||
<li >
|
||||
2013
|
||||
</li></a>
|
||||
<a href="#" data-target="#myCarousel" data-slide-to="3" class="carouselGotoBtn btn btn-default btn-block">
|
||||
<li >
|
||||
2014
|
||||
</li></a>
|
||||
<a href="#" data-target="#myCarousel" data-slide-to="4" class="carouselGotoBtn btn btn-default btn-block">
|
||||
<li >
|
||||
2015
|
||||
</li></a>
|
||||
<a href="#" data-target="#myCarousel" data-slide-to="5" class="carouselGotoBtn btn btn-default btn-block">
|
||||
<li >
|
||||
2016
|
||||
</li></a>
|
||||
<a href="#" data-target="#myCarousel" data-slide-to="6" class="carouselGotoBtn btn btn-default btn-block">
|
||||
<li>
|
||||
2017
|
||||
</li></a>
|
||||
</ul>
|
||||
</div>
|
||||
<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.jpg" alt="2011">
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<img src="images/c6_aerea2012.jpg" alt="2012">
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<img src="images/c6_aerea2013.jpg" alt="2013">
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="images/c6_aerea2014.jpg" alt="2014">
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="images/c6_aerea2015.jpg" alt="2015">
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="images/c6_aerea2016.jpg" alt="2016">
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="images/c6_aerea2017.jpg" alt="2017">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img src="images/c6_IMG_grafico_inferior.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="menu-content">
|
||||
<!-- METER CONTENIDO DEL PANEL DERECHO AQUÍ -->
|
||||
|
||||
<div class="menu-story-content">
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-md-offset-1 col-lg-8 col-lg-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
|
||||
<div class="menu-story-inner">
|
||||
{{:storytext}}
|
||||
</div>
|
||||
<a href="#" class="switchMode" class="btn btn-circle"> <img src="images/c6_ver_grafico.jpg" class="vergrafico img-responsive" /> </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu-data-content" style="display:none">
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-md-offset-1 col-lg-8 col-lg-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
|
||||
<div class="menu-data-inner">
|
||||
{{:maptext}}
|
||||
|
||||
</div>
|
||||
<a href="#" class="referencias" id="referencias-page-btn-6"> Referencias bibliográficas </a>
|
||||
<a href="#" class="switchMode" class="btn btn-circle"> <img src="images/c6_ver_story.jpg" class="verstory img-responsive" /> </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="extra-btn-container">
|
||||
<a class="" id="map-btn-page-{{:n_page}}" href="#"> <img src="images/c{{:n_page}}_menu_mapa.png" width="60px" height="74px" class="mapa img-responsive" /> </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="map-popover" id="map-page-6">
|
||||
<img src="images/c6_mapa_ACT.jpg" class="img-responsive" />
|
||||
</div>
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-9 section-left">
|
||||
<div class="section-inner-content">
|
||||
<div class="story-content" style="background-image: url(images/c{{:n_page}}_IMG_story.jpg)">
|
||||
<!-- <img src="images/c1_IMG_story.jpg" class="img-responsive" /> imagen de historia-->
|
||||
</div>
|
||||
<div class="data-content" style="display:none; background-image: url(images/c{{:n_page}}_IMG_grafico.jpg)">
|
||||
<!-- <img src="images/c1_IMG_grafico.jpg" class="img-responsive" /> imagen de datos-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="menu-content">
|
||||
<!-- METER CONTENIDO DEL PANEL DERECHO AQUÍ -->
|
||||
<div class="menu-story-content">
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-md-offset-1 col-lg-8 col-lg-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
|
||||
|
||||
<div class="menu-story-inner">
|
||||
{{:storytext}}
|
||||
</div>
|
||||
<!--<a href="#" class="switchMode" class="btn btn-circle"> <img src="images/c{{:n_page}}_ver_grafico.jpg" class="vergrafico img-responsive" /> </a>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu-data-content" style="display:none">
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-md-offset-1 col-lg-8 col-lg-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
|
||||
<div class="menu-data-inner">
|
||||
{{:maptext}}
|
||||
</div>
|
||||
<a href="#" class="referencias" id="referencias-page-btn-{{:n_page}}"> Referencias bibliográficas </a>
|
||||
<!--<a href="#" class="switchMode" class="btn btn-circle">
|
||||
<img src="images/c{{:n_page}}_ver_story.jpg" class="verstory img-responsive" />
|
||||
</a> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="extra-btn-container">
|
||||
<a class="" id="map-btn-page-{{:n_page}}" href="#"> <img src="images/c{{:n_page}}_menu_mapa.png" width="60px" height="74px" class="mapa img-responsive" />
|
||||
ver mapa
|
||||
</a>
|
||||
<a href="#" class="switchMode verstory-btn" class="btn btn-circle">
|
||||
<img src="images/c{{:n_page}}_menu_story.png" width="60px" height="74px" class="verstory img-responsive" />
|
||||
ver historia
|
||||
</a>
|
||||
<a href="#" class="switchMode vergrafico-btn" class="btn btn-circle"> <img src="images/c{{:n_page}}_menu_datos.png" width="60px" height="74px" class="vergrafico img-responsive" />
|
||||
ver datos
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="map-popover" id="map-page-{{:n_page}}">
|
||||
<img src="images/c{{:n_page}}_mapa_ACT.jpg" class="img-responsive" />
|
||||
</div>
|
||||
|
|
@ -40,6 +40,7 @@
|
|||
<div id="map-text">
|
||||
{{:maptext}}
|
||||
</div>
|
||||
<a href="#" class="referencias" id="referencias-page-btn-{{:n_page}}"> Referencias bibliográficas </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
<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="container-fluid desktop-profile" 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"/> -->
|
||||
|
|
@ -24,6 +24,6 @@
|
|||
<p>Victor Valles</p>
|
||||
<h3>Agradecimientos:</h3>
|
||||
<p>A Elena Cabrera y Héctor Millano de <a href="https://porcausa.org/" target="_blank">PorCausa</a> por aportar información de tremendo valor y ayudándonos a creer que La Historia de Zainab valía la pena ser contada. </p>
|
||||
<p>A Sergio Galán haciendo que la web<a href="http://historiadezainab.org/" target="_blank"> historiadezainab.org</a> sea una realidad.</p>
|
||||
<p>A Sergio Galán haciendo que la web<a href="http://historiadezainab.org/" target="_blank"> historiadezainab.org</a> sea una realidad.</p>
|
||||
<p>Y además, Hannah Williams, Alejandro Zappala, Samuel Granados, Beatriz Martínez, Pablo Martín, JesúsDa, y todo el equipo de <a href="http://medialab-prado.es/article/visualizar17-migraciones" target="_blank">Visualizar'17</a> que nos dieron una fuerza imprescindible para emprender este viaje.</p>
|
||||
</div>
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
<div class="container-fluid nopadding" id="cover-mvl">
|
||||
<div class="container-fluid nopadding" id="cover-mvl" >
|
||||
<div id="main-content">
|
||||
<div id="story">
|
||||
<img src="images/c0_portada_mob_cortada.jpg" class="img-responsive"/>
|
||||
Loading…
Reference in New Issue