New home slides
This commit is contained in:
vjrj
parent
311b4ee1f3
commit
be10650150
9 changed files with 71 additions and 16 deletions
|
|
@ -15,7 +15,7 @@ const backOpts = {
|
|||
jsonIndent: 2
|
||||
};
|
||||
|
||||
const forceDebug = false;
|
||||
const forceDebug = true;
|
||||
const shouldDebug = (forceDebug && !Meteor.isProduction);
|
||||
|
||||
const i18nOpts = {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
@ -268,3 +275,7 @@
|
|||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
#carouselSndIndicators > div > div.carousel-item.carousel-snd-item-1 > div > h3 > span > a {
|
||||
color: white;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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).
|
||||
|
||||
|
|
|
|||
|
|
@ -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
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
BIN
public/home-slide-snd-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
|
|
@ -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"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue