About page

cucumber/features/pages.feature

@@ -7,6 +7,7 @@ Feature: Test all secundary pages
       | credits     | Credits          |
       | privacy     | Privacy Policy   |
       | activeFires | Active Fires     |
+      | about       | About            |
     Then I check that all pages works properly
 
   Scenario: Check that all secondary pages work well

imports/startup/server/sitemaps.js

@@ -16,7 +16,7 @@ sitemaps.add('/sitemap.xml', () => {
   out.push({ page: '/terms', lastmod: today });
   out.push({ page: '/license', lastmod: today });
   out.push({ page: '/privacy', lastmod: today });
-
+  out.push({ page: '/about', lastmod: today });
 
   // When user has public page
   /*  const users = Meteor.users.find().fetch();

imports/ui/components/Footer/Footer.js

@@ -23,10 +23,16 @@ const Footer = (props) => {
         <p className="pull-left"><span className="reverse">&copy;</span><span className="d-none d-md-inline"> Copyleft</span> {copyrightYear()} <a href="https://comunes.org/"><span className="d-none d-md-inline">{t('OrgName')}</span><span className="d-inline d-md-none">{t('OrgName')}</span></a></p>
 
         <ul className="pull-right">
+          <li>
+            <Link id={testId('about')} to="/about">
+              <span className="d-none d-lg-inline">{t('Sobre nosotr@s')}</span>
+              <span className="d-lg-none">{t('Nosotr@s')}</span>
+            </Link>
+          </li>
           <li>
             <Link id={testId('tos')} to="/terms">
               <span className="d-none d-lg-inline">{t('Términos de Servicio')}</span>
-              <span className="d-lg-none">{t('Términos')}</span>
+              <span className="d-lg-none" />
             </Link>
           </li>
           <li>

imports/ui/components/Footer/Footer.scss

@@ -63,7 +63,10 @@ body {
 }
 
 @include breakpoint(tablet) {
-  .Footer ul li:first-child, .Footer ul li:nth-child(2) {
+  .Footer ul li:first-child,
+  .Footer ul li:nth-child(2),
+  .Footer ul li:nth-child(3),
+  .Footer ul li:nth-child(4){
     margin-right: 15px;
   }
 }
@@ -85,7 +88,8 @@ body {
   }
 
   .Footer ul li:first-child,
-  .Footer ul li:nth-child(2) {
+  .Footer ul li:nth-child(2),
+  .Footer ul li:nth-child(3) {
     margin-right: 7px;
   }
 }

imports/ui/components/PageHeader/PageHeader.scss

@@ -3,7 +3,7 @@
 
 .PageHeader {
   border-bottom: 1px solid $gray-lighter;
-  padding: 0px 0 20px;
+  padding: 10px 0 20px;
   margin-bottom: 20px;
 
   h1 {

imports/ui/layouts/App/App.js

@@ -42,6 +42,7 @@ import FiresMap from '../../pages/FiresMap/FiresMap';
 import Fires from '../../pages/Fires/Fires';
 import Sandbox from '../../pages/Sandbox/Sandbox';
 import Terms from '../../pages/Terms/Terms';
+import About from '../../pages/About/About';
 import Privacy from '../../pages/Privacy/Privacy';
 import License from '../../pages/License/License';
 import Credits from '../../pages/Credits/Credits';
@@ -133,6 +134,7 @@ const App = props => (
                 <Route name="privacy" path="/privacy" component={Privacy} />
                 <Route name="license" path="/license" component={License} />
                 <Route name="credits" path="/credits" component={Credits} />
+                <Route name="about" path="/about" component={About} />
 
                 <Route component={NotFound} />
               </Switch>

imports/ui/pages/About/About.js

@@ -0,0 +1,19 @@
+/* eslint-disable import/no-absolute-path */
+/* eslint-disable react/jsx-indent-props */
+/* eslint-disable react/jsx-indent */
+
+import React from 'react';
+import { translate } from 'react-i18next';
+import Page from '../Page/Page';
+
+const About = props => (
+  <div className="About">
+    <Page
+        title={props.t('Sobre \'{{appName}}\'', { appName: props.t('AppName') })}
+        subtitle={props.t('¿Vecindarios vigilando y combatiendo fuegos? ¿de qué va todo esto?')}
+        page="about"
+    />
+  </div>
+);
+
+export default translate([], { wait: true })(About);

imports/ui/stylesheets/custom.scss

@@ -2,7 +2,7 @@
 @import './colors';
 
 a, a:hover  {
-  color: $todos-palette2;
+  color: $todos-palette1a;
 }
 
 .bg-dark {
@@ -50,3 +50,21 @@ div.leaflet-pane.leaflet-popup-pane > div > div.leaflet-popup-content-wrapper >
 div.leaflet-pane.leaflet-popup-pane > div > div.leaflet-popup-content-wrapper > div > p > a {
 //   color: $todos-palette2;
 }
+
+.bg-image-about-full {
+  background: no-repeat center center scroll;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  background-size: cover;
+  -o-background-size: cover;
+  background-image: url('/photos/about-1.jpg');
+  height: 600px;
+  margin: 0px -350px 20px -350px;
+}
+
+@include breakpoint(mobile) {
+ .bg-image-about-full {
+   background-image: url('/photos/about-1-peq.jpg');
+   /* height: 400px; other photo */
+  }
+}

private/pages/about-en.md

@@ -0,0 +1,26 @@
+We are neighbors who at some point have been forced to put out intentional fires in the forest of our town, or we had to pack our bags because the fire surrounded our houses, or the fire has devastated our farms, or that simply this affects us.
+
+<div title="Photo de @lau_duart">
+<section class="py-5 bg-image-about-full">
+</section>
+</div>
+
+These intentional fires are common in Spain, where this initiative comes from. And this happens because not everyone is against forest fires: there are many [interests and motivations](http://www.naturalezacantabrica.es/2015/12/el-infierno-en-asturies-quien-quema-el.html), more than you can [imagine](http://ctxt.es/es/20170906/Politica/14827/ctxt-incendios-corrupci%C3%B3n-portugal-Avialsa-Faasa.htm).
+
+**In the north of Spain, usually humid, when the weather conditions are favorable, the arson fires multiply. This situation sometimes causes that emergency services become collapsed and can not go to all the [fires](https://elpais.com/elpais/2017/10/17/inenglish/1508231214_008450.html). So the neighbors have no choice but to [organize](https://www.vice.com/en_au/article/bjvwgv/photos-of-galicians-fighting-wildfires-together) themself.**
+
+The arsonists handle the same saturation so that their fires are more effective, and since the information that is sent from the individuals to the emergency services is not reverted to people willing to act or in danger, the defenselessness is total.
+
+**In the broken orography of our area, a fire can reach your back quite quickly. So the early and public detection of fires is crucial, especially when we have little means to combat them.**
+
+We imagine that there are digital tools of this type that our emergency services manage, but they are not public, at least not here. This encouraged us to develop these tools.
+
+In addition, according to friends from other latitudes, these problems happen in their countries also, so we have translated and shared with everyone as Free Software [these tools](https://github.com/comunes/todos-contra-el-fuego).
+
+We also maintain an archive as documentation of the fires. There, those affected by fire can provide information and thus help, for example, to investigate the causes of each fire. And we are developing more tools of this type.
+
+In such a difficult climate, in which the last thing we have to do is emit more CO2, we believe that we must take more legal measures before reaching this point where certain people profit from fires and other people like us, we have to shut them down.
+
+You can participate in this initiative, from helping to monitor your area, spreanding the word about this initiative among your contacts, helping to translate these tools into your language, contributing ideas or developing them, and/or helping to pay for the [expenses of our servers](https://comunes.org/donate). You can contact us if you have more questions at [fires@comunes.org](mailto:fires@comunes.org).
+
+Thank you,

private/pages/about-es.md

@@ -0,0 +1,26 @@
+Somos vecinos y vecinas que en algún momento nos hemos visto obligados a apagar fuegos intencionados en el bosque de nuestro pueblo, o hemos tenido que hacer las maletas porque el fuego rodeaba nuestras casas, o el fuego ha arrasado nuestras fincas, o que simplemente este tema nos afecta.
+
+<div title="Foto de @lau_duart">
+<section class="py-5 bg-image-about-full">
+</section>
+</div>
+
+Estos fuegos intencionados son comunes en España, de donde surge esta iniciativa. Y es que no todo el mundo está contra los incendios forestales: hay muchos [intereses y motivos](http://www.naturalezacantabrica.es/2015/12/el-infierno-en-asturies-quien-quema-el.html), más de los que os podáis [imaginar](http://ctxt.es/es/20170906/Politica/14827/ctxt-incendios-corrupci%C3%B3n-portugal-Avialsa-Faasa.htm).
+
+**En el norte de España, por lo general húmedo, cuando las condiciones meteorológicas son propicias, los incendios provocados se multiplican. Esto genera en ocasiones que los servicios de emergencia se colapsen y [no puedan acudir a todos los fuegos](https://www.elconfidencial.com/espana/galicia/2017-10-16/incendios-galicia-asturias-redes-sociales-vecinos-ayuda_1461470/). Así que a los vecinos no nos queda otra que [organizarnos](https://elpais.com/elpais/2017/10/17/inenglish/1508231214_008450.html).**
+
+Los incendiarios son más conscientes que nadie de este colapso y lo utilizan para que sus fuegos sean más efectivos. Como los avisos de fuegos no se comunican a las personas dispuestas a actuar o en peligro, la indefensión es total.
+
+**En la orografía quebrada de nuestra zona, un fuego te gana la espalda y no te enteras. Así que la detección tempranay pública de fuegos es crucial, más cuando tenemos pocos medios para combatirlos.**
+
+Imaginamos que existen herramientas digitales de este tipo que gestionan los servicios de emergencia, pero no son públicos, por lo menos no aquí. Por eso nos animamos a desarrollar estas herramientas.
+
+Además, según nos cuentan amigos de otras latitudes estos mismos problemas suceden en sus países, así que las hemos traducido y compartido con todo el mundo como [Software Libre](https://github.com/comunes/todos-contra-el-fuego).
+
+También mantenemos un archivo documental de los fuegos en el que los afectados puedan aportar información y así ayudar, por ejemplo, a la investigación sobre las causas de cada fuego. Y estamos desarrollando más herramientas de este tipo.
+
+En un momento climático tan difícil, en el que lo último que tenemos que hacer es emitir más CO2, creemos que hay que tomar más medidas legales antes de llegar a este punto en el que ciertas personas se lucran de los incendios y otras personas como nosotras tengamos que andar apagándolos.
+
+Puedes participar en esta iniciativa, desde ayudando a vigilar tu zona, difundiendo esta iniciativa entre tus contactos, ayudando a traducir estas herramientas a tu idioma, aportando ideas o desarrollándolas, y/o ayudando a costear los gastos de [nuestros servidores](https://comunes.org/donate). Puedes contactarnos si tienes más dudas en [fuegos@comunes.org](mailto:fuegos@comunes.org).
+
+Gracias,

public/locales/en/common.json

@@ -208,5 +208,13 @@
   "Feedback recibido, gracias...":
   "Feedback received, thanks...",
   "Parece que este fuego no es un fuego forestal.":
-  "It seems that this is not a forest fire."
+  "It seems that this is not a forest fire.",
+  "Sobre nosotr@s":
+  "About us",
+  "Nosotr@s":
+  "About us",
+  "Sobre '{{appName}}'":
+  "About '{{appName}}'",
+  "¿Vecindarios vigilando y combatiendo fuegos? ¿de qué va todo esto?":
+  "Neighborhoods monitoring and fighting fires? What is all this about?"
 }

public/locales/es/common.json

@@ -295,5 +295,13 @@
   "Feedback recibido, gracias...":
   "Feedback recibido, gracias...",
   "Parece que este fuego no es un fuego forestal.":
-  "Parece que este fuego no es un fuego forestal."
+  "Parece que este fuego no es un fuego forestal.",
+  "Sobre nosotr@s":
+  "Sobre nosotr@s",
+  "Nosotr@s":
+  "Nosotr@s",
+  "Sobre '{{appName}}'":
+  "Sobre '{{appName}}'",
+  "¿Vecindarios vigilando y combatiendo fuegos? ¿de qué va todo esto?":
+  "¿Vecindarios vigilando y combatiendo fuegos? ¿de qué va todo esto?"
 }