Adds social networks links on footer

app/assets/stylesheets/participacion.scss

@@ -764,6 +764,29 @@ footer {
   margin-top: rem-calc(24);
   padding-top: rem-calc(12);
 
+  .social {
+    margin-top: rem-calc(24);
+    text-align: center;
+
+    @media (min-width: $small-breakpoint) {
+      margin-top: 0;
+      text-align: right;
+    }
+
+    a {
+      font-size: rem-calc(24);
+      margin: 0 rem-calc(12);
+      text-decoration: none;
+
+      @media (min-width: $small-breakpoint) {
+        font-size: rem-calc(18);
+      }
+
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
 }
 
 // 06. Tags

app/views/layouts/_footer.html.erb

@@ -42,13 +42,25 @@
     </div>
 
     <div class="subfooter row">
-      <div class="small-12 column">
+      <div class="small-12 medium-10 column">
         <%= t("layouts.footer.copyright", year: Time.now.year) %>&nbsp;|&nbsp;
         <%= link_to t("layouts.footer.more_info"), "/more_information" %>&nbsp;|&nbsp;
         <%= link_to t("layouts.footer.privacy"), "/privacy" %>&nbsp;|&nbsp;
         <%= link_to t("layouts.footer.conditions"), "/conditions" %>&nbsp;|&nbsp;
         <%= link_to t("layouts.footer.accessibility"), "/accessibility" %>
       </div>
+
+      <div class="small-12 medium-2 column social">
+        <%= link_to "https://twitter.com/abriendomadrid", target: "_blank", title: t("layouts.footer.twitter") do %>
+          <i class="icon-twitter"></i>
+        <% end %>
+        <%= link_to "https://www.facebook.com/Abriendo-Madrid-1475577616080350/", target: "_blank", title: t("layouts.footer.facebook") do %>
+          <i class="icon-facebook"></i>
+        <% end %>
+        <%= link_to "http://diario.madrid.es/blog/category/gobiernoabierto/", target: "_blank", title: t("layouts.footer.blog") do %>
+          <i class="icon-blog"></i>
+        <% end %>
+      </div>
     </div>
   </div>
 </footer>

config/locales/en.yml

@@ -49,6 +49,9 @@ en:
       conditions: "Terms of use"
       more_info: "More information"
       accessibility: "Accessibility"
+      twitter: "Twitter"
+      facebook: "Facebook"
+      blog: "Blog"
     application:
       ie_title: "This site is not optimized for your browser"
       ie:

config/locales/es.yml

@@ -49,6 +49,9 @@ es:
       conditions: "Condiciones de uso"
       more_info: "Más información"
       accessibility: "Accesibilidad"
+      twitter: "Twitter"
+      facebook: "Facebook"
+      blog: "Blog"
     application:
       ie_title: "Esta web no está optimizada para tu navegador"
       ie: