---
layout: default
---

{% include setlang.html %}

{% assign description = page.publiccode.description[active_lang]
| default: page.publiccode.description.en
| default: page.publiccode.description.it %}

{% assign sw_name = description.localisedName | default: page.publiccode.name %}

{% assign oldFeatures = page.oldFeatures[active_lang]
| default: page.oldFeatures.en
| default: page.oldFeatures.it %}

{% comment %}
{% include breadcrumbs.html %}
{% include share.html %}
{% assign subnav = site.data[page.subnav] %}
{% include linklist.html items=subnav dynamic=true %}
{% endcomment %}

<div class="container page-software-detail">
  <div class="row intro">
    <div class="col-md-7">
      <div class="intro-name">
        {% if page.publiccode.logo %}
        {% if page.publiccode.logo contains 'github' and page.publiccode.logo contains '.svg' %}
        {% assign logo = page.publiccode.logo | append: '?sanitize=true' %}
        {% else %}
        {% assign logo = page.publiccode.logo %}
        {% endif %}
        <img alt="" src="{{ logo }}" class="d-inline-block" />
        {% endif %}
        <h1 class="d-inline-block">
          {{ sw_name }}
          <span class="badge badge-pill badge-pill--sup badge-primary">{{ page.publiccode.softwareVersion }}</span>
        </h1>
        <div class="abstract-software">
          <h2>
            {{ description.genericName }}
            {% if page.publiccode.isBasedOn.size > 0 %}
            <br>
            <span class="abstract-software__variant">{{ t.software.variant_by }}
              {{ page.publiccode.legal.repoOwner | default: page['it-riuso-codiceIPA-label'] }}</span>
            {% endif %}
          </h2>
          <h3 class="color-content font-serif my-2 my-md-4">
            {{ description.shortDescription }}
          </h3>
          <div class="my-3">
            <ul class="home-software-tags__list list-inline">
              {% assign deactive = false %}
              {% for tag in page.publiccode.categories %}
                {% if forloop.index > 5 %}
                  {% assign deactive = true %}
                {% endif %}

                {% include set-tag.html tag=tag deactive=deactive %}
              {% endfor %}
            </ul>
            {% if page.publiccode.categories.size > 5 %}
            <a href="#" id="moreTags">{{ t.software.show_all }}...</a>
            {% endif %}
          </div>
          <div class="row legal-main-info">
            {% if page.publiccode.legal.mainCopyrightOwner %}
            <div class="col-sm">
              <p><span class="label">{{ t.software.published_by }} </span>
                {{ page.publiccode.legal.mainCopyrightOwner }}
              </p>
            </div>
            {% endif %}
            {% if page.publiccode.legal.repoOwner %}
            <div class="col-sm">
              <p><span class="label">Gestito da</span>
                {% if page.publiccode.it.riuso.codiceIPA %}
                <a href="/{{ active_lang }}/pa/{{ page.publiccode.it.riuso.codiceIPA | downcase }}">
                {{ page.publiccode.legal.repoOwner }}
                </a>
                {% else %}
                {{ page.publiccode.legal.repoOwner }}
                {% endif %}
              </p>
            </div>
            {% endif %}
            {% if page.publiccode.maintenance.type == "contract" %}
            {% if page.publiccode.maintenance.contractors.size > 0 %}
            <div class="col-sm">
              <p><span class="label">{{ t.software.software_maintained_by }} </span>
                {% for contractor in page.publiccode.maintenance.contractors %}
                    {% if contractor.website != nil and contractor.website != "" %}
                        <a href="{{ contractor.website }}" data-proofer-ignore>{{ contractor.name }}</a>
                    {% else %}
                        {{ contractor.name}}
                    {% endif %}
                {% endfor %}
              </p>
            </div>
            {% endif %}
            {% endif %}

            {% if page.publiccode.maintenance.contacts.size > 0 %}
            <div class="col-sm">
              <p><span class="label">{{ t.software.technical_contact }} </span>
                {% for contact in page.publiccode.maintenance.contacts limit: 1 %}
                    {% if contact.email != nil and contact.email != "" %}
                    <a href="mailto:{{ contact.email }}">{{ contact.name }}</a>
                    {% else %}
                    {{ contact.name }}
                    {% endif %}
                    {{ contact.phone }}
                {% endfor %}
              </p>
            </div>
            {% endif %}
          </div>
        </div>
      </div>
    </div>
    <div class="offset-md-1 col-md-4 ">
      <div class="drops-details">
        <div class="vitality-score">
          <div class="status-developement">
            <p>{{ t.software.development_status }}: {% include software_development_status.html
              label=page.publiccode.developmentStatus %} </p>
          </div>
        </div>
      </div>

      <div class="drops-details">
        {% if page.publiccode.landingURL != null and page.publiccode.landingURL != "" %}
        <div class="goto">
          <p>
            <a
              href="{{ page.publiccode.landingURL }}"
              aria-label="{{ t.software.goToLandingUrlAriaLabel }}"
              rel="noopener noreferrer"
              target="_blank"
              data-proofer-ignore
            >
              <img alt="" src="/assets/icons/software_icons/it-link.svg">{{ t.software.goToLandingUrl }} &rarr;</a>
          </p>
        </div>
        {% endif %}

        {% if description.documentation != null and description.documentation != "" %}
        <div class="goto doc">
          <p><a href="{{ description.documentation }}" data-proofer-ignore><img alt="" src="/assets/icons/software_icons/it-documentazione.svg">{{
            t.software.goToDocumentation }} &rarr;</a></p>
        </div>
        {% endif %}
        <div class="goto code">
          <p><a href="{{ page.publiccode.url }}"> <img alt="" src="/assets/icons/software_icons/it-codice.svg">{{
            t.software.goToCode }} &rarr;</a></p>
        </div>
        {% if page.publiccode.roadmap != null and page.publiccode.roadmap != "" %}
        <div class="goto road">
          <p><a href="{{ page.publiccode.roadmap }}"><img alt="" src="/assets/icons/software_icons/it-roadmap.svg">{{
            t.software.goToRoadmap }} &rarr;</a></p>
        </div>
        {% endif %}

        {% if active_lang == 'it' %}
        <div class="goto">
          <p>
            <a href="/it/riuso/dichiarazione" onclick="localStorage.setItem('reuse-repo', '{{ page.publiccode.url }}'); return true">
              <img alt="" src="/assets/icons/software_icons/it-check.svg">{{
                t.software.declare_reuse }} &rarr;
            </a>
          </p>
        </div>
        {% endif %}
      </div>
    </div>
  </div>
