Adjusting layout so that every Basics and Tags' content output their own pages

This commit is contained in:
Tetsuro
2015-10-15 16:29:00 -04:00
parent ea54777dd2
commit 68e39b624a
10 changed files with 62 additions and 54 deletions
+43 -15
View File
@@ -21,21 +21,49 @@
<a href="/">Liquid</a>
</div>
<nav class="sidebar--nav">
{% for collection in site.collections %}
{% assign section_title = collection[0] %}
<ul class="section">
<li>
<h3 class="section__header">{{ section_title | capitalize }}</h3>
<ul class="section__links">
{% for doc in site.collections[section_title].docs %}
<li>
<a href="/{{ collection[0] }}#{{ doc.title }}" class="section__link">{{ doc.title }}</a>
</li>
{% endfor %}
</ul>
</li>
</ul>
{% endfor %}
<!-- Basics -->
<ul class="section">
<li>
<h3 class="section__header">Basics</h3>
<ul class="section__links">
{% for doc in site.collections["basics"].docs %}
<li>
<a href="/basics/{{ doc.title | slugify }}" class="section__link">{{ doc.title }}</a>
</li>
{% endfor %}
</ul>
</li>
</ul>
<!-- Tags -->
<ul class="section">
<li>
<h3 class="section__header">Tags</h3>
<ul class="section__links">
{% for doc in site.collections["tags"].docs %}
<li>
<a href="/tags/{{ doc.title | slugify }}" class="section__link">{{ doc.title }}</a>
</li>
{% endfor %}
</ul>
</li>
</ul>
<!-- Filters -->
<ul class="section">
<li>
<h3 class="section__header">Filters</h3>
<ul class="section__links">
{% for doc in site.collections["filters"].docs %}
<li>
<a href="/filters#{{ doc.title }}" class="section__link">{{ doc.title }}</a>
</li>
{% endfor %}
</ul>
</li>
</ul>
</nav>
</div>