<ol class="sub-nav" class="sub-nav">
  <li class="sub-nav-item {% if request.url_rule.endpoint == 'contributors' %} sub-nav-active{% endif %}">
    <a class="link-text" href="/contributors">
      Join Us
    </a>
  </li>

  <li class="sub-nav-item {% if 'contributors_bug_' in request.url_rule.endpoint %} active {% endif %}">
    <a class="link-text" href="/contributors/report-bug">
      Working with bugs <span class="nested-sub"></span>
    </a>
    <ol class="nested-sub-nav">
      <li class="nested-sub-nav-item {% if request.url_rule.endpoint == 'contributors_bug_report' %} sub-nav-active{% endif %}">
        <a class="link-text" href="/contributors/report-bug">
          Report a Bug 
        </a>
      </li>

      <li class="nested-sub-nav-item {% if request.url_rule.endpoint == 'contributors_bug_reproduce' %} sub-nav-active{% endif %}">
        <a class="link-text" href="/contributors/reproduce-bug">
          Triage a Bug
        </a>
      </li>

      <li class="nested-sub-nav-item {% if request.url_rule.endpoint == 'contributors_bug_diagnosis' %} sub-nav-active{% endif %}">
        <a class="link-text" href="/contributors/diagnose-bug">
          Diagnose a Bug
        </a>
      </li>

      <li class="nested-sub-nav-item {% if request.url_rule.endpoint == 'contributors_bug_outreach' %} sub-nav-active{% endif %}">
        <a class="link-text" href="/contributors/site-outreach">
          Site outreach
        </a>
      </li>
    </ol>
  </li>

  <li class="sub-nav-item {% if 'contributors_other_' in request.url_rule.endpoint %} active {% endif %}">
    <a class="link-text" href="/contributors/build-tools">
      Other ways to contribute <span class="nested-sub"></span>
    </a>
    <ol class="nested-sub-nav">
      <li class="nested-sub-nav-item {% if request.url_rule.endpoint == 'contributors_other_tools' %} sub-nav-active{% endif %}">
        <a class="link-text" href="/contributors/build-tools">
          Build Tools
        </a>
      </li>

      <li class="nested-sub-nav-item {% if request.url_rule.endpoint == 'contributors_other_research' %} sub-nav-active{% endif %}">
        <a class="link-text" href="/contributors/web-platform-research">
          Web Platform Research
        </a>
      </li>

      <li class="nested-sub-nav-item {% if request.url_rule.endpoint == 'contributors_other_events' %} sub-nav-active{% endif %}">
        <a class="link-text" href="/contributors/organize-webcompat-events">
          Organize Webcompat events
        </a>
      </li>
    </ol>
  </li>
</ol>
