- <ul style="width: 240px; left: 0px;" id="slide-out" class="collapsible side-nav fixed reader-mode" data-collapsible="accordion">
- <li class="bold border-bottom">
- <a class="waves-effect collapsible-header" href="/">
+ <div class="progress">
+ <div class="determinate"></div>
+ </div>
+ <nav class="hide-on-large-only">
+ <div class="nav-wrapper cyan darken-1">
+ <ul>
+ <li>
+ <a class="waves-effect" href="{{ path('homepage') }}">
+ <i class="mdi-action-exit-to-app"></i>
+ </a>
+ </li>
+ </ul>
+ <ul class="right">
+ <li>
+ <a class="waves-effect" title="{% trans %}Mark as read{% endtrans %}" href="{{ path('archive_entry', { 'id': entry.id }) }}" id="markAsRead">
+ <i class="{% if entry.isArchived == 0 %}mdi-action-done{% else %}mdi-content-redo{% endif %} small"></i>
+ </a>
+ </li>
+ <li>
+ <a class="waves-effect" title="{% trans %}Favorite{% endtrans %}" href="{{ path('star_entry', { 'id': entry.id }) }}" id="setFav">
+ <i class="{% if entry.isStarred == 0 %}mdi-action-favorite-outline{% else %}mdi-action-favorite{% endif %} small"></i>
+ </a>
+ </li>
+ <li>
+ <a href="#" data-activates="slide-out" class="button-collapse right">
+ <i class="mdi-navigation-menu"></i>
+ </a>
+ </li>
+ </ul>
+ </div>
+ </nav>
+ <ul id="slide-out" class="collapsible side-nav fixed reader-mode" data-collapsible="accordion">
+ <li class="bold border-bottom hide-on-med-and-down">
+ <a class="waves-effect collapsible-header" href="{{ path('homepage') }}">