bibliografia

css/css/home.css

@@ -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;height:100px;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}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}div.section-left{background-color:#ededed}a.switchMode{display:block;max-height:150px}div.section-inner-content{text-align:right}.menu-story-inner,.menu-data-inner{padding-top:2em;padding-bottom:2em}
+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;height:100px;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}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}a.switchMode{display:block;max-height:150px}div.section-inner-content{text-align:right}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}

css/css/home.css.map

@@ -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,CACA,YAAA,CACA,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,uBAKJ,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,aA2CC,CA/BkB,CAAC,OAAO,QAZ3B,aAYoC,EAAC,OAAO,SACpC,wBAAA,CACA,YAIR,CAAC,YACG,mBAGJ,aACI,aAEJ,GAAG,cACH,yBAGA,CAAC,YACG,aAAA,CACA,iBAEJ,GAAG,uBACC,iBAMJ,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,CACA,YAAA,CACA,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,uBAKJ,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,aAyDC,CA7CkB,CAAC,OAAO,QAZ3B,aAYoC,EAAC,OAAO,SACpC,wBAAA,CACA,YAIR,CAAC,YACG,mBAGJ,aACI,aAEJ,qBACI,SAAA,CACA,WAEJ,GAAG,cACC,yBAGJ,CAAC,YACG,aAAA,CACA,iBAEJ,GAAG,uBACC,iBAKJ,CAAC,aACG,oBAAA,CACA,wBAAA,CACA,aAAA,CAIA,oBAAA,CACA,kBAJA,CAJH,YAII,OACG,cAMR,kBAAmB,iBACf,eAAA,CACA"}

css/home.less

