<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="shortcut icon" type="image/x-icon" href="/images/favicon.png" />
    <title><%= web.title %></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/external_libs/bootstrap-3.2.0-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="/external_libs/bootstrap-3.2.0-dist/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="/stylesheets/style.css?<%= version %>">
  </head>

  <body>
    <div id="wrapper" class="container-fluid">

      <header id="pageheader" onclick="window.location.href='/'">
        <h1><%= web.title %> <small><%= version %></small></h1>
        <p class="lead"><%= web.description %></p>
      </header>

      <nav class="navbar navbar-inverse" role="navigation">
        <div class="navbar-header">
            <span class="navbar-brand">Distributions</span>
        </div>
        <div class="collapse navbar-collapse">
          <div id="distributions">
            <ul class="nav navbar-nav"></ul>
          </div>
          <div id="pages">
            <ul class="nav navbar-nav pull-right">
              <% if (web.paths.commands) { %>
              <li><a href="<%= web.paths.commands %>">Commands</a></li>
              <% } %>
              <% if (web.paths.preferences) { %>
              <li><a href="<%= web.paths.preferences %>">Preferences</a></li>
              <% } %>
              <li class="home-link">
                <a class="pull-left" href="/">Home</a>
                <span class="pull-right icon"></span>
              </li>
            </ul>
          </div>
        </div>
      </nav>
