Fullscreen/yt-core

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button class="navbar-toggle" data-target="#navbar-collapse-1" data-toggle="collapse" type="button">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>

      <a class="navbar-brand" href="{{ site.baseurl }}/">
        <img alt="Yt" src="{{ site.baseurl }}/images/robot.png">
        Yt<span class="hidden-xs"> · The reliable YouTube API Ruby client</span>
      </a>
    </div>

    <div class="collapse navbar-collapse" id="navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right visible-xs-block">
        {% if page.url == '/' %}
          <li class="active"><a href="{{ site.baseurl }}/">Installing Yt</a></li>
        {% else %}
          <li><a href="{{ site.baseurl }}/">Installing Yt</a></li>
        {% endif %}
        {% if page.url == '/channels.html' %}
          <li class="active"><a href="{{ site.baseurl }}/channels.html">Channels</a></li>
        {% else %}
          <li><a href="{{ site.baseurl }}/channels.html">Channels</a></li>
        {% endif %}
        {% if page.url == '/videos.html' %}
          <li class="active"><a href="{{ site.baseurl }}/videos.html">Videos</a></li>
        {% else %}
          <li><a href="{{ site.baseurl }}/videos.html">Videos</a></li>
        {% endif %}
        {% if page.url == '/playlists.html' %}
          <li class="active"><a href="{{ site.baseurl }}/playlists.html">Playlists</a></li>
        {% else %}
          <li><a href="{{ site.baseurl }}/playlists.html">Playlists</a></li>
        {% endif %}
        {% if page.url == '/playlist_items.html' %}
          <li class="active"><a href="{{ site.baseurl }}/playlist_items.html">Playlist Items</a></li>
        {% else %}
          <li><a href="{{ site.baseurl }}/playlist_items.html">Playlist Items</a></li>
        {% endif %}
        {% if page.url == '/errors.html' %}
          <li class="active"><a href="{{ site.baseurl }}/errors.html">Errors</a></li>
        {% else %}
          <li><a href="{{ site.baseurl }}/errors.html">Errors</a></li>
        {% endif %}
        {% if page.url == '/urls.html' %}
          <li class="active"><a href="{{ site.baseurl }}/urls.html">URLs</a></li>
        {% else %}
          <li><a href="{{ site.baseurl }}/urls.html">URLs</a></li>
        {% endif %}
      </ul>
    </div>
  </div>
</nav>