@@ -120,8 +120,12 @@ a.btn-circle {
 .map-popover {
     display: none;
 }
+.referencias-popover{
+    width:90%;
+    height:80%;
+}
 div.section-left{
-background-color: #ededed;
+    background-color: #ededed;
 }
 
 a.switchMode{
@@ -134,6 +138,16 @@ div.section-inner-content {
 
     div.data-content {}
 }
+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;

js/main.js

@@ -56,6 +56,15 @@ function loadModalEvent(j){
       closeButton: 'box'
     });
 
+    var modal2=
+    new jBox('Modal', {
+        width: '60%',
+        height: '80%',
+      attach: '#referencias-page-btn-'+j,
+      content: $('#referencias-page-'+j),
+      closeButton: 'box'
+    });
+
 }
 
 function counterLoading(){

templates/page1.html

@@ -32,7 +32,8 @@
                                 Los datos entran en acción para contar una historia. Y si a menudo es difícil obtener datos fiables, en un contexto de guerra todas las cifras se convierten en estimaciones.
                                  No por ello dejan de representar una realidad que están viviendo millones de personas tratadas como números.
                                  Aquí tratamos a los números como personas.
- </div>
+                            </div>
+                            <a href="#" class="referencias" id="referencias-page-btn-1"> Referencias bibliográficas </a>
                             <a href="#" class="switchMode" class="btn btn-circle">
                                 <img src="images/c1_ver_story.jpg" class="verstory img-responsive" />
                             </a>
@@ -53,3 +54,21 @@
 <div class="map-popover"  id="map-page-1">
     <img src="images/c1_mapa_ACT.jpg" class="img-responsive" />
 </div>
+
+<div class="referencias-popover"  id="referencias-page-1">
+    <h2> Fuentes relacionadas con las gráficas y datos:</h2>
+Cronología de la barbarie en Alepo http://www.elmundo.es/internacional/2016/12/14/584f1b1ae5fdea4a3b8b4678.html
+Batalla de Alepo (2012-2016) https://es.wikipedia.org/wiki/Batalla_de_Alepo_(2012-2016)
+
+Bibliografía complementaria consultada:
+‘Voices from the 'Jungle': Stories from the Calais Refugee Camp Hardcover’ by Calais Writers.
+‘La niña a las puertas del infierno’ por Óscar Mijallo.
+‘Siria, el país de las almas rotas : de la revolución al califato del ISIS’ por Javier Espinosa Robles y Mónica García Prieto.
+Heridas invisibles: el impacto de seis de años de guerra sobre la salud mental de los niños y niñas sirios https://www.savethechildren.es/publicaciones/heridas-invisibles
+UNICEF Informe de Siria, datos totales 2016
+https://www.unicef.org/appeals/syrianrefugees.html
+Informe Infancias Invisibles. Menores Extranjeros No Acompañados, víctimas de trata y refugiados en España
+https://www.savethechildren.es/sites/default/files/imce/docs/infancias-invisibles-ninos-migrantes-refugiados-trata-save-the-children.pdf
+Procedimientos para detectar si son menores o adultos
+https://www.defensordelpueblo.es/wp-content/uploads/2015/05/2011-09-Menores-o-Adultos-Procedimientos-para-la-determinaci%C3%B3n-de-la-edad1.pdf
+</div>

templates/page2.html

@@ -35,7 +35,7 @@
                                 Líbano, Jordania y Turquía son las principales vías de salida de sirios en busca de refugio.
                                 En 2017, dos de cada tres personas sirias han tenido que abandonar su hogar.
                             </div>
-
+                            <a href="#" class="referencias" id="referencias-page-btn-2"> Referencias bibliográficas </a>
                             <a href="#" class="switchMode" class="btn btn-circle">   <img src="images/c2_ver_story.jpg" class="verstory img-responsive" /> </a>
                     </div>
                 </div>
@@ -51,3 +51,9 @@
     <div class="map-popover"  id="map-page-2">
     <img src="images/c2_mapa_ACT.jpg" class="img-responsive" />
     </div>
+
+
+    <div class="referencias-popover"  id="referencias-page-2">
+        <h2> Fuentes relacionadas con las gráficas y datos:</h2>
+    <!-- METER BIBLIO AQUI -->
+    </div>

templates/page3.html

@@ -21,6 +21,7 @@
                             Los traficantes de personas exigen a la madre de Zainab entre 500 y 700 euros por una plaza de un único adulto en un bote pequeño. El precio para los niños se reduce a la mitad.
                             En ningún caso se les provee de chaquelo salvavidas, a no ser que abonen otros 100 euros por persona. La transacción económica se cierra, a pesar de que la madre de Zainab no confía en las garantías que le dan personas que hacen del tráfico humano su modo de vida.
                         </div>
+                        <a href="#" class="referencias" id="referencias-page-btn-3"> Referencias bibliográficas </a>
                             <a href="#" class="switchMode" class="btn btn-circle"> <img src="images/c3_ver_grafico.jpg" class="vergrafico img-responsive" /> </a>
                         </div>
                     </div>
@@ -47,3 +48,7 @@
     <div class="map-popover"  id="map-page-3">
     <img src="images/c3_mapa_ACT.jpg" class="img-responsive" />
     </div>
+    <div class="referencias-popover"  id="referencias-page-3">
+        <h2> Fuentes relacionadas con las gráficas y datos:</h2>
+    <!-- METER BIBLIO AQUI -->
+    </div>

templates/page4.html

@@ -32,6 +32,7 @@ Su periplo está lejos de terminar.
                             <div class="menu-data-inner">
                                 Cerca de un millón de personas han llegado a Europa por las rutas migratorias del Mediterráneo desde 2015, aunque la Europol ha advertido de la existencia de otro tipo de desapariciones: 10.000 menores refugiados no acompañados podrían haber caído en redes criminales y de trata de personas.
                             </div>
+                            <a href="#" class="referencias" id="referencias-page-btn-4"> Referencias bibliográficas </a>
                             <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c4_ver_story.jpg" class="verstory img-responsive" /> </a>
                         </div>
                     </div>
@@ -48,3 +49,8 @@ Su periplo está lejos de terminar.
     <div class="map-popover"  id="map-page-4">
     <img src="images/c4_mapa_ACT.jpg" class="img-responsive" />
     </div>
+
+    <div class="referencias-popover"  id="referencias-page-4">
+        <h2> Fuentes relacionadas con las gráficas y datos:</h2>
+    <!-- METER BIBLIO AQUI -->
+    </div>

templates/page5.html

@@ -35,6 +35,7 @@ Las solicitudes de asilo suponen un escaso 2% sobre el millón de personas que h
 En 2016, 8 de cada 10 solicitudes quedaron pendientes de gestionar.
 
                             </div>
+                            <a href="#" class="referencias" id="referencias-page-btn-5"> Referencias bibliográficas </a>
                             <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c5_ver_story.jpg" class="verstory img-responsive" /> </a>
                         </div>
                     </div>
@@ -52,3 +53,8 @@ En 2016, 8 de cada 10 solicitudes quedaron pendientes de gestionar.
 <div class="map-popover"  id="map-page-5">
     <img src="images/c5_mapa_ACT.jpg" class="img-responsive" />
 </div>
+
+<div class="referencias-popover"  id="referencias-page-5">
+    <h2> Fuentes relacionadas con las gráficas y datos:</h2>
+<!-- METER BIBLIO AQUI -->
+</div>

templates/page6.html

@@ -96,6 +96,7 @@ Además, no se puede concretar la cantidad de campos que hay en Grecia ni clasif
 
 
                             </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>
@@ -113,3 +114,9 @@ Además, no se puede concretar la cantidad de campos que hay en Grecia ni clasif
 <div class="map-popover"  id="map-page-6">
     <img src="images/c6_mapa_ACT.jpg" class="img-responsive" />
 </div>
+
+
+<div class="referencias-popover"  id="referencias-page-6">
+    <h2> Fuentes relacionadas con las gráficas y datos:</h2>
+<!-- METER BIBLIO AQUI -->
+</div>

templates/page7.html

@@ -31,6 +31,7 @@
                                 No se conoce el número de alojamientos disponibles para familias refugiadas. Además de los pisos gestionados por ACNUR, hay otras asociaciones que gestionan viviendas no contabilizadas en las cifras oficiales.
                                 Y hay que añadir otros tipos de alojamientos como hostales, hoteles y casas de particulares.
                             </div>
+                            <a href="#" class="referencias" id="referencias-page-btn-7"> Referencias bibliográficas </a>
                             <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c7_ver_story.jpg" class="verstory img-responsive" /> </a>
                         </div>
                     </div>
@@ -47,3 +48,9 @@
 <div class="map-popover"  id="map-page-7">
     <img src="images/c7_mapa_ACT.jpg" class="img-responsive" />
 </div>
+
+
+<div class="referencias-popover"  id="referencias-page-7">
+    <h2> Fuentes relacionadas con las gráficas y datos:</h2>
+<!-- METER BIBLIO AQUI -->
+</div>