More work in fire messages. Home style on desktop improved

imports/api/FalsePositives/FalsePositiveTypes.js

@@ -1,5 +1,7 @@
+// FIXME Right now, only industry type should be a permanent 'false alarm', the rest are temporally
+
 const types = {
-  industry: 'Es una industria (altos hornos, incineradora, etc)',
+  industry: 'Es una industria',
   controled: 'Es una quema controlada',
   falsealarm: 'Parece una falsa alarma'
 };

imports/ui/pages/Fires/Fires.js

@@ -116,7 +116,7 @@ class Fire extends React.Component {
                              key={key}
                              type="button"
                          >
-                           {FalsePositiveTypes[key]}
+                           <Trans>{FalsePositiveTypes[key]}</Trans>
                          </button>
                        ))
                       }

imports/ui/pages/FiresMap/FiresMap.js

@@ -142,8 +142,8 @@ class FiresMap extends React.Component {
            <Col xs={12} sm={6} md={6} lg={6} >
              <p className="firesmap-legend">
                { this.props.activefires.length === 0 ?
-                 <Fragment><Trans parent="span" i18nKey="noActiveFireInMapCount">No hay fuegos activos en esta zona del mapa. Hay un total de <strong>{{ countTotal: this.props.activefirestotal }}</strong> fuegos activos detectados en todo el mundo.</Trans> <Trans>Datos actualizados <FromNow when={this.props.lastCheck} /></Trans></Fragment> :
+                 <Fragment><Trans parent="span" i18nKey="noActiveFireInMapCount">No hay fuegos activos en esta zona del mapa. Hay un total de <strong>{{ countTotal: this.props.activefirestotal }}</strong> fuegos activos detectados en todo el mundo.</Trans> <Trans>Datos actualizados <FromNow when={this.props.lastCheck} />.</Trans></Fragment> :
-                 <Fragment><Trans parent="span" i18nKey="activeFireInMapCount">En rojo, <strong>{{ count: this.props.activefires.length }}</strong> fuegos activos en el mapa. Hay un total de <strong>{{ countTotal: this.props.activefirestotal }}</strong> fuegos activos detectados en todo el mundo por la NASA.</Trans> <Trans>Datos actualizados <FromNow when={this.props.lastCheck} /></Trans></Fragment>
+                 <Fragment><Trans parent="span" i18nKey="activeFireInMapCount">En rojo, <strong>{{ count: this.props.activefires.length }}</strong> fuegos activos en el mapa. Hay un total de <strong>{{ countTotal: this.props.activefirestotal }}</strong> fuegos activos detectados en todo el mundo por la NASA.</Trans> <Trans>Datos actualizados <FromNow when={this.props.lastCheck} />.</Trans></Fragment>
                }
              </p>
              {isNotHomeAndMobile &&

imports/ui/pages/Index/Index-custom.scss

@@ -45,9 +45,9 @@
 }
 
 @include breakpoint(mobile) {
-    .carousel-caption > h3 {
+  .carousel-caption > h3 {
-        font-size: 2.0rem;
+    font-size: 2.0rem;
-    }
+  }
 }
 
 .py-5 > .container > {
@@ -64,20 +64,20 @@
 }
 
 @include breakpoint(mobile) {
-    .py-5 > .container > {
+  .py-5 > .container > {
-        p {
+    p {
-            font-size: 1.2em;
+      font-size: 1.2em;
-        }
     }
+  }
 
-    .pt-5, .py-5 {
+  .pt-5, .py-5 {
-        padding-top: 1rem !important;
+    padding-top: 1rem !important;
-    }
+  }
 
-    .moto {
+  .moto {
-        margin-top: 5px;
+    margin-top: 5px;
-        margin-left: 5px;
+    margin-left: 5px;
-    }
+  }
 }
 
 .slide-2-icon {
@@ -100,7 +100,10 @@
   text-align: center;
 }
 
-.slide-1-icon:before, .slide-2-icon:before, .slide-3-icon:before, .slide-4-icon:before {
+.slide-1-icon:before,
+.slide-2-icon:before,
+.slide-3-icon:before,
+.slide-4-icon:before {
   font-family: FontAwesome;
   /* position: absolute; */
   font-size: 140px;
@@ -111,18 +114,20 @@
 }
 
 @include breakpoint(mobile) {
-    .slide-1-icon:before,
+  .slide-1-icon:before,
-    .slide-2-icon:before,
+  .slide-2-icon,
-    .slide-3-icon:before,
+  .slide-2-icon:before,
-    .slide-4-icon:before {
+  .slide-3-icon:before,
-        font-size: 100px;
+  .slide-4-icon:before {
-    }
+    font-size: 100px;
+    opacity: .6;
+  }
 
-    .slide-3-icon:before,
+  .slide-3-icon:before,
-    .slide-4-icon:before {
+  .slide-4-icon:before {
-      top: 10px;
+    top: 10px;
-      /* top: -50px; */
+    /* top: -50px; */
-    }
+  }
 }
 
 .slide-1-icon:before {

public/locales/en/common.json

@@ -161,5 +161,5 @@
   "Verifica tu dirección de correo": "Verify Your Email Address",
   "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>"
+  "Datos actualizados <1></1>.": "Data updated <1></1>."
 }

public/locales/es/common.json

@@ -232,7 +232,7 @@
   "Verifica tu dirección de correo",
   "Zonas vigiladas": "Zonas vigiladas",
   "En verde, las zonas vigiladas por nuestros usuari@s actualmente": "En verde, las zonas vigiladas por nuestros usuari@s actualmente",
-  "Datos actualizados <1></1>": "Datos actualizados <1></1>",
+  "Datos actualizados <1></1>.": "Datos actualizados <1></1>.",
   "Tomamos nota, ¡gracias por colaborar! Tomamos nota, ¡gracias por colaborar!":
   "Tomamos nota, ¡gracias por colaborar! Tomamos nota, ¡gracias por colaborar!",
   "Indícanos de que tipo de fuego se trata y ayúdanos así a mejorar nuestras notificaciones:": "Indícanos de que tipo de fuego se trata y ayúdanos así a mejorar nuestras notificaciones:",
@@ -240,5 +240,11 @@
   "Regístrate o inicia sesión para aportar información sobre este fuego":
   "Regístrate o inicia sesión para aportar información sobre este fuego",
   "Fuego no encontrado":
-  "Fuego no encontrado"
+  "Fuego no encontrado",
+  "Es una industria":
+  "Es una industria",
+  "Es una quema controlada":
+  "Es una quema controlada",
+  "Parece una falsa alarma":
+  "Parece una falsa alarma"
 }