<div style="text-align: center;">
&hyphen;
{% for letter in include.pages_by_letter %}
<a href="#{{ letter.name }}">{{ letter.name }}</a>
&hyphen;
{% endfor %}
</div>

{% for letter in include.pages_by_letter %}
<h2 id="{{ letter.name }}">{{ letter.name }}</h2>
<ul>
  {% assign items = letter.items | sort: "sort_title" %}
  {% for item in items %}
  <li><a href="{{ item.url }}">{{ item.title | smartify }}</a></li>
  {% endfor %}
</ul>
{% endfor %}