<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title><%= content_for?(:title) ? yield(:title) : "Gobierno abierto" %></title>
    <%= stylesheet_link_tag    "application" %>
    <%= javascript_include_tag "vendor/modernizr" %>
    <%= javascript_include_tag "application", 'data-turbolinks-track' => true %>
    <%= csrf_meta_tags %>
    <%= favicon_link_tag "favicon.ico" %>
    <%= favicon_link_tag "apple-touch-icon-200.png",
                     rel: "apple-touch-icon",
                     sizes: "200x200",
                     type: "image/png" %>
    <!--[if lt IE 9]>
      <%= javascript_include_tag "respond" %>
    <![endif]-->
  </head>
  <body>
    <div class="wrapper">
      <%= render 'layouts/header' %>

      <% if notice %>
      <div class="alert-messages">
        <div class="row">
          <div data-alert class="alert-box success radius">
            <a href="#" class="close">&times;</a>
            <%= notice %>
          </div>
        </div>
      </div>
      <% end %>

      <% if alert %>
      <div class="alert-messages">
        <div class="row">
          <div data-alert class="alert-box alert radius">
            <a href="#" class="close">&times;</a>
            <%= alert %>
          </div>
        </div>
      </div>
      <% end %>

      <%= yield %>
      <div class="push"></div>
    </div>
    <div class="footer">
      <%= render 'layouts/footer' %>
    </div>
  </body>
  <!--[if lt IE 9]>
    <%= javascript_include_tag "rem" %>
  <![endif]-->
</html>
