Skip to content

Commit

Permalink
homepage with some links
Browse files Browse the repository at this point in the history
  • Loading branch information
diegozen committed May 24, 2021
1 parent 76a45d7 commit c198d88
Show file tree
Hide file tree
Showing 15 changed files with 2,178 additions and 77 deletions.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added app/assets/images/custom/icono-cookies-footer.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added app/assets/images/custom/icono-info-footer.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
36 changes: 33 additions & 3 deletions app/assets/stylesheets/custom.scss
Original file line number Diff line number Diff line change
Expand Up @@ -82,6 +82,10 @@

.middle-section {
font-size: small;
a {
color: white;
text-decoration: none;
}
}

.right-section {
Expand All @@ -94,6 +98,9 @@
.menu {
li {
padding: 0 rem-calc(8);
a {
padding: 0;
}
}
}
}
Expand Down Expand Up @@ -154,9 +161,32 @@
}
}

// .action-container {
// @include block-grid($per-row, $spacing, $base-styles);
// }
.action-container {
display: flex;
flex-wrap: wrap;
.action {
flex: 1 0 20%;
}
}

.footer {
background-color: $brand;
a {
text-decoration: none;
.footer-link {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 700;
color: white;
span {
margin-left: 8px;
}
}
}
}

// /* This controls how many elements will be on each row of the block grid. */
// /* Set this to whatever number you need, up to the max allowed in the variable */
Expand Down
52 changes: 52 additions & 0 deletions app/views/custom/layouts/_footer.html.erb
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
<footer>
<div class="row">
<div class="small-12 large-2 column">
<%= link_to root_path, accesskey: "0" do %>
<div class="footer-link">
<%= image_tag(image_path_for("icono-info-footer.png")) %>
<span><%= t("layouts.footer.links.legal") %></span>
</div>
<% end %>
</div>
<div class="small-12 large-2 column">
<%= link_to root_path, accesskey: "0" do %>
<div class="footer-link">
<%= image_tag(image_path_for("icono-privacidad-footer.png")) %>
<span><%= t("layouts.footer.links.privacy") %></span>
</div>
<% end %>
</div>
<div class="small-12 large-2 column">
<%= link_to root_path, accesskey: "0" do %>
<div class="footer-link">
<%= image_tag(image_path_for("icono-cookies-footer.png")) %>
<span><%= t("layouts.footer.links.cookies") %></span>
</div>
<% end %>
</div>
<div class="small-12 large-2 column">
<%= link_to root_path, accesskey: "0" do %>
<div class="footer-link">
<%= image_tag(image_path_for("icono-contacto-footer.png")) %>
<span><%= t("layouts.footer.links.contact") %></span>
</div>
<% end %>
</div>
<div class="small-12 large-2 column">
<%= link_to root_path, accesskey: "0" do %>
<div class="footer-link">
<%= image_tag(image_path_for("icono-web-cabildo-footer.png")) %>
<span><%= t("layouts.footer.links.web") %></span>
</div>
<% end %>
</div>
<div class="small-12 large-2 column">
<%= link_to root_path, accesskey: "0" do %>
<div class="footer-link">
<%= image_tag(image_path_for("icono-preguntas-footer.png")) %>
<span><%= t("layouts.footer.links.faq") %></span>
</div>
<% end %>
</div>
</div>
</footer>
Original file line number Diff line number Diff line change
Expand Up @@ -26,52 +26,55 @@
<% end %>
<div class="top-bar-title">
<h1>
Cabildo Abierto
<%= setting["org_name"] %>
</h1>
</div>

<div class="left-section-number">
<span>Atención Ciudadana</span><br>
<span>922 239 500</span>
<%= t("application.support_title") %><br>
<%= t("application.support_number") %>
</div>
</div>

