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,6 +120,10 @@ a.btn-circle {
 .map-popover {
     display: none;
 }
+.referencias-popover{
+    width:90%;
+    height:80%;
+}
 div.section-left{
     background-color: #ededed;
 }
@@ -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

@@ -33,6 +33,7 @@
                                  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>
+                            <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>