<div class="page is-index">
  <div class="blog-post-text">
    <div class="index-title"><a href="/tbc/">{{ "tzo"|lang }}</a></div>
    <div class="index-subtitle">({{ "tzo_brief_guide"|lang|lower }})</div>
    <div class="tzo-map">
      {% for part in tzo.getParts() %}
        <a href="/tbc/{{ part }}/" class="node" id="n{{ part }}">
          <div class="node-number">{{ tzo.getPartWithDots(part) }}</div>
          <div class="node-label">{{ tzo.getPartLabel(part) }}</div>
        </a>
      {% endfor %}
      <div class="arrow a1-21 dir135"></div>
      <div class="arrow a1-22 dir45" ></div>
      <div class="arrow a21-31 dir135"></div>
      <div class="arrow a21-32 dir45" ></div>
      <div class="arrow a22-32 dir135"></div>
      <div class="arrow a22-33 dir45" ></div>
      <div class="arrow a31-41 dir135"></div>
      <div class="arrow a31-42 dir45" ></div>
      <div class="arrow a32-42 dir135"></div>
      <div class="arrow a32-43 dir45" ></div>
      <div class="arrow a33-43 dir135"></div>
      <div class="arrow a33-44 dir45" ></div>
      <div class="arrow a41-51 dir45" ></div>
      <div class="arrow a42-51 dir135"></div>
      <div class="arrow a42-52 dir45" ></div>
      <div class="arrow a43-52 dir135"></div>
      <div class="arrow a43-53 dir45" ></div>
      <div class="arrow a44-53 dir135"></div>
      <div class="arrow a51-61 dir45" ></div>
      <div class="arrow a52-61 dir135"></div>
      <div class="arrow a52-62 dir45" ></div>
      <div class="arrow a53-62 dir135"></div>
      <div class="arrow a61-7  dir45" ></div>
      <div class="arrow a62-7  dir135"></div>
    </div>

{#    <div class="index-hr">~ ~ ~</div>#}

    <div class="index-more">
      More works <a href="/works/">here</a>
    </div>
  </div>
</div>