{% load blocktrans trans from i18n %}

{% with "https://about.readthedocs.com/blog/2024/11/rollout-of-our-new-dashboard/" as url_blog %}
  <div data-bind="using: new ProjectAnnouncementView('new-dashboard')">
    <div class="ui fluid card ko hidden" data-bind="css: { hidden: closed }">
      <div class="content">
        <i class="fa-solid fa-xmark right floated close icon"
           data-bind="click: close_announcement"></i>
        <div class="header">{% trans "About this dashboard" %}</div>
        <div class="description">
          <p>
            {% blocktrans trimmed %}
              Our new dashboard includes many new features that help make navigation, management, and finding what you need easier.
              We recommend exploring your projects and builds to familiarize yourself with these changes and new features.
            {% endblocktrans %}
          </p>

          <div class="ui relaxed list">
            <div class="item">
              <div class="header">{% trans "What has changed?" %}</div>
              <p>
                {% blocktrans trimmed %}
                  We discuss what has changed on our dashboard in more detail on our blog:
                {% endblocktrans %}
              </p>

              <div class="ui list">
                <div class="item">
                  <i class="fad fa-newspaper icon"></i>
                  <div class="content">
                    <a class="header" href="{{ url_blog }}">{% trans "Updates on our new dashboard" %}</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endwith %}