</div>

{% if description.screenshots.size > 0 or description.videos > 0 %}
{% include tiled-gallery.html screenshots=description.screenshots videos=description.videos oembed=page.oEmbedHTML %}
{% endif %}
<hr class="divider mb-0">

<div class="{% if page.oldVariant.size != nil %}container{% else %} container-fluid {% endif %}">
  <div class="functionality">
    {% if page.oldVariant.size != nil %}
    <h2 class="mt-2 mt-md-5"> {{ t.software.functionality }} </h2>
    <div class="sw-separator-arrows d-none d-md-block"></div>
    {% endif %}
    <div class="row {% if page.oldVariant.size == nil %} first {% endif %}">
      {% if page.oldVariant.size == nil %}
      <div class="col-md-6 software-ill"></div>
      {% endif %}
      {% if page.publiccode.isBasedOn != nil %}
      <div class="col-xs-5 col-md-5 col-lg-4 variant">
        <div class="{% if page.oldVariant.size == nil %}mx-md-4 px-md-4 my-2 my-md-4{%endif%}">
          {% if page.oldVariant.size == nil %}
          <h2> {{ t.software.functionality }} </h2>
          {% else %}
          <h4> {{ t.software.functionality_this_variant }} </h4>
          {% endif %}
          {% if description.features.size > 0 %}
          <div class="function-list">
            {% if description.features.size > 10 %}
            {% for feature in description.features limit: 10 %}
            <p> {{ feature | escape}} </p>
            {% endfor %}
            <p>
              <a data-toggle="collapse" href="#otherFeature" role="button" aria-expanded="false"
                aria-controls="otherFeature" class="count">{{t.software.show_all }}
                <span class="or it-expand"></span>
                <span class="and it-collapse"></span>
              </a>
            </p>
            <div class="collapse" id="otherFeature">
              {% for feature in description.features offset: 10 %}
              <p> {{ feature | escape}} </p>
              {% endfor %}
            </div>
            {% else %}
            {% for feature in description.features %}
            <p> {{ feature | escape }} </p>
            {% endfor %}
            {% endif %}
          </div>
          {% endif %}
          {% if page.publiccode.usedBy.size > 0 %}
          <div id="usedBy">
            <a data-toggle="collapse" href="#by-amministration" role="button" aria-expanded="false"
              aria-controls="by-amministration" class="count">
              {{ t.software.used_by}} {{ page.publiccode.usedBy | size }}
              {% if page.publiccode.usedBy.size >= 1 %}
              {{ t.software.administrations }}
              {% else %}
              {{ t.software.administration }}
              {% endif %}
              <span class="or it-expand"></span>
              <span class="and it-collapse"></span>
            </a>
            <div class="collapse" id="by-amministration">
              {% for item in page.publiccode.usedBy %}
              <p> {{ item | escape}} </p>
              {% endfor %}
            </div>
          </div>
          {% endif %}
        </div>
      </div>

      {% if page.oldVariant.size != nil %}
      <div class="col-xs-2 col-md-2 col-lg-4"></div>
      <div class="col-xs-5 col-md-5 col-lg-4 variant">
        <h4> {{ t.software.functionality_other_variant }} </h4>
        <div class="function-list">
          {% if oldFeatures %}
          {% if oldFeatures.size > 10 %}
          {% for feature in oldFeatures limit: 10 %}
          <p> {{ feature | escape}} </p>
          {% endfor %}
          <a data-toggle="collapse" href="#otherFeature" role="button" aria-expanded="false"
            aria-controls="otherFeature" class="count">{{
                t.software.show_all }}
            <span class="or it-expand"></span>
            <span class="and it-collapse"></span>
          </a>
          <div class="collapse" id="otherFeature">
            {% for feature in oldFeatures offset: 10 %}
            <p> {{ feature | escape }} </p>
            {% endfor %}
          </div>
          {% else %}
          {% if oldFeatures.size <= 10 %}
          {% for feature in oldFeatures %}
          <p> {{ feature | escape }} </p>
          {% endfor %}
          {% endif %}
          {% endif %}
          {% endif %}
        </div>
        <div id="oldVariant">
          <a data-toggle="collapse" href="#listVariant" role="button" aria-expanded="false" aria-controls="listVariant"
            class="count">
            {{ page.oldVariant | size }}
            {% if page.oldVariant.size > 1 %}
            {{ t.software.variants_present }}
            {% else %}
            {{ t.software.variant_present }}
            {% endif %}
            <span class="or it-expand"></span>
            <span class="and it-collapse"></span>
          </a>
          <div class="collapse" id="listVariant">
            {% for variant in page.oldVariant %}
            {% assign variant_sw = site.data.crawler.software | where: "id", variant.id | first %}
            {% assign variant_description = variant.publiccode.description[active_lang]

            | default: variant.publiccode.description.en
            | default: variant.publiccode.description.it %}
            <div class="variantDetail">
              <a href="/{{active_lang}}/software/{{ variant.slug | downcase }}">
              {{ variant.publiccode.name }}
              </a>
              {{ t.software.variant_by }} {{ variant.publiccode.legal.repoOwner }}
              <!--
              <p><span class="label">{{ t.software.additional_features }}</span>:
                {% for feature in variant_description.features %}
                {{ feature}}{% unless forloop.last %},{% endunless %}
                {% endfor %}
              </p>
              -->
            </div>
            {% endfor %}
          </div>
        </div>
      </div>
      {% endif %}
      {% else %}

      <!-- Funzionalità sw when single block with side img-->
      <div class="col-md-6 variant">
        <div class="{% if page.oldVariant.size == nil %}mx-md-4 px-md-4 my-2 my-md-4{%endif%}">
          {% if page.oldVariant.size != nil %}
          <h2> {{ t.software.functionality_this_variant }} </h2>
          {% else %}
          <h2> {{ t.software.functionality }} </h2>
          {% endif %}
          <div class="function-list">
            {% if description.features.size > 10 %}
            {% for feature in description.features limit: 10 %}
            <p> {{ feature | escape }} </p>
            {% endfor %}
            <p>
              <a data-toggle="collapse" href="#otherFeature" role="button" aria-expanded="false"
                aria-controls="otherFeature" class="count">{{
                t.software.show_all }}
                <span class="or it-expand"></span>
                <span class="and it-collapse"></span>
              </a>
            </p>
            <div class="collapse" id="otherFeature">
              {% for feature in description.features offset: 10 %}
              <p> {{ feature | escape }} </p>
              {% endfor %}
            </div>
            {% else %}
            {% for feature in description.features %}
            <p> {{ feature | escape }} </p>
            {% endfor %}
            {% endif %}
          </div>
          {% if page.publiccode.usedBy.size != nil %}
          <div id="usedBy">
            <a data-toggle="collapse" href="#by-amministration" role="button" aria-expanded="false"
              aria-controls="by-amministration" class="count">
              {{ t.software.used_by}} {{ page.publiccode.usedBy | size }}
              {% if page.publiccode.usedBy.size >= 1 %}
              {{ t.software.administrations }}
              {% else %}
              {{ t.software.administration }}
              {% endif %}
              <span class="or it-expand"></span>
              <span class="and it-collapse"></span>
            </a>
            <div class="collapse" id="by-amministration">
              {% for item in page.publiccode.usedBy %}
              <p> {{ item | escape }} </p>
              {% endfor %}
            </div>
          </div>
          {% endif %}
        </div>
      </div>
      {% endif %}
    </div>
  </div>
