Merge pull request #430 from AyuntamientoMadrid/desing_improves

Desing improves

app/views/debates/new.html.erb

@@ -6,6 +6,12 @@
       <%= t("debates.new.back_link") %>
     <% end %>
     <h1><%= t("debates.new.start_new") %></h1>
+    <div class="alert-box info radius">
+      <%= t("debates.new.info")%>
+      <%= link_to "/more_information", target: "_blank" do %>
+        <strong><%= t("debates.new.more_info")%></strong>
+      <% end %>
+    </div>
     <%= render "form" %>
   </div>
 

app/views/pages/how_to_use.html.erb

@@ -4,7 +4,7 @@
       <h1>Utilízalo en tu municipio</h1>
       <p>Utilízalo en tu municipio libremente o ayúdanos a mejorarlo, es software libre.</p>
 
-      <p>Este Portal de Gobierno Abierto es software libre, con <a href="http://www.gnu.org/licenses/agpl-3.0.html" target="_blank">licencia AGPLv3</a>, 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>Este Portal de Gobierno Abierto usa la aplicación <strong>Consul v.0.9</strong> que es software libre, con <a href="http://www.gnu.org/licenses/agpl-3.0.html" target="_blank">licencia AGPLv3</a>, 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 <a href="mailto:ag.gobiernoabierto@madrid.es">ag.gobiernoabierto@madrid.es</a></p>
 

app/views/users/registrations/edit.html.erb

@@ -19,7 +19,7 @@
     <div class="small-12 column">
       <%= f.label :password, t("devise_views.users.registrations.edit.password_label") %>
       <span class="note"><%= t("devise_views.users.registrations.edit.leave_blank") %></span>
-      <%= f.password_field :password, autocomplete: "off", placeholder: t("devise_views.users.registrations.edit.password_label") %>
+      <%= f.password_field :password, autocomplete: "off", label: false, placeholder: t("devise_views.users.registrations.edit.password_label") %>
     </div>
 
     <div class="small-12 column">

config/locales/en.yml

@@ -133,6 +133,8 @@ en:
         submit_button: "Save changes"
     new:
       start_new: Start a debate
+      info: "A debate is a discussion forum, not a proposal. And soon... we opened the section of citizen proposals."
+      more_info: "More info"
       back_link: Back
       recommendations_title: Tips for creating a debate
       recommendation_one: "Do not write the title of the debate or whole sentences in capital. On the Internet this is considered shouting. And nobody likes to scream."

config/locales/es.yml

@@ -133,6 +133,8 @@ es:
         submit_button: "Guardar cambios"
     new:
       start_new: Empezar un debate
+      info: "Un debate es un foro de discusión, no una propuesta ciudadana. Muy pronto abriremos la sección de propuestas ciudadanas, donde cualquiera podrá presentar propuestas y, si reciben apoyo, serán puestas en marcha por el Ayuntamiento."
+      more_info: "Más información"
       back_link: Volver
       recommendations_title: Recomendaciones para crear un debate
       recommendation_one: "No escribas el título del debate o frases enteras en mayúsculas. En internet eso se considera gritar. Y a nadie le gusta que le griten."

public/404.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <style>
   body {
-    background: #065687;
+    background: #065687 url('errors_bg.jpg');
     color: #2E2F30;
     font-family: arial, sans-serif;
     margin: 0;
@@ -16,17 +16,24 @@
     color: white;
     font-size: 160px;
     line-height: 160px;
-    margin-bottom: 0;
+    margin: 0;
   }
 
   h2 {
     color: white;
   }
+
+  div.error {
+    margin-top: -144px;
+    position: absolute;
+    top: 50%;
+    width: 100%;
+  }
   </style>
 </head>
 
 <body>
-  <div>
+  <div class="error">
     <h1>404</h1>
     <h2>Not found.</h2>
   </div>

public/422.html

@@ -1,67 +1,41 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <title>The change you wanted was rejected (422)</title>
+  <title>Error 422 | The change you wanted was rejected</title>
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <style>
   body {
-    background-color: #EFEFEF;
+    background: #065687 url('errors_bg.jpg');
     color: #2E2F30;
-    text-align: center;
     font-family: arial, sans-serif;
     margin: 0;
-  }
-
-  div.dialog {
-    width: 95%;
-    max-width: 33em;
-    margin: 4em auto 0;
-  }
-
-  div.dialog > div {
-    border: 1px solid #CCC;
-    border-right-color: #999;
-    border-left-color: #999;
-    border-bottom-color: #BBB;
-    border-top: #B00100 solid 4px;
-    border-top-left-radius: 9px;
-    border-top-right-radius: 9px;
-    background-color: white;
-    padding: 7px 12% 0;
-    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+    text-align: center;
   }
 
   h1 {
-    font-size: 100%;
-    color: #730E15;
-    line-height: 1.5em;
+    color: white;
+    font-size: 160px;
+    line-height: 160px;
+    margin: 0;
   }
 
-  div.dialog > p {
-    margin: 0 0 1em;
-    padding: 1em;
-    background-color: #F7F7F7;
-    border: 1px solid #CCC;
-    border-right-color: #999;
-    border-left-color: #999;
-    border-bottom-color: #999;
-    border-bottom-left-radius: 4px;
-    border-bottom-right-radius: 4px;
-    border-top-color: #DADADA;
-    color: #666;
-    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  h2 {
+    color: white;
+  }
+
+  div.error {
+    margin-top: -144px;
+    position: absolute;
+    top: 50%;
+    width: 100%;
   }
   </style>
 </head>
 
 <body>
-  <!-- This file lives in public/422.html -->
-  <div class="dialog">
-    <div>
-      <h1>The change you wanted was rejected.</h1>
-      <p>Maybe you tried to change something you didn't have access to.</p>
-    </div>
-    <p>If you are the application owner check the logs for more information.</p>
+  <div class="error">
+    <h1>422</h1>
+    <h2>The change you wanted was rejected.</h2>
   </div>
 </body>
 </html>

public/500.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <style>
   body {
-    background: #065687;
+    background: #065687 url('errors_bg.jpg');
     color: #2E2F30;
     font-family: arial, sans-serif;
     margin: 0;
@@ -16,17 +16,24 @@
     color: white;
     font-size: 160px;
     line-height: 160px;
-    margin-bottom: 0;
+    margin: 0;
   }
 
   h2 {
     color: white;
   }
+
+  div.error {
+    margin-top: -144px;
+    position: absolute;
+    top: 50%;
+    width: 100%;
+  }
   </style>
 </head>
 
 <body>
-  <div>
+  <div class="error">
     <h1>500</h1>
     <h2>Internal server error.</h2>
   </div>