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

bugs

Browse source
This commit is contained in:
Sergio 2017-11-14 01:41:11 +01:00
parent 95fcb563c9
commit eaa93b36c9
14 changed files with 146 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
css/css/home.css
View file

@ -1 +1 @@
@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}}
@media (min-width:900px){p{font-size:12px}#portada{width:100%;height:100%}#equipo-row{font-family:'Londrina Solid',cursive;color:black;background-color:#af9f7b;padding:1em;margin-left:-15px;margin-right:-15px;text-align:center;font-weight:normal}#equipo-row span{font-weight:bold}.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}}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}

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

@ -1 +1 @@
{"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"}
{"version":3,"sources":["home.less"],"names":[],"mappings":"AA6MA,QA7M0B,iBACtB,EACI,eAGJ,SACI,UAAA,CACA,YAGJ,YACI,YAAc,wBAAd,CACA,WAAA,CACA,wBAAA,CAA2B,WAAA,CAC3B,iBAAA,CACA,kBAAA,CACA,iBAAA,CACA,mBAPJ,WAQI,MACI,iBAKR,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,aA8FH,CAjFsB,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,oBAKR,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"}

39
css/home.less
View file

@ -9,6 +9,20 @@
height:100%;
}
#equipo-row{
font-family: 'Londrina Solid', cursive;
color:black;
background-color: #AF9F7B; padding: 1em;
margin-left:-15px;
margin-right:-15px;
text-align: center;
font-weight: normal;
span{
font-weight: bold;
}
}
.cd-horizontal-timeline .events-content {
position: relative;
}
@ -189,3 +203,28 @@
}
}
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;
}

BIN
images/c0_portada.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 103 KiB

After

Width:  |  Height:  |  Size: 105 KiB

BIN
images/c0_portada_cortada.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 60 KiB

BIN
js/.DS_Store vendored
View file

Binary file not shown.

13
js/main-mvl.js
View file

