{% load blocktrans trans from i18n %}

{% with "https://docs.readthedocs.io/page/examples.html" as url %}
  <div data-bind="using: new ProjectAnnouncementView('example-projects')">
    <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>
        <a class="header" target="_blank" href="{{ url }}">{% trans "Get inspiration from example projects" %}</a>
        <div class="description">
          {% blocktrans %}
            Not sure how to get started?
            Check out these example projects for a few common tools to get some inspiration.
          {% endblocktrans %}
        </div>
      </div>
      <div class="ui extra content">
        <a class="ui small primary fluid basic button"
           target="_blank"
           href="{{ url }}">{% trans "Check out example projects" %}</a>
      </div>
    </div>
  </div>
{% endwith %}