        <ul class="list-unstyled components">
            {% if request.path == url_for('index') %}
            <li class="nav-item active">
            {% else %}
            <li class="nav-item">
            {% endif %}
                <a href="{{ url_for('index') }}">
                <svg
                    width="24"
                    height="24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    style="height: 1rem; vertical-align: middle; margin-bottom: 4px;">
                    <use xlink:href="{{url_for('.static', filename='feather-sprite.svg')}}#home"/>
                </svg>My List
                </a>
            </li>
            {% if request.path == url_for('archived') %}
            <li class="nav-item active">
            {% else %}
            <li class="nav-item">
            {% endif %}
                <a href="{{ url_for('archived') }}"><svg
                    width="24"
                    height="24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    style="height: 1rem; vertical-align: middle; margin-bottom: 4px;">
                    <use xlink:href="{{url_for('.static', filename='feather-sprite.svg')}}#archive"/>
                </svg>Archived</a>
            </li>
        </ul>

        {% if request.path == url_for('bookmarklet') %}
        <div style="position: fixed; bottom: 20px;" class="active">
        {% else %}
        <div style="position: fixed; bottom: 20px;">
        {% endif %}
            <a href="{{ url_for('bookmarklet') }}"><svg
                    width="24"
                    height="24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    style="height: 1rem; vertical-align: middle; margin-bottom: 4px;">
                    <use xlink:href="{{url_for('.static', filename='feather-sprite.svg')}}#book"/>
                </svg>Bookmarklet</a>
        </div>