</div>

{% if page.publiccode.intendedAudience.scope %}
<div class="container">
  <div class="tags-relate text-center">
    <strong>{{ t.software.intended_audience | upcase }}</strong>
    {% for tag in page.publiccode.intendedAudience.scope limit: 10 %}
    {% include set-tag.html tag=tag field="intended_audiences" %}
    {% endfor %}
  </div>
</div>
{% elsif page.publiccode.categories %}
<div class="container">
  <div class="tags-relate text-center">
    <strong>{{ t.software.categories | upcase }}</strong>
    {% for tag in page.publiccode.categories limit: 3 %}
    {% include set-tag.html tag=tag field="categories" %}
    {% endfor %}
  </div>
</div>
{% endif %}

<div class="detail-sheet">
  <div class="container sheet">
    <div class="top">
    </div>
    <div class="content-sheet">
      <div class="row justify-content-center ">
        <div class="col-10 col-sm-10">
          <div class="heading-title">
            <p>{{ t.software.detailed_info }} </p>
            <div class="title">
              <h2 class="h1">
                {{ sw_name | escape }}
                {% if page.publiccode.softwareVersion %}
                <span
                  class="badge badge-pill badge-pill--sup badge-primary">{{ page.publiccode.softwareVersion }}</span>
                {% endif %}
              </h2>
              <h2>
                {{ description.genericName | escape }}
              </h2>
            </div>
          </div>
          <div class="heading-maintenance">
            <div class="row">
              <div class="col-5 col-sm-5 col-md-2">
                <p>
                  <span class="label">{{ t.software.last_release }}</span>
                  {{ page.publiccode.releaseDate }}
                  {% if page.publiccode.softwareVersion %}
                  ({{ page.publiccode.softwareVersion }})
                  {% endif %}
                </p>
              </div>
              <div class="col-7 col-sm-7 col-md-3">
                <p>
                  <span class="label">{{ t.software.maintainance_type }}</span>
                  {{ page.publiccode.maintenance.type }}
                </p>
              </div>
              <div class="col-7 col-sm-7 col-md-3">
                <p>
                  <span class="label">Stato publiccode.yml</span>
                  <publiccode-badge id="{{ page.id }}"></publiccode-badge>
                <p>
              </div>

              {% if page.publiccode.maintenance.type == "contract" %}
              {% if page.publiccode.maintenance.contractors[0].name != nil %}
              <div class="col-sm-12 col-md">
                <p>
                  <span class="label">{{ t.software.contract_with }}</span>
                  {% for contractor in page.publiccode.maintenance.contractors %}
                    {% assign today_date = 'now' | date: '%s' %}
                    {% assign contractor_date = contractor.until | date: '%s' %}
                    {% if today_date > contractor_date %}
                    <svg class="icon icon-sm icon-warning" role="img" aria-labelledby="software-support-ended">
                      <title id="software-support-ended">{{ t.software.contract_warning }}</title>
                      <use xlink:href="/assets/svg/sprite.svg#it-warning-circle"></use>
                    </svg>
                    {% endif %}
                    <span class="align-middle">
                      {% if contractor.website != nil and contractor.website != "" %}
                      <a href="{{ contractor.website }}" class="until" data-proofer-ignore>{{ contractor.name }}</a>
                      {{ t.software.until }} {{contractor.until}}
                      {% else %}
                      {{ contractor.name }} {{ t.software.until }} {{contractor.until}}
                      {% endif %}
                    </span>
                  {% endfor %}
                </p>
              </div>
              {% endif %}
              {% endif %}
            </div>
          </div>

          {% if page.publiccode.maintenance.contacts.size > 0 %}
          <div class="heading-maintenance-contact">
            <p class="d-none d-md-block">
              <span class="label">
                {% if page.publiccode.maintenance.contacts.size == 1 %}
                {{ t.software.technical_contact }}
                {% else %}
                {{ t.software.technical_contacts }}
                {% endif %}
              </span>
            </p>
            <a data-toggle="collapse" href="#maintenanceContact" role="button" aria-expanded="false"
              aria-controls="maintenanceContact" class="d-block d-md-none controls">
              {% if page.publiccode.maintenance.contacts.size == 1 %}
              {{ t.software.technical_contact }}
              {% else %}
              {{ t.software.technical_contacts }}
              {% endif %}
              <span class="or it-expand"></span>
              <span class="and it-collapse"></span>
            </a>
            <div id="maintenanceContact" class="collapse dont-collapse-md">
              <div class="row">
                {% for contact in page.publiccode.maintenance.contacts %}
                <div class="col-md">
                  <p>
                    {% if contact.email != nil and contact.email != "" %}
                    <a href="mailto:{{ contact.email }}">{{ contact.name }}</a>
                    {% else %}
                    {{ contact.name | escape }}
                    {% endif %}
                    {{ contact.phone }}
                  </p>
                </div>
                {% endfor %}
              </div>
            </div>
          </div>
          {% endif %}

          <div class="heading-legal-dependencies">
            <div class="row">
              <div class="col-6 col-md">
                <p>
                  <span class="label">{{ t.software.license }}</span>
                  {{ page.publiccode.legal.license | escape }}
                </p>
              </div>
              {% if page.publiccode.platforms.size > 0 %}
              <div class="col-6 col-md">
                <p>
                  <span class="label">{{ t.software.platforms }}</span>
                  {% for platform in page.publiccode.platforms %}
                      {{ platform | escape }}<br />
                  {% endfor %}
                </p>
              </div>
              {% endif %}

              <div class="col-6 col-md">
                <p>
                  <span class="label">{{ t.software.enabling_platforms }}</span>
                  {% assign p = page.publiccode.it.piattaforme %}
                  {% assign all_false = true %}
                  {% for key in p %}
                  {% if key.last == true %}
                  {% assign all_false = false %}
                  {% break %}
                  {% endif %}
                  {% endfor %}
                  {% if all_false %}
                  {{ t.software.dependencies_none }}
                  {% else %}
                      {% if p.pagopa == true %}
                      <a href="/{{ active_lang }}/pagopa" class="enabling_platforms">
                        pagoPA
                      </a>
                      {% endif %}
                      {% if p.spid == true %}
                      <a href="/{{ active_lang }}/spid" class="enabling_platforms">
                        SPID
                      </a>
                      {% endif %}
                      {% if p.cie == true %}
                      <a href="/{{ active_lang }}/cie" class="enabling_platforms">
                        CIE
                      </a>
                      {% endif %}
                      {% if p.io == true %}
                      <a href="/it/io" class="enabling_platforms">
                        App IO
                      </a>
                      {% endif %}
                      {% if p.anpr == true %}
                      <a href="/{{ active_lang }}/anpr" class="enabling_platforms">
                        ANPR
                      </a>
                      {% endif %}
                   {% endif %}
                </p>
              </div>
              <div class="col-6 col-md">
                <p>
                  <span class="label">{{ t.software.compliance }}</span>
                  {% assign p = page.publiccode.it.conforme %}
                  {% assign all_false = true %}
                  {% for key in p %}
                  {% if key.last == true %}
                  {% assign all_false = false %}
                  {% break %}
                  {% endif %}
                  {% endfor %}
                  {% if all_false %}
                  {{ t.software.dependencies_none }}
                  {% else %}
                  {% if p.gdpr == true %}
                    GDPR
                  {% endif %}
                  {% if p.lineeGuidaDesign == true %}
                  <a href="{{ t.software.design_guidelines_url }}" class="enabling_platforms">
                    {{ t.software.design_guidelines }}
                  </a>
                  {% endif %}
                  {% if p.misureMinimeSicurezza == true %}
                  <a href="{{ t.software.security_guidelines_url }}" class="enabling_platforms">
                    {{ t.software.security_guidelines }}
                  </a>
                  {% endif %}
                  {% if p.modelloInteroperabilita == true %}
                  <a href="{{ t.software.interoperability_model_url }}" class="enabling_platforms">
                    {{ t.software.interoperability_model }}
                  </a>
                  {% endif %}
                  {% endif %}
                </p>
              </div>
            </div>

            <div class="row">
              <div class="col-6 col-md">
                <p>
                  <span class="label">{{ t.software.dependencies_list }}</span>
                  {% if page.publiccode.dependsOn == nil or page.publiccode.dependsOn.size == 0 %}
                  {{ t.software.dependencies_none }}
                  {% else %}
                      {% if page.publiccode.dependsOn.open.size > 0 %}
                          <span class="badge badge-pill badge-primary">{{ t.software.dependencies_oss }}</span><br />
                          {% for dep in page.publiccode.dependsOn.open %}
                          {% include dependency.html dependency=dep %}<br />
                          {% endfor %}
                      {% endif %}
                      {% if page.publiccode.dependsOn.proprietary.size > 0 %}
                          <span class="badge badge-pill badge-danger">{{ t.software.dependencies_proprietary }}</span><br />
                          {% for dep in page.publiccode.dependsOn.proprietary %}
                          {% include dependency.html dependency=dep %}<br />
                          {% endfor %}
                      {% endif %}
                      {% if page.publiccode.dependsOn.hardware.size > 0 %}
                          <span class="badge badge-pill badge-secondary">Hardware</span><br />
                          {% for dep in page.publiccode.dependsOn.hardware %}
                          {% include dependency.html dependency=dep %}<br />
                          {% endfor %}
                      {% endif %}
                   {% endif %}
                </p>
              </div>
            </div>
          </div>
          <div class="main row">
            <a data-toggle="collapse" href="#mainOthersInfo" role="button" aria-expanded="false"
              aria-controls="mainOthersInfo" class="d-block d-md-none controls">
              {{ t.software.others_info }}
              <span class="or it-expand"></span>
              <span class="and it-collapse"></span>
            </a>
            <div id="mainOthersInfo" class="collapse col-md-3 dont-collapse-md">
              {% if page.publiccode.intendedAudience.onlyFor.size > 0 %}
              <div class="other-detail">
                <p><span class="label">{{ t.software.main_audience }}</span>
                  {% for audience in page.publiccode.intendedAudience.onlyFor %}
                  {% include set-audience.html label=audience %}
                  {% endfor %}
                </p>
              </div>
              {% endif %}
              {% if page.publiccode.localisation.localisationReady == true %}

              <div class="other-detail">
                <p><span class="label">{{ t.software.supported_languages }}</span>
                  {% if page.publiccode.localisation.availableLanguages.size > 10 %}
                  {% for language in page.publiccode.localisation.availableLanguages limit: 10 %}
                  {% include set-language-supported.html lang=language %}
                  {% endfor %}
                </p>
                <p>
                  <a data-toggle="collapse" href="#otherLanguage"
                    role="button" aria-expanded="false"
                    class="count" aria-controls="otherLanguage">
                    {{ t.langs.show_all }}
                    <span class="or it-expand"></span>
                    <span class="and it-collapse"></span>
                  </a>
                </p>
                <div class="collapse" id="otherLanguage">
                  {% for language in page.publiccode.localisation.availableLanguages offset: 10 %}
                  {% include set-language-supported.html lang=language %}
                  {% endfor %}
                </div>

                {% else %}
                {% for language in page.publiccode.localisation.availableLanguages %}
                {% include set-language-supported.html lang=language %}
                {% endfor %}
                {% endif %}
                </p>
              </div>
              {% endif %}
              {% if description.awards.size > 0 %}
              <div class="other-detail">
                <p><span class="label">{{ t.software.awards }}</span>
                  {% for award in description.awards %}
                  <a href="#">{{ award }}</a>
                  {% endfor %}
                </p>
              </div>
              {% endif %}
              {% if description.apiDocumentation != nil and description.apiDocumentation != "" %}
              <div class="other-detail">
                <p><span class="label">{{ t.software.api_documentation }}</span>
                  <a href="{{ description.apiDocumentation }}" data-proofer-ignore>{{ sw_name }} API</a>
                </p>
              </div>
              {% endif %}
            </div>
            <div class="col-md-8 col-offset-md-1 page-detail">
              <p class="title">{{ t.software.extende_description }}</p>
              <!--
                Use data-proofer-ignore to make html-proofer ignore this section for now:
                it comes from external publiccode.yml files so there might be broken links
                out of our control making our CI pipeline fail.

                TODO: find a better solution
              -->
              <div class="font-serif page-detail__text" data-proofer-ignore>
                {{ description.longDescription | markdownify }}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