<div class="middle-section">
<span>wwww.tenerife.es | Sede Electrónica</span>
<%= link_to "https://sede.tenerife.es/es/", accesskey: "0" do %>
<%= t("application.subtitle") %>
<% end %>
</div>
<div class="right-section">
<div class="top-bar-right">
<ul class="menu">
<li>
<span><%= icon('fab', 'facebook-f') %></span>
<%= link_to "https://www.facebook.com/CabildoTenerife", accesskey: "0" do %>
<span>
<%= icon('fab', 'facebook-f') %>
</span>
<% end %>
</li>
<li>
<span><%= icon('fab', 'twitter') %></span>
<%= link_to "https://twitter.com/CabildoTenerife", accesskey: "0" do %>
<span>
<%= icon('fab', 'twitter') %>
</span>
<% end %>
</li>
<li>
<%= link_to "https://www.youtube.com/channel/UCSnQFzldpaeR5D7zTOp3pRA?view_as=subscriber", accesskey: "0" do %>
<span><%= icon('fab', 'youtube') %></span>
<% end %>
</li>
<li>
<%= link_to "https://www.instagram.com/cabildotenerife/?hl=es", accesskey: "0" do %>
<span><%= icon('fab', 'instagram') %></span>
<% end %>
</li>
</ul>
</div>
<div class="search">
<span><%= icon('fas', 'search') %></span>
<span>Buscar</span>
<span><%= t("application.search") %></span>
</div>
</div>
</div>
</div>

<div id="navigation_bar" class="subnavigation expanded">
<div class="row">
<div class="hide-for-small-only">
<%= render "shared/subnavigation" %>
</div>
<div class="small-12 medium-3 column">
<%= yield :header_addon %>
</div>
</div>
</div>
</header>
80 changes: 29 additions & 51 deletions app/views/custom/shared/_header.html.erb
Original file line number Diff line number Diff line change
Expand Up @@ -3,49 +3,17 @@
<div class="bluebox-container row">
<div class="small-12 medium-6 column">
<div class="bluebox">
<span>¿Qué contiene y para qué sirve esta web?</span>
<span><%= t("layouts.header.content_question") %></span>
</div>
</div>
<div class="small-12 medium-6 column">
<div class="bluebox">
<span>¿A quién va dirigida esta web?</span>
</div>
</div>
</div>
<div class="sectionbox-container row">
<div class="small-12 medium-3 column text-center">
<div class="sectionbox">
<%= image_tag(image_path_for("icono-cabildo-abierto.png"), class: "") %>
<div class="sectionbox-title">
<span>Cabildo Abierto</span>
</div>
</div>
</div>
<div class="small-12 medium-3 column text-center">
<div class="sectionbox">
<%= image_tag(image_path_for("icono-cabildo-abierto.png"), class: "") %>
<div class="sectionbox-title">
<span>Cabildo Abierto</span>
</div>
</div>
</div>
<div class="small-12 medium-3 column text-center">
<div class="sectionbox">
<%= image_tag(image_path_for("icono-cabildo-abierto.png"), class: "") %>
<div class="sectionbox-title">
<span>Cabildo Abierto</span>
</div>
</div>
</div>
<div class="small-12 medium-3 column text-center">
<div class="sectionbox">
<%= image_tag(image_path_for("icono-cabildo-abierto.png"), class: "") %>
<div class="sectionbox-title">
<span>Cabildo Abierto</span>
</div>
<span><%= t("layouts.header.addressed_question") %></span>
</div>
</div>
</div>
<%= render "shared/main_links" %>

