app.html

<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <a href="#!/" class="navbar-brand">Cryptography Toolkit</a>
    </div>

    <div id="navbar" class="collapse navbar-collapse">
      <ul class="nav navbar-nav navbar-right">
        <li ng-class="{active: $root.isActive('/ecc')}">
          <a href="#!/ecc">ECC/ECDSA</a>
        </li>

        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" role="button">
            Bitcoin <span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <li ng-class="{active: $root.isActive('/hd-wallet')}">
              <a href="#!/hd-wallet">Hierarchical Deterministic Wallet</a>
            </li>
            <li ng-class="{active: $root.isActive('/bitcoin-block')}">
              <a href="#!/bitcoin-block">Bitcoin Block Parser</a>
            </li>
            <li ng-class="{active: $root.isActive('/schnorr')}">
              <a href="#!/schnorr">BIP Schnorr Signatures</a>
            </li>
            <li ng-class="{active: $root.isActive('/mu-sig')}">
              <a href="#!/mu-sig">MuSig: Key Aggregation for Schnorr
                Signatures</a>
            </li>
            <li ng-class="{active: $root.isActive('/transaction-creator')}">
              <a href="#!/transaction-creator">Transaction Creator</a>
            </li>
            <li ng-class="{active: $root.isActive('/wallet-import')}">
              <a href="#!/wallet-import">Wallet Import helper</a>
            </li>
          </ul>
        </li>
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" role="button">
            LND <span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <li ng-class="{active: $root.isActive('/aezeed')}">
              <a href="#!/aezeed">aezeed Cipher Seed Scheme</a>
            </li>
            <li ng-class="{active: $root.isActive('/macaroon')}">
              <a href="#!/macaroon">Macaroons</a>
            </li>
          </ul>
        </li>
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" role="button">
            Other <span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <li ng-class="{active: $root.isActive('/shamir-secret-sharing')}">
              <a href="#!/shamir-secret-sharing">Shamir's Secret Sharing
                Scheme</a>
            </li>
            <li ng-class="{active: $root.isActive('/encoding-decoding')}">
              <a href="#!/encoding-decoding">Encoding/Decoding</a>
            </li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</nav>
<a ng-if="$root.isActive('/')"
   href="https://github.com/guggero/cryptography-toolkit/">
  <img src="images/fork-me-on-github-ribbon.png" alt="Fork me on GitHub"
       class="github-ribbon">
</a>
<div ng-class="$root.$route.current.containerClass" ng-view>

</div>