<!DOCTYPE html>
<html>
  <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
      <title>{{ page.title }} | DVRescue</title>
      <meta name="viewport" content="width=device-width">
      <link rel="stylesheet" href="{{ site.baseurl }}/css/syntax.css">
      <link rel="stylesheet" href="{{ site.baseurl }}/css/main.css">
      <link rel="stylesheet" href="{{ site.baseurl }}/css/responsive.css">
      <link rel="shortcut icon" type="image/x-icon" href="{{ site.baseurl }}/favicon.ico">
      <link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> 
  </head>
  <body>
    <div class="site">
      <div class="sidebar" id="sidebar">
        <div class="header">
          <h1 class="title"><a href="{{ site.baseurl }}/index.html"><img id="logo" src="{{ site.baseurl }}/images/mipopslogo.png"></a></h1>
          <span class="tagline"></span>
        </div>
        <div class="posts">
          <div class="search">
            <form action="{{ site.baseurl }}/search.html" method="get">
              <input type="text" id="search_box" class="search-box" name="query">
              <input type="submit" class="search-button" value="search">
            </form>
          </div>
        </div>
        <div class="posts">
          <ul class="posts-list">
            <!-- These are hardcoded but don't have to be, but we will need a final order -->
            <li><a href="{{ site.baseurl }}/index.html">Home</a></li>
            <li><a href="{{ site.baseurl }}/sections/cableAssembly.html">Commander Cable Assembly</a></li>
            <li><a href="{{ site.baseurl }}/sections/cableTesting.html">Commander Cable Usage</a></li>
            <li><a href="{{ site.baseurl }}/sections/supplies.html">Supplies</a></li>
            <li><a href="https://github.com/mipops/digividcommander">Project Repository</a></li>
          </ul>
        </div>
        <div class="footer">
          <span id="footer-links">
            <p>
              Brought to you by 
              <a href="https://www.mipops.org" class="footer-link">MIPoPS</a>
            </p>
            <p>
              <img src="{{ site.baseurl }}/images/neh.jpg" id="neh-logo"><br>
              This resource has been made possible in part by the National Endowment for the Humanities: Exploring the human endeavor
            </p>
          </span>
        </div>
      </div>
        {{ content }}
    </div>
    <script src="{{ site.baseurl }}/scripts/responsive.js" type="text/javascript"></script>
  </body>
</html>
