<%def name="is_active_nav(name)">
  %if active_section == name:
      class="active"
  %endif
</%def>

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>${self.title()}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="/css/bootstrap-responsive.css" rel="stylesheet">
    ${self.style()}
    <script src="/js/jquery-1.10.1.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    ${self.javascript()}
  </head>
  <body>
    <div class="navbar navbar-default" role="navigation">
      <div class="navbar-header">
        <span class="navbar-brand"><a href="/">Smiley</a></span>
      </div>
      <div class="collapse navbar-collapse">
        <ul class="nav navbar-nav navbar-right">
          <li ${is_active_nav('about')}><a href="/about">About</a></li>
          <li><a href="https://smiley.readthedocs.org" target="_">Help</a></li>
        </ul>
      </div>
    </div>
    
    <div class="container">

      <%block name="page_header">
      </%block>

      <div class="row">
        <div id="content" class="col-md-12">
          <ol class="breadcrumb">
            <%block name="breadcrumbs">
            </%block>
         </ol>
       </div>
     </div>

      <%block name="page_top">
      </%block>

        ${self.body()}

    </div>
  </body>
</html>

<%def name="title()">Smiley</%def>

<%def name="style()">
</%def>

<%def name="javascript()">
</%def>

<%def name="display_filename(fn)">
<!-- Render a filename in a shorter form -->
% if fn and fn.startswith(run.cwd):
    ${fn[len(run.cwd):].lstrip('/')}
% else:
    ${fn}
% endif
</%def>
