diff --git a/app/packs/images/bcn-logo-mobile.svg b/app/packs/images/bcn-logo-mobile.svg
new file mode 100644
index 000000000..e8394d940
--- /dev/null
+++ b/app/packs/images/bcn-logo-mobile.svg
@@ -0,0 +1,4 @@
+
diff --git a/app/packs/images/bcn-logo.svg b/app/packs/images/bcn-logo.svg
new file mode 100644
index 000000000..27e7a2c29
--- /dev/null
+++ b/app/packs/images/bcn-logo.svg
@@ -0,0 +1,6 @@
+
diff --git a/app/packs/stylesheets/decidim/decidim_application.scss b/app/packs/stylesheets/decidim/decidim_application.scss
index d0561d3f3..f4d4f6194 100644
--- a/app/packs/stylesheets/decidim/decidim_application.scss
+++ b/app/packs/stylesheets/decidim/decidim_application.scss
@@ -74,6 +74,58 @@
padding-bottom: 12px;
}
+.brand-bar {
+ padding-top: 0.2rem !important;
+ padding-bottom: 0.2rem !important;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ width: auto;
+}
+
+.bcn-cat-link > a {
+ font-weight: 600;
+ font-size: 20px;
+ color: black;
+ line-height: 35px;
+ letter-spacing: -0.5px;
+ background-size: 0;
+ text-decoration: none;
+ font-family: "Source Sans Pro";
+}
+
+.logo-mobile {
+ display: none;
+}
+
+.logo-desktop {
+ padding-right: 0;
+}
+
+.bcn-cat-link > a:hover {
+ text-decoration: underline;
+}
+
+body > div.layout-container > header > div.brand-bar > div.bcn-logo > a > span {
+ display: none;
+}
+
+@media screen and (max-width: 1279px) {
+ .brand-bar {
+ padding-right: 1rem !important;
+ }
+}
+
+@media screen and (max-width: 1024px) {
+ .logo-desktop {
+ display: none;
+ }
+
+ .logo-mobile {
+ display: block;
+ }
+}
+
@media (min-width: 768px) {
.main-header__language-container > #trigger-dropdown-language-chooser {
display: flex !important;
diff --git a/app/views/layouts/decidim/header/_main.html.erb b/app/views/layouts/decidim/header/_main.html.erb
index d46c69a7b..4cd1d1e89 100644
--- a/app/views/layouts/decidim/header/_main.html.erb
+++ b/app/views/layouts/decidim/header/_main.html.erb
@@ -1,3 +1,14 @@
+
+
+ <%= link_to "www.barcelona.cat", "https://ajuntament.barcelona.cat", target: "_blank", class: "bcnbrand-main-link", data: { external_link: "text-only" } %>
+
+
+ <%= link_to "https://ajuntament.barcelona.cat", target: "_blank" do %>
+ <%= image_pack_tag "media/images/bcn-logo.svg", class: "logo-desktop", alt: t(".organization_logo") %>
+ <%= image_pack_tag "media/images/bcn-logo-mobile.svg", class: "logo-mobile", alt: t(".organization_logo") %>
+ <% end %>
+
+
diff --git a/config/locales/ca.yml b/config/locales/ca.yml
index e5ae8e13e..fa8528c5c 100644
--- a/config/locales/ca.yml
+++ b/config/locales/ca.yml
@@ -331,6 +331,9 @@ ca:
valid_auth: Valid auth
layouts:
decidim:
+ header:
+ main:
+ organization_logo: Logo Ajuntament de Barcelona
initiative_header_steps:
signature_collection_period: Recollida de signatures
system:
diff --git a/config/locales/es.yml b/config/locales/es.yml
index eee379b22..f0cd157fd 100644
--- a/config/locales/es.yml
+++ b/config/locales/es.yml
@@ -324,6 +324,9 @@ es:
census_sarria_sant_gervasi_authorization_handler: Verifícate con el padrón (8+)
layouts:
decidim:
+ header:
+ main:
+ organization_logo: Logo Ayuntamiento de Barcelona
initiative_header_steps:
signature_collection_period: Recogida de firmas
system: