{% url 'books:list' as lib_url %}
{% url 'books:reference-histogram' 'section' as vis_url %}
{% url 'books:reference-list' as cit_url %}
{% url 'djiffy:list' as out_url %}

<a class="mdl-navigation__link {% if lib_url in request.path %}mdl-navigation__link--active{% endif %}" href="{{ lib_url }}">
  <span class="navigation-title">Derrida's Library</span>
</a>

<a class="mdl-navigation__link {% if cit_url in request.path and not vis_url in request.path %}mdl-navigation__link--active{% endif %}" href="{{ cit_url }}">
  <span class="navigation-title">Reference List</span>
</a>

<a class="mdl-navigation__link {% if vis_url in request.path %}mdl-navigation__link--active{% endif %}" href="{{ vis_url }}">
  <span class="navigation-title">Visualization</span>
</a>

<a class="mdl-navigation__link {% if out_url in request.path %}mdl-navigation__link--active{% endif %}" href="{{ out_url }}">
  <span class="navigation-title">Outwork</span>
</a>

{% url 'books:list' as lib_url %}
{% url 'books:reference-histogram' 'de-la-grammatologie' as vis_url %}
{% url 'books:reference-list' as cit_url %}
{% url 'djiffy:list' as out_url %}

<a class="mdl-navigation__link {% if lib_url in request.path %}mdl-navigation__link--active{% endif %}" href="{{ lib_url }}">
  <span class="navigation-title">Derrida's Library</span>
</a>

<a class="mdl-navigation__link {% if cit_url in request.path and not vis_url in request.path %}mdl-navigation__link--active{% endif %}" href="{{ cit_url }}">
  <span class="navigation-title">Reference List</span>
</a>

<a class="mdl-navigation__link {% if vis_url in request.path %}mdl-navigation__link--active{% endif %}" href="{{ vis_url }}">
  <span class="navigation-title">Visualization</span>
</a>

<a class="mdl-navigation__link {% if out_url in request.path %}mdl-navigation__link--active{% endif %}" href="{{ out_url }}">
  <span class="navigation-title">Outwork</span>
</a>

Fix nav link to visualization
Fix nav link to visualization
