includes help sections to budgets

app/views/budgets/index.html.erb

@@ -1,14 +1,9 @@
+<% provide :title do %><%= t('budgets.index.title') %><% end %>
 <% content_for :canonical do %>
   <%= render "shared/canonical", href: budgets_url %>
 <% end %>
 
-<div class="expanded budget no-margin-top padding">
+<%= render "shared/section_header", i18n_namespace: "budgets.index.section_header", image: "budgets" %>
-  <div class="row">
-    <div class="small-12 column">
-      <h1><%= t('budgets.index.title') %></h1>
-    </div>
-  </div>
-</div>
 
 <div class="row margin-top">
   <div class="small-12 medium-9 column">
@@ -32,5 +27,16 @@
       <% end %>
       </tbody>
     </table>
+
+    <div id="section_help" class="margin" data-magellan-target="section_help">
+      <p class="lead">
+        <strong><%= t("budgets.index.section_footer.title") %></strong>
+      </p>
+      <p><%= t("budgets.index.section_footer.help_text_1") %></p>
+      <p><%= t("budgets.index.section_footer.help_text_2") %></p>
+      <p><%= t("budgets.index.section_footer.help_text_3",
+                org: link_to(setting['org_name'], new_user_registration_path)).html_safe %></p>
+      <p><%= t("budgets.index.section_footer.help_text_4") %></p>
+    </div>
   </div>
 </div>

config/locales/en/budgets.yml

@@ -38,6 +38,17 @@ en:
       finished: Finished budget
     index:
       title: Participatory budgets
+      section_header:
+        icon_alt: Participatory budgets icon
+        title: Participatory budgets
+        description: With the participatory budgets the citizens decide to which projects presented by the neighbors is destined a part of the municipal budget.
+        help: Help about participatory budgets
+      section_footer:
+        title: Help about participatory budgets
+        help_text_1: "Participatory budgets are processes in which citizens decide directly on what is spent part of the municipal budget. Any registered person over 16 years old can propose an investment project that is preselected in a phase of citizen supports."
+        help_text_2: "The most voted projects are evaluated and passed to a final vote in which they decide the actions to be carried out by the City Council once the municipal budgets of the next year are approved."
+        help_text_3: "The presentation of participatory budgeting projects takes place from January and over a period of one and a half months. To participate and propose proposals for the entire city and / or districts, you must sign up on %{org} and verify your account."
+        help_text_4: "To get as many supports and votes as possible, choose a descriptive and understandable headline for your project. Then you have a space to develop the approach of your proposal. Provide all the data and explanations, and even documents and images, to help other participants to better understand what you are proposing."
     investments:
       form:
         tag_category_label: "Categories"

config/locales/es/budgets.yml

@@ -38,6 +38,17 @@ es:
       finished: Resultados
     index:
       title: Presupuestos participativos
+      section_header:
+        icon_alt: Icono de Presupuestos participativos
+        title: Presupuestos participativos
+        description: Con los presupuestos participativos la ciudadanía decide a qué proyectos presentados por los vecinos y vecinas va destinada una parte del presupuesto municipal.
+        help: Ayuda sobre presupuestos participativos
+      section_footer:
+        title: Ayuda sobre presupuestos participativos
+        help_text_1: "Los presupuestos participativos son unos procesos en los que la ciudadanía decide de forma directa en qué se gasta una parte del presupuesto municipal. Cualquier persona empadronada mayor de 16 años puede proponer un proyecto de gasto que se preselecciona en una fase de apoyos ciudadanos."
+        help_text_2: "Los proyectos más votados se evalúan y pasan a una votación final en la que se deciden las actuaciones que llevará a cabo el Ayuntamiento una vez se aprueben los presupuestos municipales del año próximo."
+        help_text_3: "La presentación de proyectos de presupuestos participativos se lleva a cabo desde enero y a lo largo de un periodo de mes y medio, aproximadamente. Para participar y plantear propuestas para toda la ciudad y/ los distritos hay que registrarse en %{org} y verificar la cuenta."
+        help_text_4: "Para conseguir el mayor número de apoyos y votos posible, elige un titular descriptivo y comprensible de tu proyecto. Después tienes un espacio para desarrollar el planteamiento de tu propuesta. Aporta todos los datos y explicaciones, e incluso documentos e imágenes, para ayudar a otras personas participantes a entender mejor lo que planteas."
     investments:
       form:
         tags_instructions: "Etiqueta esta propuesta. Puedes elegir entre las categorías propuestas o introducir las que desees"