<!DOCTYPE html>
<html lang="{{ site.lang | default: 'en-US' }}">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    {% seo %}
    <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
    <style>
      .posts-nav {
        margin-top: 2rem;
        padding-top: 1rem;
        border-top: 1px solid #e1e4e8;
      }
      .posts-nav h4 {
        margin: 0 0 0.75rem 0;
        font-size: 14px;
        font-weight: 600;
      }
      .posts-nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .posts-nav li {
        margin-bottom: 0.5rem;
        font-size: 13px;
        line-height: 1.4;
      }
      .posts-nav li.active a {
        font-weight: bold;
      }
      .posts-nav .date {
        display: block;
        font-size: 11px;
        color: #6a737d;
      }
    </style>
  </head>
  <body>
    <div class="container-lg px-3 my-5 markdown-body">
      <div class="col-4 col-sm-12 col-md-4 float-left pr-3 mb-3">
        <header>
          {% if site.logo %}
            <img src="{{ site.logo | relative_url }}" alt="Logo" />
          {% endif %}

          <p class="view"><a href="{{ '/' | relative_url }}">{{ site.title | default: site.github.repository_name }}</a></p>

          {% if site.description or site.github.project_tagline %}
          <p>{{ site.description | default: site.github.project_tagline }}</p>
          {% endif %}

          {% if site.github.is_project_page %}
          <p class="view"><a href="{{ site.github.repository_url }}">View on GitHub</a></p>
          {% endif %}

          {% if site.github.is_user_page %}
          <p class="view"><a href="{{ site.github.owner_url }}">View Profile</a></p>
          {% endif %}

          {% if site.show_downloads %}
          <ul class="downloads">
            <li><a href="{{ site.github.zip_url }}">ZIP</a></li>
            <li><a href="{{ site.github.tar_url }}">TAR</a></li>
          </ul>
          {% endif %}

          {% if site.posts.size > 0 %}
          <nav class="posts-nav">
            <h4>Posts</h4>
            <ul>
              {% for post in site.posts %}
              <li{% if page.url == post.url %} class="active"{% endif %}>
                <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title | split: ':' | first | truncate: 35 }}</a>
                <span class="date">{{ post.date | date: "%b %d, %Y" }}</span>
              </li>
              {% endfor %}
            </ul>
          </nav>
          {% endif %}
        </header>
      </div>

      <div class="col-8 col-sm-12 col-md-8 float-left">
        {{ content }}

        {% if site.github.private != true and site.github.license %}
        <div class="footer border-top border-gray-light mt-5 pt-3 text-right text-gray">
          This site is open source. {% github_edit_link "Improve this page" %}.
        </div>
        {% endif %}
      </div>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.1.0/anchor.min.js" integrity="sha256-lZaRhKri35AyJSypXXs4o6OPZ0vHg5oo+sC8c/O/K90=" crossorigin="anonymous"></script>
    <script>anchors.add();</script>
  </body>
</html>