<div class="row">
<div class="small-12 medium-6 column <%= "medium-9 small-centered text-center" unless header.image.present? %>">
<span><%= header.label %></span>
Expand All @@ -67,45 +35,55 @@
</div>
<div class="background-header"></div>
<div class="action-container row">
<div class="small-12 medium-2 column text-center">
<div class="action">
<div class="action">
<%= link_to proposals_path do %>
<div class="text-center">
<%= image_tag(image_path_for("icono-participa.png"), class: "") %>
<div class="action-title">
<span>Cabildo Abierto</span>
<span><%= t("layouts.header.links.proposals") %></span>
</div>
</div>
<% end %>
</div>
<div class="small-12 medium-2 column text-center">
<div class="action">
<div class="action">
<%= link_to polls_path do %>
<div class="text-center">
<%= image_tag(image_path_for("icono-prop-cabildo.png"), class: "") %>
<div class="action-title">
<span>Cabildo Abierto</span>
<span><%= t("layouts.header.links.voting") %></span>
</div>
</div>
<% end %>
</div>
<div class="small-12 medium-2 column text-center">
<div class="action">
<div class="action">
<%= link_to "https://transparencia.tenerife.es/" do %>
<div class="text-center">
<%= image_tag(image_path_for("icono-solicita.png"), class: "") %>
<div class="action-title">
<span>Cabildo Abierto</span>
<span><%= t("layouts.header.links.information") %></span>
</div>
</div>
<% end %>
</div>
<div class="small-12 medium-2 column text-center">
<div class="action">
<div class="action">
<%= link_to "https://sede.tenerife.es/es/tramites-y-servicios/item/2890-quejas-y-sugerencias" do %>
<div class="text-center">
<%= image_tag(image_path_for("icono-queja.png"), class: "") %>
<div class="action-title">
<span>Cabildo Abierto</span>
<span><%= t("layouts.header.links.complains") %></span>
</div>
</div>
<% end %>
</div>
<div class="small-12 medium-2 column text-center">
<div class="action">
<div class="action">
<%= link_to "https://sede.tenerife.es/es/" do %>
<div class="text-center">
<%= image_tag(image_path_for("icono-sede.png"), class: "") %>
<div class="action-title">
<span>Cabildo Abierto</span>
<span><%= t("layouts.header.links.sede") %></span>
</div>
</div>
<% end %>
</div>
</div>
<% end %>
42 changes: 42 additions & 0 deletions app/views/custom/shared/_main_links.html.erb
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
<div class="sectionbox-container">
<div class="row">
<div class="small-12 medium-3 column text-center">
<%= link_to "https://www.youtube.com/channel/UCSnQFzldpaeR5D7zTOp3pRA?view_as=subscriber", accesskey: "0" do %>
<div class="sectionbox">
<%= image_tag(image_path_for("icono-cabildo-abierto.png"), class: "") %>
<div class="sectionbox-title">
<span><%= t("shared.main_links.cabildo") %></span>
</div>
</div>
<% end %>
</div>
<div class="small-12 medium-3 column text-center">
<%= link_to "https://transparencia.tenerife.es/", accesskey: "0" do %>
<div class="sectionbox">
<%= image_tag(image_path_for("icono-transparencia.png"), class: "") %>
<div class="sectionbox-title">
<span><%= t("shared.main_links.transparency") %></span>
</div>
</div>
<% end %>
</div>
<div class="small-12 medium-3 column text-center">
<div class="sectionbox">
<%= image_tag(image_path_for("icono-participacion-colaboracion.png"), class: "") %>
<div class="sectionbox-title">
<span><%= t("shared.main_links.collaboration") %></span>
</div>
</div>
</div>
<div class="small-12 medium-3 column text-center">
<%= link_to "https://www.tenerifedata.com/", accesskey: "0" do %>
<div class="sectionbox">
<%= image_tag(image_path_for("icono-datos-abiertos.png"), class: "") %>
<div class="sectionbox-title">
<span><%= t("shared.main_links.open_data") %></span>
</div>
</div>
<% end %>
</div>
</div>
</div>
2 changes: 2 additions & 0 deletions config/application_custom.rb
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
module Consul
class Application < Rails::Application
config.i18n.default_locale = :es
config.i18n.available_locales = ['es', 'en']
end
end
Loading

0 comments on commit c198d88

Please sign in to comment.