<nav class="navbar navbar-inverse transparency" role="navigation">
 <!--  <div class="container-fluid">-->
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Navegación</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand transparency" href="blog.html"><img class="img-circle" src="{% static "ava.png" %}" alt = "Prosvet"></a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="navbar-collapse collapse navbar-inverse">
      <ul class="nav nav-tabs navbar-right hax">

        <li><a href="{% url 'blog' %}">Blog</a></li>

        <li><a href="{% url 'us' %}">Nosotros</a></li>
        <li><a href="{% url 'mutantes' %}">Los Mutantes</a></li>
        <li><a href="https://www.facebook.com/revistaprosvet"><b class="fa fa-facebook"></b></a></li>
        <li><a href="https://twitter.com/revistaprosvet"><b class="fa fa-twitter"></b></a></li>
        <li><a href="http://revistaprosvet.tumblr.com/"><b class="fa fa-tumblr"></b></a></li>
        {% if user.is_authenticated %}
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Hola, {{ user.username }}<b class="caret"></b></a>
          <ul class="dropdown-menu">
            {% if user.is_staff %}
            <p>Para acceder a la interfaz de posteo, entra <a href="/admin">aquí</a>.</p>
            <p>También puedes intentar<a href="posty"> esto</a>, pero aún es experimental.</p>

            {% endif %}
            <p>Por el momento, no puedes hacer mucho aquí. Algunas opciones incluyen meterte al Blog con ayuda de ese botón de ahí arriba, o investigar las especies mutantes que habitan nuestra sección de Mutantes. Eventualmente podrás tener un perfil y subir tus creaciones a la interweb. ¿Se te ocurre alguna otra cosa que esté buena como para implementar por acá? Por favor, cuentanos en <a href="https://www.facebook.com/revistaprosvet"><i class = "fa fa-facebook"></i></a>.</p>
          </ul>
        </li>
        {% endif %}
      </ul>
    </div><!-- /.navbar-collapse -->
  <!-- </div>/.container-fluid -->
</nav>