Adds first styles for static pages

app/assets/stylesheets/participacion.scss

@@ -15,6 +15,7 @@
 // 13. Pagination
 // 14. Tables
 // 15. Social
+// 16. Pages
 //
 
 // 01. Variables
@@ -97,6 +98,31 @@ a {
 
 h1, h2, h3, h4, h5, h6 {
   font-family: $font-family-sans-serif;
+  font-weight: bold;
+}
+
+h1 {
+  font-size: rem-calc(30);
+}
+
+h2 {
+  font-size: rem-calc(24);
+}
+
+h3 {
+  font-size: rem-calc(20);
+}
+
+h4 {
+  font-size: rem-calc(18);
+}
+
+h5 {
+  font-size: rem-calc(16);
+}
+
+h6 {
+  font-size: rem-calc(14);
 }
 
 .button {
@@ -187,6 +213,14 @@ h1, h2, h3, h4, h5, h6 {
   margin-bottom: $line-height;
 }
 
+.back, .icon-angle-left {
+  @include back;
+
+  & + h1 {
+    clear:both;
+  }
+}
+
 // 04. Header
 // - - - - - - - - - - - - - - - - - - - - - - - - -
 
@@ -194,9 +228,8 @@ header {
   background: url('header_bg.jpg');
   background-position: 50% 50%;
   background-size: cover;
-  box-shadow: 0 1px 3px #999;
   color: $text;
-  min-height: rem-calc(480);
+  min-height: rem-calc(600);
 
   &.results {
     min-height: rem-calc(48);
@@ -227,6 +260,11 @@ header {
 
   .home-page {
     background-color: rgba(255,255,255,.85);
+    clear: both;
+
+    @media (min-width: $small-breakpoint) {
+      margin-top: rem-calc(66);
+    }
 
     .button {
       color: white;
@@ -261,6 +299,12 @@ header {
     @media (min-width: $small-breakpoint) {
       float: left;
     }
+
+    .icon-language {
+      font-size: rem-calc(16);
+      line-height: rem-calc(24);
+      vertical-align: middle;
+    }
   }
 
   .external-links {
@@ -480,6 +524,7 @@ footer {
   background: $brand;
   color: white;
   padding: rem-calc(24) 0 rem-calc(48) 0;
+  text-align: justify;
 
   .logo {
     @include logo;
@@ -750,14 +795,6 @@ form {
   background: white;
   padding-top: rem-calc(24);
 
-  h1 {
-    clear: both;
-    font-size: rem-calc(36);
-    font-weight: bold;
-    line-height: $line-height*2;
-    margin-bottom: rem-calc(24);
-  }
-
   .icon-debates {
     color: $debates;
     font-size: rem-calc(60);
@@ -773,15 +810,6 @@ form {
     margin-bottom: $line-height;
   }
 
-  h2 {
-    clear: both;
-    font-size: rem-calc(30);
-    font-weight: bold;
-    line-height: $line-height;
-    margin: 0;
-    margin-bottom: rem-calc(12);
-  }
-
   h3 {
     clear: both;
     font-size: rem-calc(20);
@@ -807,6 +835,29 @@ form {
       }
     }
   }
+
+  select {
+    height: rem-calc(48);
+    margin-right: rem-calc(12);
+  }
+
+  .date {
+
+    select {
+      float: left;
+      width: 25%;
+    }
+  }
+
+  .verify-account {
+    padding-right: rem-calc(12);
+
+    .verified {
+      color: $check;
+      font-weight: bold;
+      line-height: rem-calc(42);
+    }
+  }
 }
 
 img.avatar, img.admin-avatar, img.moderator-avatar {
@@ -1059,3 +1110,38 @@ table {
     color: #CE3E26;
   }
 }
+
+// 16. Pages
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+.page {
+  background: white;
+  min-height: 100%;
+
+  .menu {
+    margin-top: rem-calc(24);
+
+    a {
+      display: block;
+      margin-bottom: rem-calc(12);
+    }
+  }
+
+  .text {
+    margin-top: rem-calc(24);
+    text-align: justify;
+
+    ul {
+
+      li {
+        font-size: rem-calc(13);
+        margin-bottom: rem-calc(12);
+      }
+    }
+  }
+}
+
+
+
+
+

app/controllers/pages_controller.rb

@@ -2,6 +2,9 @@ class PagesController < ApplicationController
 
   skip_authorization_check
 
+  def help
+  end
+
   def privacy
   end
 

app/views/pages/census_terms.html.erb

@@ -1 +1,7 @@
-<%= simple_format t('pages.census_terms') %>
+<div class="row-full page">
+  <div class="row">
+    <div class="small-12 column">
+      <%= simple_format t('pages.census_terms') %>
+    </div>
+  </div>
+</div>

app/views/pages/general_terms.html.erb

@@ -1 +1,7 @@
-<%= t('pages.general_terms') %>
+<div class="row-full page">
+  <div class="row">
+    <div class="small-12 column">
+      <h1><%= t('pages.general_terms') %></h1>
+    </div>
+  </div>
+</div>

app/views/pages/help.html.erb

@@ -0,0 +1,54 @@
+<div class="row-full page">
+  <div class="row">
+  <div class="small-12 column">
+    <div class="small-12 medium-3 column menu">
+      <h1>Ayuda</h1>
+
+      <a href="#2">Utilízala en tu municipio libremente o ayúdanos a mejorarla, es software libre</a>
+      <a href="#3">Próximas novedades</a>
+      <a href="#4">El Área de Gobierno de Participación Ciudadana, Transparencia y Gobierno Abierto</a>
+    </div>
+
+    <div class="small-12 medium-9 column text">
+
+    <h2 id="2">Utilízala en tu municipio libremente o ayúdanos a mejorarla, es software libre</h2>
+
+    <p>Este Portal de Gobierno Abierto es software libre, con licencia AGPLv3, esto significa en palabras sencillas, que cualquiera puede libremente usar el código, copiarlo, verlo en detalle, modificarlo, y redistribuirlo al mundo con las modificaciones que quiera (manteniendo el que otros puedan a su vez hacer lo mismo). Porque creemos que la cultura es mejor y más rica, cuando se libera.</p>
+
+    <p>No sólo puedes utilizar libremente este portal en tu municipio, sino que desde el Ayuntamiento de Madrid vamos a ayudarte todo lo posible a que lo hagas, así que si estás interesado, escríbenos a ag.gobiernoabierto@madrid.es [imagen o algo así del e-mail para que no nos troléen demasiado los spammers]</p>
+
+    <p>Si eres programador, puedes ver el código y ayudarnos a mejorarlo en https://github.com/ayuntamientomadrid</p>
+
+    <h2 id="3">Próximas novedades</h2>
+
+    <p>En breve inauguraremos la sección de propuestas ciudadanas. Una sección que permitirá que entre todos decidamos qué debe ser Madrid. Cualquiera podrá presentar propuestas, que en caso de que sean aceptadas mayoritariamente se llevarán a cabo por parte del Ayuntamiento. Debate, propón, decide.</p>
+
+    <h2 id="4">El Área de Gobierno de Participación Ciudadana, Transparencia y Gobierno Abierto.</h2>
+
+    <p>El nuevo gobierno del Ayuntamiento de Madrid ha creado un nuevo área de gobierno: Participación Ciudadana, Transparencia y Gobierno Abierto. El objetivo de este área es claro: que los madrileños puedan decidir directamente la política de la ciudad, y que todo lo que ocurra en el Ayuntamiento, hasta el último rincón, esté a la vista de todos.</p>
+
+    <p>Iremos publicando nuestros avances, las novedades y cualquier otra cosa que queramos compartir con vosotros en nuestro blog: [URL todavía pendiente]</p>
+
+    <p>Y podéis escribirnos para cualquier cosa a: ag.gobiernoabierto@madrid.es [imagen o algo así del e-mail para que no nos troléen demasiado los spammers]</p>
+
+    <p>A continuación os presentamos algunas de los principales novedades que tenemos planeadas poner en marcha, aparte de las que vayamos diseñando o se nos vayan proponiendo durante la legislatura:</p>
+
+    <h3>Participación.</h3>
+    <ul>
+    <li>Presupuestos participativos. Parte del presupuesto de inversión del Ayuntamiento (el que no está comprometido ya con necesidades básicas como pueden ser los servicios sociales o las emergencias), será reservado para ser decidido su uso por la ciudadanía. La gente hará propuestas, se tasarán las más apoyadas, y luego los ciudadanos decidirán en cuáles de esos proyectos priorizar el presupuesto reservado.</li>
+
+    <li> Legislacion colaborativa. A través de diferentes fases de participación, la ciudadanía tendrá un papel fundamental colaborando directamente en la elaboración de las propuestas, reglamentos, decretos o cualquier otro tipo de trabajo político desarrollado por el gobierno municipal. Una participación real desde el principio al fin del proceso legislativo, desde decidir los expertos en la materia, hasta revisar el texto final.</li>
+
+    <li> Co-gobierno ciudadano. Mediante este sistema la ciudadanía podrá decidir las líneas prioritarias de actuación del Ayuntamiento a medio plazo.</li>
+
+    <li>Participación sectorial. La participación ciudadana se va a tratar de manera transversal en todas las áreas de gobierno del Ayuntamiento, afectando a todos los procesos que se lleven a cabo. Un ejemplo de esto es el proceso de auditoría ciudadana de la deuda, que llevaremos a cabo con el Área de Gobierno de Economía y Hacienda.</li>
+
+    <li>Inclusión, neutralidad y privacidad. Una de las misiones principales del área será velar por la inclusión de todo el mundo en los procesos participativos, para que todas las voces y voluntades formen parte de ellos y no se quede nadie fuera. Para ello, desarrollaremos una mesa de inclusión a la que invitaremos a todos los expertos, colectivos y asociaciones que trabajen con colectivos excluidos, para diseñar las maneras adecuadas de superar estas brechas. La protección de la participación se complementará con la protección de la neutralidad y privacidad en todos los procesos, para asegurar su legitimidad y confianza.</li>
+
+    <li>Innovación social. Pretendemos crear un entorno que movilice la inteligencia colectiva existente en favor de una ciudad más hospitalaria e inclusiva. Espacios donde la sociedad se hable y piense con la administración, con la convicción de que son los ciudadanos quienes mejor conocen sus problemas, y es en lo colectivo donde están los expertos que pueden hallar las soluciones.</li>
+    </ul>
+
+  </div>
+  </div>
+  </div>
+</div>

app/views/pages/how_it_works.html.erb

@@ -0,0 +1,40 @@
+<div class="row-full page">
+  <div class="row">
+  <div class="small-12 column">
+    <div class="small-12 medium-3 column menu">
+      <h1>¿Cómo funciona esta página?</h1>
+
+      <a href="#1">¿Cómo funciona esta página?</a>
+    </div>
+
+    <div class="small-12 medium-9 column text">
+
+    <h2 id="1">¿Cómo funciona esta página?</h2>
+
+   <p>El nuevo Portal de Gobierno Abierto está dividido en tres partes: Participación, Transparencia y Datos Abiertos (verás los enlaces en la parte superior derecha).</p>
+
+    <p>Participación: Donde poder decidir qué ciudad queremos tener (a través de propuestas ciudadanas, espacios de debate, presupuestos participativos, legislación colaborativa, y muchos otros procesos que iremos implementando)</p>
+
+    <p>Transparencia: El espacio para ejercer nuestro derecho de acceso a la información. El derecho a que cualquier persona pueda preguntar cualquier tipo de información sobre el Ayuntamiento, y se le deba responder, y de manera clara y satisfaciendo la pregunta.</p>
+
+    <p>Datos Abiertos: Aquí iremos colgando todas las bases de datos que tiene el Ayuntamiento, para que cualquiera pueda usar toda la información directamente, sin necesidad ni siquiera de preguntar.</p>
+
+    <p>Inauguramos el nuevo portal con la nueva sección de Participación, y en breve añadiremos las nuevas secciones de Transparencia y Datos Abiertos (así que mantenemos por el momento los enlaces a las páginas al respecto que ya existían).</p>
+
+    <h3>Participación</h3>
+
+    <p>El apartado de participación comprenderá diferentes mecanismos de participación: propuestas ciudadanas, espacios de debate, presupuestos participativos, legislación colaborativa, entre muchos otros. Por el momento presentamos el espacio de debate, y muy pronto las propuestas ciudadanas.</p>
+
+    <h4>Espacio de debate</h4>
+
+    <p>En éste espacio, cualquier persona puede abrir un hilo de discusión sobre cualquier tema, creando un espacio independiente donde la gente podrá debatir sobre el tema propuesto. De esta manera, en este espacio digital convivirán cada día cientos de espacios de debate distintos entre los que la ciudadanía podrá pasearse, sumándose a los que más les interese.</p>
+
+    <p>Tanto los hilos, como los comentarios podrán ser valorados por cualquiera, de tal manera que será la propia ciudadanía, y nadie en su nombre, la que decida cuáles son los temas más importantes en cada momento. Estos serán presentados en la portada del espacio, pudiendo por supuesto accederse a todos los demás temas en páginas posteriores, o usando otros criterios de ordenación (los temas con más comentarios, los más nuevos, los más controvertidos, etc.).</p>
+
+    <p>Cada uno de los trabajadores del Ayuntamiento tiene un usuario propio, que será resaltado como tal, permitiendo que participen en los debates al mismo nivel que todos los demás ciudadanos. Esto permitirá crear espacios de comunicación directos entre unos y otros, evitando los inconvenientes que implica la comunicación medidada, y respondiendo a un planteamiento claro por parte del nuevo gobierno de Madrid por el cual el Ayuntamiento trabaja para sus ciudadanos, y ante ellos debe responder.</p>
+
+    <p>[Puedes obtener información más detallada de cómo interactuar en el espacio de debate en este enlace] [no sé si es mejor el tutorial llevarlo a una página siguiente o que esté también aquí] [esto lo hacemos una vez esté lista la página]</p>
+  </div>
+  </div>
+  </div>
+</div>

app/views/pages/legal.html.erb

@@ -1 +1,7 @@
-<%= t('pages.legal') %>
+<div class="row-full page">
+  <div class="row">
+    <div class="small-12 column">
+      <h1><%= t('pages.legal') %></h1>
+    </div>
+  </div>
+</div>

app/views/pages/opendata.html.erb

@@ -1 +1,13 @@
-<%= t('pages.opendata') %>
+<div class="row-full page">
+  <div class="row">
+    <div class="small-12 medium-10 column text-center">
+      <h1><%= t('pages.opendata') %></h1>
+
+      <p>Estamos trabajando en el nuevo Portal de Datos Abiertos de Ayuntamiento de Madrid, para que puedas reutilizar todos los datos de Ayuntamiento como quieras. Por ahora puedes visitar el portal qu existía hasta ahora:</p>
+
+      <%= link_to "Ir al Portal de Datos Abiertos existente anteriormente", t("layouts.header.external_link_opendata_url"), target: "_blank", class: "button radius" %>
+
+      <p>Mientras acabamos el nuevo portal, te invitamos a visitar el <a href="http://diario.madrid.es/participa/" target="_blank">blog del Área de Participación Ciudadana, Transparencia y Gobierno Abierto</a> para conocer nuestros avances y novedades; o la <a href="/">sección de Participación Ciudadana</a> donde poder decidir qué ciudad es la que quieres.</p>
+    </div>
+  </div>
+</div>

app/views/pages/privacy.html.erb

@@ -1 +1,7 @@
-<%= t('pages.privacy') %>
+<div class="row-full page">
+  <div class="row">
+    <div class="small-12 column">
+      <h1><%= t('pages.privacy') %></h1>
+    </div>
+  </div>
+</div>

app/views/pages/transparency.html.erb

@@ -1 +1,13 @@
-<%= t('pages.transparency') %>
+<div class="row-full page">
+  <div class="row">
+    <div class="small-12 medium-10 column text-center">
+      <h1><%= t('pages.transparency') %></h1>
+
+      <p>Estamos trabajando en el nuevo Portal de Transparencia del Ayuntamiento de Madrid, para que no quede ni una esquina del Ayuntamiento que no puedas ver. Por ahora puedes visitar el portal que existía hasta ahora:</p>
+
+      <%= link_to "Ir al Portal de Transparencia existente anteriormente", t("layouts.header.external_link_transparency_url"), target: "_blank", class: "button radius" %>
+
+      <p>Mientras acabamos el nuevo portal, te invitamos a visitar el <a href="http://diario.madrid.es/participa/" target="_blank">blog del Área de Participación Ciudadana, Transparencia y Gobierno Abierto</a> para conocer nuestros avances y novedades; o la <a href="/">sección de Participación Ciudadana</a> donde poder decidir qué ciudad es la que quieres.</p>
+    </div>
+  </div>
+</div>

config/locales/en.yml

@@ -7,6 +7,7 @@ en:
       external_link_opendata: Open data
       external_link_opendata_url: "http://datos.madrid.es"
       external_link_blog: Blog
+      external_link_blog_url: "http://diario.madrid.es/participa/"
       open_gov: "%{open} government"
       open: "Open"
       participation: Participation
@@ -23,11 +24,12 @@ en:
       open_city_soon: "And soon... we opened the section of citizen proposals."
       see_all_debates: See all debates
       my_account_link: My account
-      locale: "Site language:"
+      locale: "Language:"
       administration: Administration
       moderation: Moderation
       welcome: Welcome
       how_it_works: How it works
+      help: Help
       debates: Debates
       initiatives: Initiatives
     footer:

config/locales/es.yml

@@ -7,6 +7,7 @@ es:
       external_link_opendata: Datos abiertos
       external_link_opendata_url: "http://datos.madrid.es"
       external_link_blog: Blog
+      external_link_blog_url: "http://diario.madrid.es/participa/"
       open_gov: "Gobierno %{open}"
       open: "abierto"
       participation: Participación
@@ -23,11 +24,12 @@ es:
       open_city_soon: "Y muy pronto... abrimos la sección de propuestas ciudadanas."
       see_all_debates: Ver todos los debates
       my_account_link: Mi cuenta
-      locale: "Idioma de la página:"
+      locale: "Idioma:"
       administration: Administrar
       moderation: Moderar
       welcome: Portada
       how_it_works: "Cómo funciona"
+      help: Ayuda
       debates: Debates
       initiatives: Iniciativas
     footer: