<section aria-labelledby="tags-heading">
  <div class="section-header no-wrap">
    <h2 id="tags-heading">Tags</h2>
    {% if user.is_authenticated %}
      <div ld-dropdown class="dropdown dropdown-right ml-auto">
        <button class="btn btn-noborder dropdown-toggle" aria-label="Tags menu">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
               stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
            <path d="M4 6l16 0"/>
            <path d="M4 12l16 0"/>
            <path d="M4 18l16 0"/>
          </svg>
        </button>
        <ul class="menu" role="list" tabindex="-1">
          <li class="menu-item">
            <a href="{% url 'linkding:tags.index' %}" class="menu-link">Manage tags</a>
          </li>
        </ul>
      </div>
    {% endif %}
  </div>
  <div id="tag-cloud-container">
    {% include 'bookmarks/tag_cloud.html' %}
  </div>
</section>
