<!DOCTYPE html>
  <html lang="en" class="no-js">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <%= csrf_meta_tags %>

    <title><%= yield(:title) %></title>

    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
  </head>
  <body>
    <div class="layout">
      <% if content_for?(:category) %>

        <header <%= raw("class=\"no-progressbar\"") if content_for?(:summary) %>>
          <div class="page-title slash-left">
            <div>Section: <%= yield(:category) %></div>
          </div>
        </header>

      <% else %>

        <header class="no-progressbar">
          <div class="page-title slash-left">
            <div>Perficient Digital Skills Assessment</div>
          </div>
        </header>

      <% end %>

      <%= yield %>

    </div>
    <%= render partial: 'layouts/footer' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
  </body>
</html>
