Merge branch 'master' of https://github.com/medialab-prado/menoresRefugiadxs

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;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}.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}
+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}.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} 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}

css/home.less

@@ -97,6 +97,22 @@ div.extra-btn-container {
     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{

index_mob.html

@@ -66,7 +66,7 @@
         </div>
     </div>
     <div id="mapa" class="section">
-        <img src="images/c1_mapa_ACT.jpg" class="img-responsive"/>
+        <img src="images/c1_mapa_mob.jpg" class="img-responsive"/>
     </div>
     <div id="datos" class="section">
         <img src="images/c1_IMG_grafico_mob.jpg" class="img-responsive"/>

templates/page1.html

@@ -18,7 +18,12 @@
                         <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.
+                            <b><br>
+                                Octubre 2015<br>
+                                Alepo > Alepo<br>
+                                (60 km en 4 días)<br>
+                                <br></b>
+                            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. Esta historia y sus protagonistas se basan en casos y hechos reales.
                         </div>
                         <a href="#" class="switchMode" class="btn btn-circle">   <img src="images/c1_ver_grafico.jpg" class="vergrafico img-responsive" /> </a>
                 </div>
@@ -43,7 +48,14 @@
             </div>
 
             <div class="extra-btn-container">
-                <a class="" id="map-btn-page-1" href="#"> <img src="images/c1_mapa.png" class="mapa img-responsive" />  </a>
+                <a class="" id="map-btn-page-1" href="#"> <img src="images/c1_menu_mapa_v1.png" width="60px" height="74px" class="mapa img-responsive" />  </a>
+            </div>
+            <div class="extra-btn-container2">
+                <a href="#" class="switchMode" class="btn btn-circle"> <img src="images/c1_menu_story_v1.png" width="60px" height="74px" class="verstory img-responsive" />  </a>
+            </div>
+            <div class="extra-btn-container3">
+                 <a href="#" class="switchMode" class="btn btn-circle"> <img src="images/c1_menu_datos_v1.png" width="60px" height="74px" class="vergrafico img-responsive" />  </a>
+                
             </div>
 
         </div>
@@ -56,20 +68,19 @@
 </div>
 
 <div class="referencias-popover"  id="referencias-page-1">
-    <h2> Fuentes relacionadas con las gráficas y datos:</h2>
+    <h2> Fuentes relacionadas con los datos:</h2>
-    · Cronología de la barbarie en Alepo  <a href="http://www.elmundo.es/internacional/2016/12/14/584f1b1ae5fdea4a3b8b4678.html" target="_blank">Ir a la web</a><br>
+        <ul>
-    · Batalla de Alepo (2012-2016) <a href="https://es.wikipedia.org/wiki/Batalla_de_Alepo_(2012-2016)" target="_blank">Ir a la web</a><br>
+            <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>
-<br>
+            <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>
-    ·<b>Bibliografía complementaria consultada</b>:<br>
+        </ul>
-‘Voices from the 'Jungle': Stories from the Calais Refugee Camp Hardcover’ by Calais Writers.<br>
+    <h3>Bibliografía complementaria consultada:</h3>
-‘La niña a las puertas del infierno’ por Óscar Mijallo.<br>
+        <ul>
-‘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.<br>
+            <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>
-Heridas invisibles: el impacto de seis de años de guerra sobre la salud mental de los niños y niñas sirios  <a href="https://www.savethechildren.es/publicaciones/heridas-invisibles" target="_blank">Ir a la web</a><br>
+            <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>
-<br>
+            <li>Mijallo, Óscar (2017). <em>La niña a las puertas del infierno.</em> España: Kailas Editorial.</li>
-    · UNICEF Informe de Siria, datos totales 2016 <a href="https://www.unicef.org/appeals/syrianrefugees.html" target="_blank">Ir a la web</a><br>
+            <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>
-    · Informe Infancias Invisibles. Menores Extranjeros No Acompañados, víctimas de trata y refugiados en España <a href="https://www.savethechildren.es/sites/default/files/imce/docs/infancias-invisibles-ninos-migrantes-refugiados-trata-save-the-children.pdf" target="_blank">Ver PDF</a><br>
+            <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>    
-    · Procedimientos para detectar si son menores o adultos <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">Ver PDF</a><br>
+    </ul>
-        
+ </div>
-        </div>