{% if page.relatedSoftwares.size >= 4 %}
<div class="container">
  <div class="interestRelatedSoftwares">
    <h2> {{ t.software.interest_related_softwares }} </h2>
    <div class="row">
        {% for relsw in page.relatedSoftwares limit: 4 %}
      <div class="col-md-3 col-12">
        {% assign relsw_description = relsw.publiccode.description[active_lang]
        | default: relsw.publiccode.description.en
        | default: relsw.publiccode.description.it %}
        {% assign relsw_name = relsw_description.localisedName | default: relsw.publiccode.name %}
        {% assign relsw_url = '/' | append: active_lang | append: '/software/' | append: relsw.slug | downcase %}

        {% if relsw.publiccode.it.riuso.codiceIPA != nil %}
        {% assign category = "software_reuse" %}
        {% assign icon = "it-software" %}
        {% assign fallback = "/assets/images/cover_softwareriuso.png" %}
        {% else %}
        {% assign category = "software_open" %}
        {% assign fallback = "it-open-source" %}
        {% assign fallback = "/assets/images/cover_software_opensource.png" %}
        {% endif %}

        {% assign first_screenshot = relsw_description.screenshots | first %}

        <catalogue-item
          class="w-100"
          id="{{  relsw.id }}"
          name="{{ relsw_name }}"
          description="{{ relswdescription | escape }}"
          url="{{ relsw_url }}"
          icon="{{ icon }}"
          category="{{ category }}"
          logo="{{ relsw.publiccode.logo | default: first_screenshot }}"
          fallback="{{ fallback }}"
          ></catalogue-item>
      </div>
        {% endfor %}
    </div>
  </div>
</div>
{% endif %}

{% include photoswipe-ui.html %}