{% extends 'bestpractices.html' %}

{% block bpTabs %}
      <div id="bpTabs">
        <ul>
          <li><a href="/itf/bestpractices">Intro</a></li>
          <li class="bpCurrentTab">Stories</li>
          <li><a href="/itf/bestpractices/guidelines">Guidelines</a></li>
          <li><a href="/itf/bestpractices/glossary">Glossary</a></li>
          <li><a href="/itf/bestpractices/faq">FAQ</a></li>
          <li><a href="/itf/bestpractices/download">Download</a></li>
        </ul>
      </div>
      <div style="clear:both;"></div>
{% endblock %}

{% block bpContent %}
  <div class="bpContent">
    {% for s in stories %}
    <div class="bpStory bpItem" data-id="{{s.id}}">
      <a href="/itf/bestpractices/story/{{s.id}}">{{ s.title }}</a>
    </div>
    {% endfor %}    
  </div>
{% endblock %}