@ -4,7 +4,7 @@ totalPages=7;
currentPage=0;
mode="desktop"
sufix="desk"
//window.onresize = function(){ location.reload(); }
window.onload = function() {
wwidth=$( window ).width();
if(wwidth<900) {
@ -14,6 +14,17 @@ window.onload = function() {
loadData()
/**** mobile ****/
windowWidth = $(window).width();
$(window).resize(function(){
// Check window width has actually changed and it's not just iOS triggering a resize event on scroll
if ($(window).width() != windowWidth) {
// Update the window width for next time
windowWidth = $(window).width();
// Do stuff here
if(windowWidth>900) location.reload();
}
})
}
function reloadEvents(){

17
js/main.js
View file

@ -1,7 +1,9 @@
viewStatus= "story" /* data story */
pagesLoaded= 0
totalPages=8;
window.onresize = function(){ location.reload(); }
var windowWidth = $(window).width();
window.onload = function() {
width = 1000,
height = 1000;
@ -31,7 +33,18 @@ window.onload = function() {
$('#nav-btn-page'+index + " a").addClass('active')
}
}); //turnEventsOn();
windowWidth = $(window).width();
$(window).resize(function(){
// Check window width has actually changed and it's not just iOS triggering a resize event on scroll
if ($(window).width() != windowWidth) {
// Update the window width for next time
windowWidth = $(window).width();
// Do stuff here
if(windowWidth<900) location.reload();
}
})
}
function loadData(){
@ -90,7 +103,7 @@ function loadModalEvent(j){
content: $('#map-page-'+j),
closeButton: 'box'
});
console.log(j)
var modal2=
new jBox('Modal', {
width: '60%',

17
templates/page6_desk.tmpl.html
View file

@ -41,7 +41,7 @@
</ul>
</div>
<div class="col-sm-10 col-lg-11">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<div id="myCarousel" class="carousel" data-ride="carousel">
<div class="carousel-inner">
<div class="item active">
<img src="images/c6_aerea2011.jpg" alt="2011">
@ -86,7 +86,7 @@
<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>
<!-- <a href="#" class="switchMode" class="btn btn-circle"> <img src="images/c6_ver_grafico.jpg" class="vergrafico img-responsive" /> </a>-->
</div>
</div>
</div>
@ -98,14 +98,23 @@
</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>
<!--<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>
<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>

3
templates/page6_mob.tmpl.html
View file

@ -38,7 +38,7 @@
<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 id="myCarousel" class="carousel" data-ride="carousel">
<div class="carousel-inner">
<div class="item active">
<img src="images/c6_aerea2011_mob.jpg" alt="2011">
@ -105,6 +105,7 @@
<div id="map-text">
{{:maptext}}
</div>
<a href="#" class="referencias" id="referencias-page-btn-{{:n_page}}"> Referencias bibliográficas </a>
</div>
</div>
</div>

2
templates/page_desk.tmpl.html
View file

@ -31,7 +31,7 @@
{{:maptext}}
</div>
<a href="#" class="referencias" id="referencias-page-btn-{{:n_page}}"> Referencias bibliográficas </a>
<!--<a href="#" class="switchMode" class="btn btn-circle">
<!-- <a href="#" class="switchMode" class="btn btn-circle">
<img src="images/c{{:n_page}}_ver_story.jpg" class="verstory img-responsive" />
</a> -->
</div>

4
templates/page_mob.tmpl.html
View file

@ -33,10 +33,10 @@
</div>
</div>
<div id="mapa" class="section">
<img src="images/c{{:n_page}}_mapa_mob.jpg" class="img-responsive full-width-img{"/>
<img src="images/c{{:n_page}}_mapa_mob.jpg" class="img-responsive full-width-img"/>
</div>
<div id="datos" class="section">
<img src="images/c{{:n_page}}_IMG_grafico_mob.jpg" class="img-responsive full-width-img{"/>
<img src="images/c{{:n_page}}_IMG_grafico_mob.jpg" class="img-responsive full-width-img"/>
<div id="map-text">
{{:maptext}}
</div>

80
templates/portada_desk.tmpl.html
View file

@ -1,29 +1,67 @@
<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"/> -->
<div style="position:absolute; right:90px; bottom:10px;">
<a href="#" class="referencias" id="referencias-page-btn-0"> Créditos </a>
<div class="container-fluid desktop-profile" style="background:url(images/c0_portada_cortada.jpg); background-color:#3A3F54; background-position: top; background-repeat: no-repeat; background-size: contain; width:100%; height:60vh">
<div class="row">
<div id="portada" >
<!-- <img src="images/c0_portada.jpg" class="img-responsive" style="z-index:1000"/> -->
<div style="position:absolute; right:90px; bottom:10px;">
<!--<a href="#" class="referencias" id="referencias-page-btn-0"> Créditos </a>-->
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div clas="row" id="equipo-row" style="">
Equipo:
<span>Amanda Figueras | </span>
<span>Aránzazu Cruz | </span>
<span>Camino Prieto | </span>
<span>Ferrán Morales | </span>
<span>Ignasi Alcalde | </span>
<span>Mª Carmen Peñaranda | </span>
<span>María Luisa Ocaña | </span>
<span>Sergio Galán | </span>
<span>Victor Valles (ilustraciones) </span>
</div>
<div clas="row" style="min-height:120px; font-size:11px">
<div class="col-md-6 col-lg-5 col-lg-offset-1" >
<h4>Agradecimientos:</h4>
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 ayudarnos a creer que La Historia de Zainab valía la pena ser contada.
A Sergio Galán haciendo que la web <a href="http://historiadezainab.org/" target="_blank"> historiadezainab.org</a> sea una realidad.
</div>
<div class="col-md-6 col-lg-5">
<h4>&nbsp;</h4>
Y además, Hannah Williams, Alejandro Zapala, 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.
</div>
</div>
<div class="row" style="border-top:2px solid black; margin-top:10px;">
<div class="col-md-2 col-md-offset-1" id="cover-footer" >
<div style="padding:5px">
<a href="https://porcausa.org/" target="_blank"> <img src="images/c0_portada_porcausa.png" class="img-responsive"/> </a>
</div>
</div>
<div class="col-md-4" id="cover-social" >
Compártelo:
<ul class="share-buttons">
<li><a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fhistoriadezainab.org%2F&t=La%20historia%20de%20Zainab" title="Share on Facebook" target="_blank"><img alt="Share on Facebook" src="images/c0_portada_facebook.png" /></a></li>
<li><a href="https://twitter.com/intent/tweet?source=http%3A%2F%2Fhistoriadezainab.org%2F&text=La%20historia%20de%20Zainab:%20http%3A%2F%2Fhistoriadezainab.org%2F" target="_blank" title="Tweet"><img alt="Tweet" src="images/c0_portada_twitter.png" /></a></li>
<li><a href="http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Fhistoriadezainab.org%2F&title=La%20historia%20de%20Zainab&summary=Este%20c%C3%B3mic%20quiere%20visibilizar%20el%20%C3%A9xodo%20de%20Zainab%20y%20su%20familia%20que%2C%20como%20otros%2011%20millones%20de%20personas%2C%20se%20han%20visto%20obligadas%20a%20abandonar%20su%20hogar%20desde%20que%20en%202011%20comenz%C3%B3%20la%20guerra%20en%20Siria.&source=http%3A%2F%2Fhistoriadezainab.org%2F" target="_blank" title="Share on LinkedIn"><img alt="Share on LinkedIn" src="images/c0_portada_linkedit.png" /></a></li>
</ul>
</div>
<div class="col-md-2 " style="padding:5px">
<a href="http://medialab-prado.es" target="_blank"> <img src="images/c0_portada_medialab.png" class="img-responsive"/></a>
</div>
<div class="col-md-2 " style="padding:5px">
<div style="font-size:8px; line-height:12px; vertical-align:center;">
Creative commons. </br> Medialab-prado 2017</div>
</div>
</div>
</div>
<div class="referencias-popover" id="referencias-page-0">
<h2> Equipo: </h2>
<p>Amanda Figueras</p>
<p>Aránzazu Cruz </p>
<p>Camino Prieto</p>
<p>Ferrán Morales</p>
<p>Ignasi Alcalde</p>
<p>Mª Carmen Peñaranda</p>
<p>María Luisa Ocaña</p>
<p>Sergio Galán</p>
<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>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>

2
templates/portada_mob.tmpl.html
View file

@ -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"/>