_ Git - blog/blob - _includes/sidebar.html

   1 <!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
   2      styles, `#sidebar-checkbox` for behavior. -->
   3 <input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
   4
   5 <!-- Toggleable sidebar -->
   6 <div class="sidebar" id="sidebar">
   7   <div class="sidebar-item">
   8     <p>{{ site.description }}</p>
   9   </div>
  10
  11   <nav class="sidebar-nav">
  12     <a class="sidebar-nav-item{% if page.url == site.baseurl %} active{% endif %}" href="{{ site.baseurl }}/">Home</a>
  13
  14     {% comment %}
  15       The code below dynamically generates a sidebar nav of pages with
  16       `layout: page` in the front-matter. See readme for usage.
  17     {% endcomment %}
  18
  19     {% assign pages_list = site.pages | sort:"url" %}
  20     {% for node in pages_list %}
  21       {% if node.title != null %}
  22         {% if node.layout == "page" %}
  23           <a class="sidebar-nav-item{% if page.url == node.url %} active{% endif %}" href="{{ node.url }}">{{ node.title }}</a>
  24         {% endif %}
  25       {% endif %}
  26     {% endfor %}
  27   </nav>
  28
  29   <div class="sidebar-item">
  30     <p>
  31       &copy; {{ site.time | date: '%Y' }}. All rights reserved.
  32     </p>
  33   </div>
  34 </div>