<div

id="side-canvas-bar"
class="off-canvas position-left"
data-off-canvas
data-transition="overlap"

>

<div class="grid-y grid-margin-y">
  <div class="cell">
    {% assign default_paths = site.pages | map: "path" %} {% assign page_paths
    = site.header_pages | default: default_paths %}
    <ul class="vertical menu" data-drilldown>
      <li><a href="{{ '/' | relative_url }}">Home</a></li>
      {% for path in page_paths %} {% assign my_page = site.pages | where:
      "path", path | first %} {% if my_page.title %}
      <li>
        <a class="page-link" href="{{ my_page.url | relative_url }}">{{
          my_page.title | escape
        }}</a>
      </li>
      {% endif %} {% endfor %}
    </ul>
  </div>
  <!-- .cell -->
  <div class="cell side-menu-footer">
    <p>
      Cold Sun by
      <a href="https://kaz-yamada.github.io/">Kazuki Yamada.</a> Powered by
      <a href="http://jekyllrb.com" target="_blank">Jekyll</a>
    </p>
  </div>
</div>

</div> <!– side-canvas-bar –>