<!DOCTYPE html>
<html lang="en">
  <head>
    <title>{{NAME}} :: viewdocs.io</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">

    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootswatch/3.0.2/yeti/bootstrap.min.css">
    <link rel="stylesheet" href="http://fgrehm.github.io/viewdocs-yeti/stylesheets/pygment_trac.css">

    <style>
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto;
        /* Negative indent footer by its height */
        margin: 0 auto -60px;
        /* Pad bottom by footer height */
        padding: 0 0 60px;
      }

      /* Set the fixed height of the footer here */
      footer {
        height: 60px;
        background-color: #f5f5f5;
        padding-top: 9px;
      }

      footer p {
        clear: left;
        margin-bottom: 0;
      }

      #wrap > .container {
        padding-top: 60px;
      }
      .navbar-nav>li>iframe {
        margin-top: 12px;
      }

      table {
        margin-left: auto;
        margin-right: auto;
      }
    </style>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div id="wrap">
      <div class="navbar navbar-default navbar-fixed-top">
        <div class="container">
          <div class="navbar-header">
            <a href="/{{NAME}}" class="navbar-brand">{{NAME}}</a>
            <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
          </div>
          <div class="navbar-collapse collapse" id="navbar-main">
            <ul class="nav navbar-nav">
              <li>
                <a href="/vagrant-cachier/usage">Usage</a>
              </li>
              <li>
                <a href="/vagrant-cachier/how-does-it-work">How does it work?</a>
              </li>
              <li>
                <a href="/vagrant-cachier/benchmarks">Benchmarks</a>
              </li>
              <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Available Buckets <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a tabindex="-1" href="/vagrant-cachier/buckets/apt">APT</a></li>
                  <li><a tabindex="-1" href="/vagrant-cachier/buckets/apt-cacher">apt-cacher</a></li>
                  <li><a tabindex="-1" href="/vagrant-cachier/buckets/chef">Chef</a></li>
                  <li><a tabindex="-1" href="/vagrant-cachier/buckets/composer">Composer</a></li>
                  <li><a tabindex="-1" href="/vagrant-cachier/buckets/pacman">Pacman</a></li>
                  <li><a tabindex="-1" href="/vagrant-cachier/buckets/npm">npm</a></li>
                  <li><a tabindex="-1" href="/vagrant-cachier/buckets/rubygems">RubyGems</a></li>
                  <li><a tabindex="-1" href="/vagrant-cachier/buckets/rvm">rvm</a></li>
                  <li><a tabindex="-1" href="/vagrant-cachier/buckets/yum">Yum</a></li>
                  <li><a tabindex="-1" href="/vagrant-cachier/buckets/zypper">Zypper</a></li>
                </ul>
              </li>
              <li>
                <a href="/vagrant-cachier/development">Development</a>
              </li>
            </ul>

            <ul class="nav navbar-nav navbar-right">
              <li><iframe src="http://ghbtns.com/github-btn.html?user={{USER}}&repo={{NAME}}&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe></li>
              <li><iframe src="http://ghbtns.com/github-btn.html?user={{USER}}&repo={{NAME}}&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="95" height="20"></iframe></li>
            </ul>
          </div>
        </div>
      </div>

      <div class="container">
        {{CONTENT}}
      </div>
    </div>

    <footer>
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <p>Hosted on <a href="http://viewdocs.io">http://viewdocs.io</a>.</p>
            <p>Theme based on <a href="http://bootswatch.com/yeti/">Yeti</a> built by <a href="http://thomaspark.me">Thomas Park</a> and adapted to Viewdocs by <a href="http://fabiorehm.com/">Fábio Rehm</a>.</p>
          </div>
        </div>
      </div>
    </footer>

    <script src="//oss.maxcdn.com/libs/jquery/2.0.3/jquery.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-38687494-4', 'viewdocs.io');
      ga('send', 'pageview');
    </script>
  </body>
</html>