EchoHub/articles/toc.html

<div id="sidetoggle">
  <div>
    <div class="sidefilter">
      <form class="toc-filter">
        <span class="glyphicon glyphicon-filter filter-icon"></span>
        <span class="glyphicon glyphicon-remove clear-icon" id="toc_filter_clear"></span>
        <input type="text" id="toc_filter_input" placeholder="Filter by title" onkeypress="if(event.keyCode==13) {return false;}">
      </form>
    </div>
    <div class="sidetoc">
      <div class="toc" id="toc">

          <ul class="nav level1">
                <li>
                    <span class="expand-stub"></span>
                    <a>Guides</a>

                    <ul class="nav level2">
                          <li>
                              <a href="getting-started.html" name="" title="Getting Started">Getting Started</a>
                          </li>
                          <li>
                              <a href="docker.html" name="" title="Docker">Docker</a>
                          </li>
                          <li>
                              <a href="architecture.html" name="" title="Architecture">Architecture</a>
                          </li>
                          <li>
                              <a href="configuration.html" name="" title="Configuration">Configuration</a>
                          </li>
                          <li>
                              <a href="encryption.html" name="" title="Encryption">Encryption</a>
                          </li>
                          <li>
                              <a href="notification-sounds.html" name="" title="Notification Sounds">Notification Sounds</a>
                          </li>
                    </ul>
                </li>
                <li>
                    <span class="expand-stub"></span>
                    <a>Flows</a>

                    <ul class="nav level2">
                          <li>
                              <a href="../flows/authentication.html" name="" title="Authentication">Authentication</a>
                          </li>
                          <li>
                              <a href="../flows/connection.html" name="" title="Connection">Connection</a>
                          </li>
                          <li>
                              <a href="../flows/messaging.html" name="" title="Messaging">Messaging</a>
                          </li>
                          <li>
                              <a href="../flows/channels.html" name="" title="Channels">Channels</a>
                          </li>
                          <li>
                              <a href="../flows/moderation.html" name="" title="Moderation">Moderation</a>
                          </li>
                          <li>
                              <a href="../flows/media.html" name="" title="Media &amp; Services">Media &amp; Services</a>
                          </li>
                    </ul>
                </li>
          </ul>
      </div>
    </div>
  </div>
</div>