<section class="aside-module grid__item one-whole lap-one-half">
  <!-- {% include edit_github.html %} -->
  {% assign cards = site.lovelace | sort_natural: 'title' %}

  <div class='section'>
    <h1 class="title delta">Lovelace UI</h1>
    <ul class='divided sidebar-menu'>
      <li>{% active_link /lovelace/ Introduction %}</li>
      <li>{% active_link /lovelace/changelog/ Changelog %}</li>
      <li>{% active_link /lovelace/views/ Views %}</li>
      <li>{% active_link /lovelace/tips/ Tips and Tricks %}</li>
    </ul>
  </div>

  <div class='section'>
    <h1 class="title delta">Cards</h1>
    <ul class='divided sidebar-menu'>
      {% for card in cards %}
        <li>{% active_link {{card.url}} {{card.sidebar_label}} %}</li>
      {% endfor %}
    </ul>
  </div>

</section>
