Adds sub navigation menu

app/assets/stylesheets/participacion.scss

@@ -134,7 +134,7 @@ header {
   min-height: rem-calc(480);
 
   &.results {
-    min-height: rem-calc(192);
+    min-height: rem-calc(216);
   }
 
   h1 {
@@ -276,6 +276,35 @@ header {
   }
 }
 
+.subnavigation {
+  background: white;
+  border-bottom: 1px solid white;
+  clear: both;
+
+  a {
+    color: $link;
+    font-size: rem-calc(14);
+    font-weight: bold;
+
+    &.active {
+      color: $text;
+
+      &:after {
+        bottom: -17px;
+        left: 50%;
+        border: solid transparent;
+        content: " ";
+        height: 0;
+        width: 0;
+        position: absolute;
+        border-top-color: #fff;
+        border-width: 8px;
+        margin-left: -8px;
+      }
+    }
+  }
+}
+
 // 05. Footer
 // - - - - - - - - - - - - - - - - - - - - - - - - -
 

app/views/layouts/_header.html.erb

@@ -35,6 +35,21 @@
         <%= render 'devise/menu/login_items' %>
         <%= render 'shared/admin_login_items' %>
       </section>
+
+      <section class="subnavigation row text-center">
+        <div class="small-12 medium-3 column end">
+          <%= link_to t("layouts.header.welcome"), root_path, class: "active" %>
+        </div>
+        <div class="small-12 medium-3 column end">
+          <%= link_to t("layouts.header.news"), "#" %>
+        </div>
+        <div class="small-12 medium-3 column end">
+          <%= link_to t("layouts.header.debates"), debates_path %>
+        </div>
+        <div class="small-12 medium-3 column end">
+          <%= link_to t("layouts.header.initiatives"), "#" %>
+        </div>
+      </section>
     </nav>
   </div>
 

config/locales/en.yml

@@ -15,6 +15,10 @@ en:
       language: Site language
       administration: Administration
       moderation: Moderation
+      welcome: Welcome
+      news: News
+      debates: Debates
+      initiatives: Initiatives
     footer:
       copyright: "Ayuntamiento de Madrid, 2015. All rights reserved"
   form:

config/locales/es.yml

@@ -15,6 +15,10 @@ es:
       language: Idioma de la página
       administration: Administar
       moderation: Moderar
+      welcome: Portada
+      news: Novedades
+      debates: Debates
+      initiatives: Iniciativas
     footer:
       copyright: "Ayuntamiento de Madrid, %{year}. Todos los derechos reservados"
   form: