navbar.html

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>

      <!-- TODO: copy source -->
      <!-- see also: http://stackoverflow.com/questions/18474564/bootstrap-3-navbar-with-logo -->
      <a class="navbar-brand" href="/">
        <img style="max-width:50px; margin-top: -7px;" src="/images/foundrylogo.png"/>
      </a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">

        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="/docs/OperationsCommittee.html">Operations Committee</a></li>
            <li><a href="https://github.com/OBOFoundry/OBOFoundry.github.io">GitHub Project</a></li>
            <li><a href="https://github.com/OBOFoundry">GitHub Organization</a></li>
          </ul>
        </li>

        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Principles <span class="caret"></span></a>
          <ul class="dropdown-menu">
            {% for p in site.principles %}
            <li>
              <a href="/principles/{{p.id}}.html">{{p.title}}</a>
            </li>
            {% endfor %}
          </ul>
        </li>

        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Ontologies <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="/">Ontology Table</a></li>
            <li><a href="/id-policy.html">ID Policy</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="https://github.com/OBOFoundry/OBOFoundry.github.io/tree/master/ontology">Ontologies Metadata Source</a></li>
            <li><a href="https://github.com/OBOFoundry/OBOFoundry.github.io/blob/master/registry/">Combined Metadata</a></li>
            <li><a href="https://raw.githubusercontent.com/OBOFoundry/OBOFoundry.github.io/master/registry/ontologies.yml">Ontology YAML</a></li>
            <li><a href="https://raw.githubusercontent.com/OBOFoundry/OBOFoundry.github.io/master/registry/ontologies.jsonld">Ontology JSON-LD <i>alpha</i></a></li>
            <li><a href="https://raw.githubusercontent.com/OBOFoundry/OBOFoundry.github.io/master/registry/ontologies.ttl">Ontology RDF/Turtle <i>alpha</i></a></li>
          </ul>
        </li>
        
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Citation <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="/docs/Citation.html">Cite Ontologies</a></li>
            <li><a href="http://www.nature.com/nbt/journal/v25/n11/full/nbt1346.html">Cite the OBO Foundry</a></li>
            <li><a href="/registry/publications.html">Publications Related to the OBO Foundry</a></li>
          </ul>
        </li>

        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Participate <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="https://github.com/OBOFoundry/OBOFoundry.github.io/issues">OBO Foundry Issue Tracker</a></li>
            <li><a href="/allnews.html">OBO Foundry News</a></li>
            <li><a href="https://twitter.com/OBOFoundry">@OBOFoundry Twitter Feed</a></li>
            <li><a href="https://lists.sourceforge.net/lists/listinfo/obo-discuss">OBO-Discuss Mail List</a></li>
          </ul>
        </li>


        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">FAQ <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <!-- in theory we could auto-generate this part of the navbar -->
            <!-- <li><a href="/faq/who-is-the-foundry.html">Who is the OBO Foundry?</a></li> -->
            <li role="separator" class="divider"></li>
            <li><i>Policy</i></li>
            <!-- these just direct to the relevant pages: I think someone should make dedicated FAQ entries -->
            <li><a href="/principles/fp-000-summary.html">What are the OBO Foundry Principles?</a></li>
            <li><a href="/id-policy.html">What is the OBO ID Policy?</a></li>
            <li role="separator" class="divider"></li>
            <li><i>Citation</i></li>
            <li><a href="/docs/Citation.html">How do I cite an ontology?</a></li>
            <li role="separator" class="divider"></li>
            <li><i>Terms</i></li>
            <li><a href="/faq/how-do-i-request-a-term.html">How do I request a new ontology term?</a></li>
            <li role="separator" class="divider"></li>
            <li><i>Metadata</i></li>
            <li><a href="/faq/how-do-i-register-my-ontology.html">How do I register my ontology?</a></li>
            <li><a href="/faq/how-do-i-edit-metadata.html">How do I edit the metadata for my ontology?</a></li>
            <li><a href="/faq/how-do-i-add-browser.html">How do I add a custom browser for my ontology?</a></li>
            <li><a href="/faq/what-is-the-build-field.html">What is the <code>build</code> object in the ontology metadata?</a></li>
            <li><a href="/faq/where-is-the-obo-file.html">Why is there no OBO-Format file listed for my ontology?</a></li>
            <li role="separator" class="divider"></li>
            <li><i>Guides</i></li>
            <li><a href="https://douroucouli.wordpress.com/2014/01/08/creating-an-ontology-project/">How should I manage my ontology using version control?</a></li>
            <li role="separator" class="divider"></li>
            <li><i>Website</i></li>
            <li><a href="/faq/how-do-i-modify-website.html">Can I help improve the OBO portal?</a></li>
          </ul>
        </li>

        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Legacy <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="/legacy/literature.html">Literature</a></li>
            <li><a href="/legacy/participate.html">Participate</a></li>
            <li><a href="/legacy/coordination.html">Coordination</a></li>
            <li><a href="/legacy/relatedprojects.html">Related</a></li>
            <li><a href="/legacy/crit.html">Criteria</a></li>
            <li><a href="/publications.html">Publications</a></li>
            <li><a href="http://wiki.obofoundry.org/wiki/index.php/Main_Page">Old Wiki</a></li>
            <li><a href="https://code.google.com/p/obo-foundry-operations-committee/wiki/">Old Operation Wiki</a></li>
          </ul>
        </li>



      </ul>
      <form class="navbar-form navbar-left" role="search" action="http://www.ontobee.org/search" method="get">
        <div class="form-group">
          <input name="ontology" type="hidden" value="">
          <input name="submit" type="hidden" value="Search terms">
          <input name="keywords" type="text" class="form-control" placeholder="Search Ontobee">
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
      </form>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>