--- a/qmsk/pngtile/templates/qmsk.pngtile/index.html	Sat Oct 04 14:36:02 2014 +0300
+++ b/qmsk/pngtile/templates/qmsk.pngtile/index.html	Sat Oct 04 15:14:22 2014 +0300
@@ -4,7 +4,7 @@
 
 {% block header %}
     <h1 class="page-header-title">
-        <a href="{% url 'index' '' %}">{{ site_name }}</a>
+        <a href="{% url 'index' '' %}">{{ title }}</a>
     </h1>
 {% endblock %}
 
@@ -17,17 +17,30 @@
 {% endblock %}
 
 {% block nav %}
+{% for tree_items, tree_item in index_tree %}
+    {% if not forloop.first %}
+    <hr />
+    {% endif %}
     <ul class="nav">
-    {% for item in index_list %}
-        <li>
-            <a href="{{item}}">{{item}}</a>
+    {% for item, item_name in tree_items %}
+        <li
+        {% if item == tree_item %}
+            class="active"
+        {% endif %}
+        >
+            <a href="{% url 'index' item_name %}">{{item}}</a>
         </li>
     {% endfor %}
     </ul>
+{% endfor %}
 {% endblock %}
 
 {% block content %}
-
+{% for item, item_name in index_items %}
+    <div>
+        <a href="{% url 'image' item_name %}">{{item}}</a>
+    </div>
+{% endfor %}
 {% endblock %}
 
 {% block footer %}