finish footer

okfn-brasil · Aug 2, 2023 · f72bdc1 · f72bdc1
1 parent 353e29b
commit f72bdc1
Show file tree

Hide file tree

Showing 7 changed files with 140 additions and 1 deletion.
diff --git a/app/packs/images/ccby.png b/app/packs/images/ccby.png
diff --git a/app/packs/stylesheets/okbr/_footer.scss b/app/packs/stylesheets/okbr/_footer.scss
@@ -0,0 +1,38 @@
+.main-footer {
+  padding: 5rem 0;
+}
+
+.main-footer > :not(:first-child) {
+  margin-top: 2rem;
+}
+
+.main-footer a,
+.main-footer a:hover {
+  color: white;
+}
+
+.main__footer__nav {
+  text-align: left;
+  text-transform: uppercase;
+}
+
+.footer-social {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.footer-social__icon .icon {
+  width: 34px;
+  height: 34px;
+}
+
+.footer-cc {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 1rem;
+  align-items: center;
+}
+
+img.cc {
+  height: 24px;
+}
diff --git a/app/packs/stylesheets/okbr/application.scss b/app/packs/stylesheets/okbr/application.scss
@@ -4,6 +4,7 @@
 @import 'stylesheets/okbr/_hero.scss';
 @import 'stylesheets/okbr/_nav.scss';
 @import 'stylesheets/okbr/_banner.scss';
+@import 'stylesheets/okbr/_footer.scss';
 
 body {
   font-family: 'HK Grotesk', sans-serif;

diff --git a/app/views/layouts/decidim/_main_footer.html.erb b/app/views/layouts/decidim/_main_footer.html.erb
@@ -0,0 +1,56 @@
+<div class="main-footer">
+  <div class="row medium-up-4">
+    <div class="column">
+      <% if current_organization.official_img_footer.attached? %>
+        <%= link_to current_organization.official_url do %>
+          <%= image_tag current_organization.attached_uploader(:official_img_footer).path, alt: current_organization.name %>
+        <% end %>
+      <% end %>
+    </div>
+    <div class="column">
+      <nav class="main__footer__nav">
+        <ul class="footer-nav">
+          <% organization_pages = current_organization.static_pages_accessible_for(current_user) %>
+          <% if organization_pages.any? %>
+            <% current_organization.static_page_topics.where(show_in_footer: true).each do |page_topic| %>
+              <% topic_pages = page_topic.accessible_pages_for(current_user) %>
+              <% if topic_pages.any? %>
+                <li><%= link_to translated_attribute(page_topic.title), decidim.page_path(topic_pages.first) %></li>
+              <% end %>
+            <% end %>
+
+            <% organization_pages.where(show_in_footer: true).each do |page| %>
+              <li><%= link_to translated_attribute(page.title), decidim.page_path(page) %></li>
+            <% end %>
+          <% end %>
+          <li><%= link_to t("layouts.decidim.footer.download_open_data"), decidim.open_data_download_path %></li>
+          <li><a href="#" data-open="dc-modal"><%= t("layouts.decidim.footer.data_consent_settings") %></a></li>
+        </ul>
+      </nav>
+    </div>
+    <div class="column">
+      <%= render partial: "layouts/decidim/social_media_links" %>
+    </div>
+    <div class="column">
+      <a rel="decidim noopener"
+         href="https://decidim.org/"
+         target="_blank">
+        <%= image_pack_tag("media/images/decidim-logo.svg", alt: t("layouts.decidim.footer.decidim_logo")) %>
+      </a>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="column footer-cc">
+      <div class="footer-cc__left">
+        <%= image_pack_tag("media/images/ccby.png", alt: "Creative commons logo", class: "cc") %>
+      </div>
+      <div class="footer-cc__right">
+        Todo o conteúdo deste site está disponível sob a licença Creative
+        Commons Atribuição 4.0 Internacional, exceto quando especifcada outra
+        licença. Isso signifca que pode ser compartilhado e reutilizado para
+        trabalhos derivados, desde que citada a fonte.
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/app/views/layouts/decidim/_mini_footer.html.erb b/app/views/layouts/decidim/_mini_footer.html.erb
@@ -0,0 +1 @@
+<!-- Original template content overriden with empty template to fit design -->
diff --git a/app/views/layouts/decidim/_social_media_links.html.erb b/app/views/layouts/decidim/_social_media_links.html.erb
@@ -0,0 +1,42 @@
+<ul class="footer-social">
+  <% if current_organization.twitter_handler.present? %>
+    <li>
+      <a class="footer-social__icon" target="_blank" rel="noopener" href="https://twitter.com/<%= current_organization.twitter_handler %>">
+        <span class="show-for-sr"><%= t("layouts.decidim.social_media_links.twitter", organization: translated_attribute(current_organization.name)) %></span>
+          <%= icon "twitter", role: "img", aria_label: "Twitter" %>
+      </a>
+    </li>
+  <% end %>
+  <% if current_organization.facebook_handler.present? %>
+    <li>
+      <a class="footer-social__icon" target="_blank" rel="noopener" href="https://www.facebook.com/<%= current_organization.facebook_handler %>">
+        <span class="show-for-sr"><%= t("layouts.decidim.social_media_links.facebook", organization: translated_attribute(current_organization.name)) %></span>
+          <%= icon "facebook", role: "img", aria_label: "Facebook" %>
+      </a>
+    </li>
+  <% end %>
+  <% if current_organization.instagram_handler.present? %>
+    <li>
+      <a class="footer-social__icon" target="_blank" rel="noopener" href="https://www.instagram.com/<%= current_organization.instagram_handler %>">
+        <span class="show-for-sr"><%= t("layouts.decidim.social_media_links.instagram", organization: translated_attribute(current_organization.name)) %></span>
+          <%= icon "instagram", role: "img", aria_label: "Instagram" %>
+      </a>
+    </li>
+  <% end %>
+  <% if current_organization.youtube_handler.present? %>
+    <li>
+      <a class="footer-social__icon" target="_blank" rel="noopener" href="https://www.youtube.com/<%= current_organization.youtube_handler %>">
+        <span class="show-for-sr"><%= t("layouts.decidim.social_media_links.youtube", organization: translated_attribute(current_organization.name)) %></span>
+          <%= icon "youtube", role: "img", aria_label: "YouTube" %>
+      </a>
+    </li>
+  <% end %>
+  <% if current_organization.github_handler.present? %>
+    <li>
+      <a class="footer-social__icon" target="_blank" rel="noopener" href="https://www.github.com/<%= current_organization.github_handler %>">
+        <span class="show-for-sr"><%= t("layouts.decidim.social_media_links.github", organization: translated_attribute(current_organization.name)) %></span>
+          <%= icon "github", role: "img", aria_label: "GitHub" %>
+      </a>
+    </li>
+  <% end %>
+</ul>
diff --git a/config/locales/pt.yml b/config/locales/pt.yml
@@ -23,7 +23,8 @@ pt:
   layouts:
     decidim:
       footer:
-        data_consent_settings: Configurações de cookies
+        download_open_data: Dados abertos
+        data_consent_settings: Cookies
 
       offline_banner:
         cache_version_page: Oooops! Sua rede está fora de linha. Esta é uma versão armazenada em cache da página que você está visitando, pode ser que o conteúdo não esteja atualizado