New home slides

This commit is contained in:
vjrj 2018-02-07 18:26:09 +01:00
parent 311b4ee1f3
commit be10650150
9 changed files with 71 additions and 16 deletions

View file

@ -15,7 +15,7 @@ const backOpts = {
jsonIndent: 2
};
const forceDebug = false;
const forceDebug = true;
const shouldDebug = (forceDebug && !Meteor.isProduction);
const i18nOpts = {

View file

@ -186,6 +186,13 @@
background-image: url('/home-slide4.jpg')
}
.carousel-snd-item-1 {
background-image: url('/home-slide-snd-1.jpg')
}
.carousel-snd-item-2 {
background-image: url('/home-slide-snd-2.jpg')
}
.participe-btn {
background-color: $todos-palette1;
@ -267,4 +274,8 @@
font-size: 13px;
margin-left: 20px;
margin-right: 20px;
}
}
#carouselSndIndicators > div > div.carousel-item.carousel-snd-item-1 > div > h3 > span > a {
color: white;
}

View file

@ -89,17 +89,16 @@ class Index extends Component {
<header>
<ReactResizeDetector handleWidth handleHeight onResize={this.onResize} />
<div
id="carouselExampleIndicators"
id="carouselMainIndicators"
className="carousel slide"
ref={(ref) => { this.slides = ref; }}
>
{/* for dev ^^^: data-interval=false */}
<ol className="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" className="active" />
<li data-target="#carouselExampleIndicators" data-slide-to="1" />
<li data-target="#carouselExampleIndicators" data-slide-to="2" />
<li data-target="#carouselExampleIndicators" data-slide-to="3" />
<li data-target="#carouselMainIndicators" data-slide-to="0" className="active" />
<li data-target="#carouselMainIndicators" data-slide-to="1" />
<li data-target="#carouselMainIndicators" data-slide-to="2" />
<li data-target="#carouselMainIndicators" data-slide-to="3" />
</ol>
<div className="carousel-inner" role="listbox">
@ -141,11 +140,11 @@ class Index extends Component {
</div>
</div>
</div>
<a className="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<a className="carousel-control-prev" href="#carouselMainIndicators" role="button" data-slide="prev">
<span className="carousel-control-prev-icon" aria-hidden="true" />
<span className="sr-only"><Trans>Anterior</Trans></span>
</a>
<a className="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<a className="carousel-control-next" href="#carouselMainIndicators" role="button" data-slide="next">
<span className="carousel-control-next-icon" aria-hidden="true" />
<span className="sr-only"><Trans>Siguiente</Trans></span>
</a>
@ -182,6 +181,41 @@ class Index extends Component {
</div>
</section>
<div
id="carouselSndIndicators"
className="carousel slide"
ref={(ref) => { this.slidesSnd = ref; }}
>
{/* for dev ^^^: data-interval=false */}
<ol className="carousel-indicators">
<li data-target="#carouselSndIndicators" data-slide-to="0" className="active" />
<li data-target="#carouselSndIndicators" data-slide-to="1" />
</ol>
<div className="carousel-inner" role="listbox">
<div className="carousel-item carousel-snd-item-1 active">
<div className="carousel-caption">
<h3><Trans i18nKey="CO2emisions">¿Sabías que los fuegos <a href="https://www.livescience.com/1981-wildfires-release-cars.html" target="_blank">producen tanto CO² como los coches</a> y <a href="https://www.motherjones.com/politics/2014/08/wild-fires-are-so-so-bad-climate/" target="_blank">aproximadamente de todas nuestras emisiones</a>?</Trans></h3>
<p />
</div>
</div>
<div className="carousel-item carousel-snd-item-2">
<div className="carousel-caption">
<h3><Trans>Ayúdanos a combatir el cambio climático y a proteger el medioambiente</Trans></h3>
<p />
</div>
</div>
</div>
<a className="carousel-control-prev" href="#carouselSndIndicators" role="button" data-slide="prev">
<span className="carousel-control-prev-icon" aria-hidden="true" />
<span className="sr-only"><Trans>Anterior</Trans></span>
</a>
<a className="carousel-control-next" href="#carouselSndIndicators" role="button" data-slide="next">
<span className="carousel-control-next-icon" aria-hidden="true" />
<span className="sr-only"><Trans>Siguiente</Trans></span>
</a>
</div>
<a id="participe" name="participe" />
<section className="sect4">
<div className="container">

View file

@ -8,6 +8,8 @@ We acknowledge the use of data and imagery from LANCE FIRMS operated by the NASA
* Home slide 2: Silverhorne, United States, photo by Nathan Anderson [source](https://unsplash.com/photos/ZLOZC1uUdns).
* Home slide 3: Bitterroot National Forest, Montana, United States, photo by John McColgan, Public Domain, [source](https://commons.wikimedia.org/wiki/File:Deerfire_high_res.jpg).
* Home slide 4: Cox Valley Fire, Olympic NP, United States, August 2016, [source](https://www.nps.gov/olym/learn/management/current-fire-status.htm).
* Home slide secondary 1: La Tuna fire and nighttime city lights, LA, United States, September 2017, photo by Scott L, CC-BY-SA 2.0, [source](https://commons.wikimedia.org/wiki/File:La_Tuna_fire_and_cityscape_1.jpg)
* Home slide secondary 2: Smog over Almaty city, Kazakhstan, January 2014, photo by Igors Jefimovs, CC-BY 3.0, [source](https://commons.wikimedia.org/wiki/File:Smog_over_Almaty.jpg)
* Wildfire home photo: [California Wildfires, October 23th 2007](https://commons.wikimedia.org/wiki/File:California_Wildfires_October_23_2007.jpg), [fuente](http://www.nasa.gov/vision/earth/lookingatearth/socal_wildfires_oct07.html).
* Default avatar: A colored Emoji from Noto project, released under Apache license, [source](https://commons.wikimedia.org/wiki/File:Emoji_u1f469_1f3fd_200d_1f692.svg).

View file

@ -4,10 +4,12 @@ Reconocemos el uso de datos e imágenes de LANCE FIRMS operadas por NASA/GSFC/Ea
**Imágenes**
* Diapositiva 1 inicial: Sotres, Picos de Europa, Asturias, foto de Mick Stephenson, licencia CC-BY-SA 3.0, [fuente](https://es.wikipedia.org/wiki/Sotres#/media/File:SotresPanorama.jpg).
* Diapositiva 2 inicial: Silverhorne, Estados Unidos, foto de Nathan Anderson [fuente](https://unsplash.com/photos/ZLOZC1uUdns).
* Diapositiva 3 inicial: Bitterroot National Forest, Montana, Estados Unidos, foto de John McColgan, Public Domain, [fuente](https://commons.wikimedia.org/wiki/File:Deerfire_high_res.jpg).
* Diapositiva 4 inicial: Cox Valley Fire, Olympic NP, Estados Unidos, agosto de 2016, [fuente](https://www.nps.gov/olym/learn/management/current-fire-status.htm).
* Diapositiva 1 del Inicio: Sotres, Picos de Europa, Asturias, foto de Mick Stephenson, licencia CC-BY-SA 3.0, [fuente](https://es.wikipedia.org/wiki/Sotres#/media/File:SotresPanorama.jpg).
* Diapositiva 2 del Inicio: Silverhorne, Estados Unidos, foto de Nathan Anderson [fuente](https://unsplash.com/photos/ZLOZC1uUdns).
* Diapositiva 3 del Inicio: Bitterroot National Forest, Montana, Estados Unidos, foto de John McColgan, Public Domain, [fuente](https://commons.wikimedia.org/wiki/File:Deerfire_high_res.jpg).
* Diapositiva 4 del Inicio: Cox Valley Fire, Olympic NP, Estados Unidos, agosto de 2016, [fuente](https://www.nps.gov/olym/learn/management/current-fire-status.htm).
* Diapositiva secundaria 1 del Inicio: La Tuna fire and nighttime city lights, LA, Estados Unidos, septiembre de 2017, foto de Scott L, CC-BY-SA 2.0, [source](https://commons.wikimedia.org/wiki/File:La_Tuna_fire_and_cityscape_1.jpg)
* Diapositiva secundaria 2 del Inicio: Smog over Almaty city, Kazakhstan, enero de 2014, foto de Igors Jefimovs, CC-BY 3.0, [source](https://commons.wikimedia.org/wiki/File:Smog_over_Almaty.jpg)
* Foto de inicio de fuego forestal: [Incendios forestales de California, 23 de octubre de 2007](https://commons.wikimedia.org/wiki/File:California_Wildfires_October_23_2007.jpg), [fuente](http://www.nasa.gov/vision/earth/lookingatearth/socal_wildfires_oct07.html).
* Avatar predeterminado: un Emoji coloreado del proyecto Noto, publicado bajo licencia Apache, [fuente](https://commons.wikimedia.org/wiki/File:Emoji_u1f469_1f3fd_200d_1f692.svg).

BIN
public/home-slide-snd-1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 MiB

BIN
public/home-slide-snd-2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

View file

@ -162,5 +162,8 @@
"Zonas vigiladas": "Monitored areas",
"En verde, las zonas vigiladas por nuestros usuari@s actualmente": "In green, the areas monitored by our users currently",
"Datos actualizados <1></1>.": "Data updated <1></1>.",
"Información adicional sobre fuego": "Additional information about fire"
"Información adicional sobre fuego": "Additional information about fire",
"CO2emisions":
"Did you know that wildfires <1>produce as much CO² as cars</1> and <3>about ⅕ of all our carbon emissions</3>?",
"Ayúdanos a combatir el cambio climático y a proteger el medioambiente": "Help us fight climate change and protect the environment"
}

View file

@ -253,5 +253,8 @@
"Fuegos activos en el mundo actualizados en tiempo real":
"Fuegos activos en el mundo actualizados en tiempo real",
"Información adicional sobre fuego":
"Información adicional sobre fuego"
"Información adicional sobre fuego",
"CO2emisions":
"¿Sabías que los fuegos <1>producen tanto CO² como los coches</1> y <3>aproximadamente ⅕ de todas nuestras emisiones</3>?",
"Ayúdanos a combatir el cambio climático": "Ayúdanos a combatir el cambio climático"
}