Improves styles and texts for footer

This commit is contained in:
Alberto Garcia Cabeza
2015-09-10 13:13:28 +02:00
parent 02c101cd97
commit 98937e4467
4 changed files with 44 additions and 56 deletions

View File

@@ -262,7 +262,8 @@ h6 {
}
.footer {
background: $brand;
background: #DEE0E2;
border-top: rem-calc(10) solid $brand;
}
// 04. Header
@@ -542,6 +543,7 @@ header {
}
.top-links {
background: #0B0C0C;
color: white;
font-size: rem-calc(14);
@@ -609,61 +611,55 @@ header {
// - - - - - - - - - - - - - - - - - - - - - - - - -
footer {
color: white;
padding: rem-calc(24) 0 rem-calc(48) 0;
color: #171819;
padding: rem-calc(48) 0;
.logo {
@include logo;
a {
color: #454A4C;
line-height: rem-calc(36);
padding-left: 0;
text-decoration: none;
}
}
h4 {
color: white;
font-weight: normal;
p {
font-size: rem-calc(14);
}
a {
color: white;
a, a:active, a:focus {
color: #454A4C;
text-decoration: underline;
&:hover {
color: white;
opacity: .5;
transition: opacity 275ms;
}
&:active, &:focus {
color: white;
}
}
.footer-description {
a {
text-decoration: underline;
&:hover {
color: white;
opacity: .5;
transition: opacity 275ms;
}
&:active, &:focus {
color: white;
opacity: 1;
}
color: #171819;
}
}
.footer-sections {
padding-left: 0;
}
h4 {
a {
border-bottom: 1px solid #BFC1C3;
display: block;
margin-bottom: rem-calc(6);
padding-bottom: rem-calc(6);
text-decoration: none;
}
}
}
.subfooter {
padding-top: $line-height;
border-top: 1px solid #BFC1C3;
opacity: .75;
margin-top: rem-calc(24);
padding-top: rem-calc(12);
}
// 06. Tags

View File

@@ -2,23 +2,22 @@
<div class="row-full">
<div class="row">
<div class="small-12 medium-4 column">
<div class="small-12 large-4 column">
<div class="logo">
<%= link_to t("layouts.header.open_gov", open: "#{t('layouts.header.open')}").html_safe %>
</div>
<p class="footer-description">
<p>
<%= t("layouts.footer.description",
more_info: link_to(t("layouts.footer.more_info"), t("layouts.footer.more_info_url")),
open_source: link_to(t("layouts.footer.open_source"), t("layouts.footer.open_source_url"), target: "blank"),
github: link_to(t("layouts.footer.github"), t("layouts.footer.github_url"), target: "blank")).html_safe
consul: link_to(t("layouts.footer.consul"), t("layouts.footer.consul_url"), target: "blank")).html_safe
%>
<%= t("layouts.footer.contact_us") %>
<%= mail_to "web.gobiernoabierto@madrid.es" %>
</p>
</div>
<div class="footer-sections small-12 medium-8 column">
<div class="footer-sections small-12 large-8 column">
<div class="small-12 medium-4 column">
<h4>
<%= link_to t("layouts.footer.participation_title"), root_path %>
@@ -45,6 +44,7 @@
<div class="subfooter row">
<div class="small-12 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" %>
</div>

View File

@@ -32,16 +32,11 @@ en:
debates: Debates
# initiatives: Initiatives
footer:
description:
"The city you want, it will be the city you want. %{more_info} here on this page.
This Open Government Portal use Consul v.0.9 application, is %{open_source}, and code is in %{github}.
Madrid, for the whole world."
more_info: Get more information
more_info_url: "/more_information"
open_source: "software libre AGPLv3"
description: "This portal use %{consul}, is %{open_source}. Madrid, for the whole world."
open_source: "software libre"
open_source_url: "http://www.gnu.org/licenses/agpl-3.0.html"
github: "github"
github_url: "https://github.com/ayuntamientomadrid"
consul: "Consul application"
consul_url: "https://github.com/ayuntamientomadrid"
copyright: "Ayuntamiento de Madrid, %{year}"
participation_title: "Participation"
participation_text: Decide what should be the city of Madrid you want.
@@ -52,6 +47,7 @@ en:
contact_us: "Contact us"
privacy: "Privacy Policy"
conditions: "Terms of use"
more_info: "More information"
form:
error: error
errors: errors

View File

@@ -32,16 +32,11 @@ es:
debates: Debates
# initiatives: Iniciativas
footer:
description:
"La ciudad que quieres, será la ciudad que quieras. %{more_info} sobre esta página.
Este Portal de Gobierno Abierto usa la aplicación Consul v.0.9 que es %{open_source}, y su código se encuentra en %{github}.
De Madrid, para el mundo entero."
more_info: Obtén más información
more_info_url: "/more_information"
open_source: "software libre AGPLv3"
description: "Este portal usa la %{consul} que es %{open_source}. De Madrid, para el mundo entero."
open_source: "software libre"
open_source_url: "http://www.gnu.org/licenses/agpl-3.0.html"
github: "github"
github_url: "https://github.com/ayuntamientomadrid"
consul: "aplicación Consul"
consul_url: "https://github.com/ayuntamientomadrid"
copyright: "Ayuntamiento de Madrid, %{year}"
participation_title: "Participación"
participation_text: "Decide cómo debe ser la ciudad de Madrid que quieres."
@@ -52,6 +47,7 @@ es:
contact_us: "Contacta con nosotros en"
privacy: "Política de privacidad"
conditions: "Condiciones de uso"
more_info: "Más información"
form:
error: error
errors: errores