bugs

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}.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}
+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;font-size:13px;line-height:1.3em}div.extra-btn-container{position:absolute;left:-50px;top:20px;width:100px;height:100px}.carousel-btn{padding:0}.carousel-btn li{list-style:none}.carousel-btn a{font-family:'Londrina Solid',cursive}.carousel-btn a.active{background-color:#da222b;color:white}.carousel-btn a.active:hover,.carousel-btn a.active:active,.carousel-btn a.active:visited{background-color:#da222b;color:white}a.btn-circle{border-radius:40px}.map-popover{display:none}.referencias-popover{width:90%;height:80%}div.section-left{background-color:#ededed}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,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"}
+{"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,sBAAA,CACA,cAAA,CACA,kBAKJ,GAAG,qBACC,iBAAA,CACA,UAAA,CACA,QAAA,CACA,WAAA,CACA,aAGJ,cACI,UADJ,aAEI,IACI,gBAHR,aAKI,GACI,YAAa,yBANrB,aAQI,EAAC,QACG,wBAAA,CACA,YAVR,aAYI,EAAC,OAAO,OAZZ,aA6DC,CAjDkB,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,iBASJ,CAAC,aACG,oBAAA,CACA,wBAAA,CACA,aAAA,CAIA,oBAAA,CACA,kBAJA,CAJH,YAII,OACG,cAMR,kBAAmB,iBACf,eAAA,CACA"}

css/home.less

@@ -83,6 +83,8 @@ div.section-container {
 div.menu-content {
     height: 100vh;
     background-color: white;
+    font-size: 13px;
+    line-height: 1.3em;
     /*padding-left: 50px;
     padding-right: 70px;*/
 }
@@ -134,9 +136,13 @@ a.switchMode{
 }
 div.section-inner-content {
     text-align:right;
-    div.story-content {}
+    div.story-content {
 
-    div.data-content {}
+    }
+
+    div.data-content {
+    
+    }
 }
 a.referencias{
     text-decoration: none;

templates/page1.html

@@ -15,7 +15,7 @@
                 <!-- METER CONTENIDO DEL PANEL DERECHO AQUÍ -->
                 <div class="menu-story-content">
                     <div class="row">
-                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                        <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">
                             Este cómic quiere visibilizar el éxodo de Zainab y su familia que, como otros 11 millones de personas, se han visto obligadas a abandonar su hogar desde que en 2011 comenzó la guerra en Siria.
@@ -26,7 +26,7 @@
                 </div>
                 <div class="menu-data-content" style="display:none">
                     <div class="row">
-                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                        <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"> Este proyecto se ha realizado durante Visualizar'17, un proceso de investigación participativo sobre visualización de información y migraciones.
                                 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.

templates/page2.html

@@ -15,7 +15,7 @@
                 <!-- METER CONTENIDO DEL PANEL DERECHO AQUÍ -->
                 <div class="menu-story-content">
                     <div class="row">
-                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                        <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">
                                 Octubre  2015. El periplo de Zainab y su familia comienza una noche de otoño.
                                 Para evitar al ejército y los controles, viajan a pie durante las noches y descansan durante el día en escondites.
@@ -28,7 +28,7 @@
                 </div>
                 <div class="menu-data-content" style="display:none">
                     <div class="row">
-                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                        <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">
                                 Cuando se inicia el conflicto en 2011, Siria es el tercer país del mundo receptor de personas refugiadas.
                                 Cuatro años más tarde, es el principal estado de origen de los refugiados con más de 11, 5 millones.

templates/page3.html

@@ -15,13 +15,13 @@
                 <!-- METER CONTENIDO DEL PANEL DERECHO AQUÍ -->
                 <div class="menu-story-content">
                     <div class="row">
-                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                        <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">
                                 Noviembre 2015. La última etapa turca finaliza con la llegada de Zainab a Esmirna, ciudad costera donde se dan cita centenares de familias con el objetivo de buscar un hueco en una de las embarcaciones que los llevará a Grecia.
                             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>
@@ -29,11 +29,17 @@
 
                 <div class="menu-data-content" style="display:none">
                     <div class="row">
-                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                        <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">El 90% de los migrantes que llegan a Europa lo hacen usando redes de tráfico de personas.
-                                En muchas ocasiones, los contrabandistas cuentan además con la complicidad de los funcionarios de los controles fronterizos que quieren beneficiarse de un lucrativo negocio que, en 2016, suposo 2.000 millones de euros.  </div>
+                                En muchas ocasiones, los contrabandistas cuentan además con la complicidad de los funcionarios de los controles fronterizos que quieren beneficiarse de un lucrativo negocio que, en 2016, suposo 2.000 millones de euros.
-                            <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c3_ver_story.jpg" class="verstory img-responsive" /> </a>
                             </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_story.jpg" class="verstory img-responsive" />
+                            </a>
+                        </div>
+
                     </div>
                 </div>
             </div>

templates/page4.html

@@ -15,7 +15,7 @@
                 <!-- METER CONTENIDO DEL PANEL DERECHO AQUÍ -->
                 <div class="menu-story-content">
                     <div class="row">
-                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                        <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">
                                 Noviembre 2015. El Mediterráneo, el mar del que siempre ha oído hablar Zainab y que ahora se convierte en temible tras ver que la embarcación segura que le prometieron a su madre es en realidad una lancha de goma. Las 54 personas que quieren surcar la travesía hasta Grecia se suben a un bote que tiene capacidad para 30. El mar está bravío, y aunque sólo 200 kilómetros separan Turquía de Grecia, el viaje se hace eterno.
 Tras cuatro horas de constante sufrimiento, nuestra protagonista llega a la isla de Lesbos. Pisar de nuevo tierra firme parece un sueño.
@@ -28,7 +28,7 @@ Su periplo está lejos de terminar.
                 </div>
                 <div class="menu-data-content" style="display:none">
                     <div class="row">
-                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                        <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">
                                 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>

templates/page5.html

@@ -15,7 +15,7 @@
                 <!-- METER CONTENIDO DEL PANEL DERECHO AQUÍ -->
                 <div class="menu-story-content">
                     <div class="row">
-                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                        <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">
                             Noviembre 2015. Zainab y su familia desembarcan en Lesbos en noviembre de 2015.
                             Ellos, junto con las demás personas que llegaron en su bote, se registran en Moria y solicitan asilo.
@@ -28,7 +28,7 @@
                 </div>
                 <div class="menu-data-content" style="display:none">
                     <div class="row">
-                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                        <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">
                                 Grecia vive una llegada exponencial de personas migrantes en 2015, aumentando en más de 800.000 personas respecto al año anterior.
 Las solicitudes de asilo suponen un escaso 2% sobre el millón de personas que han llegado a Grecia desde 2014.

templates/page6.html

@@ -81,7 +81,7 @@
                 <!-- METER CONTENIDO DEL PANEL DERECHO AQUÍ -->
                 <div class="menu-story-content">
                     <div class="row">
-                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                        <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">
                                 Marzo 2016. Ante el hacinamiento de Moria, Zainab y su familia son trasladados al campo de Nea Kavala, en Polikastro.
                                 Aquí continúan la espera de la resolución de asilo.
@@ -96,7 +96,7 @@
                 </div>
                 <div class="menu-data-content" style="display:none">
                     <div class="row">
-                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                        <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">
                                 Según el Reglamento de Dublín, los países de la UE deben resolver las solicitudes de asilo antes de seis meses. Sin embargo, ninguna fuente oficial confirma el tiempo medio de espera de esa resolución.
 Además, no se puede concretar la cantidad de campos que hay en Grecia ni clasificarlos por categorías, porque ni siquiera ACNUR categoriza los campos con tipologías únicas, unívocas y excluyentes.

templates/page7.html

@@ -15,7 +15,7 @@
                 <!-- METER CONTENIDO DEL PANEL DERECHO AQUÍ -->
                 <div class="menu-story-content">
                     <div class="row">
-                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                        <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">
                                 Marzo 2017. Tras un año en el campo de Nea Kavala, Zainab y su familia tienen la posibilidad de ser reubicadas en un piso en Polikastro gestionado por ACNUR, en el noreste continental de Grecia. Salir del campo es una buena noticia, aunque no implica la concesión de asilo, que es lo que están esperando desde hace un año y medio. Con la noticia, los deseos de Zainab se desbocan: ¿se acerca el momento de volver a estar toda la familia junta? La vivienda sigue siendo un lugar que no es su destino, un lugar donde esperar indefinidamente a que se les conceda el asilo y la reagrupación familiar, un lugar que no es donde quieren estar. Un no lugar.
                             </div>
@@ -25,7 +25,7 @@
                 </div>
                 <div class="menu-data-content" style="display:none">
                     <div class="row">
-                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                        <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">
                                 Si se ocuparan los 448 pisos que siguen disponibles, manteniendo las 4,5 personas por piso actuales, se alojaría a 2.016 personas más.
                                 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.