to calculate and display number of legacy devices

            <th scope="col">SIM<br />slots</th>

          </tr>

        </thead>

        {%- assign legacy_devices = 0 -%}

        {%- assign devices = "" | split: " " -%}

        {%- for device in site.data.devices -%}

          {%- assign devices = devices | push: device[1] -%}

          {%- assign sorted = vendor.items | sort_natural: 'name' -%}

          {%- for device in sorted -%}

            {%- assign nbDevices = nbDevices | plus:'1' -%}

            {%- if device.legacy == "yes" -%}

            {%- assign legacy_devices = legacy_devices | plus:'1' -%}

            {%- endif -%}

            <tr data-device-type="{{ device.type }}" data-legacy="{{ device.legacy }}">

              <td class="brand">{{ vendor.name }}</td>

    <div class="col-xl-2 col-lg-1"></div>

    <div class="col-12">

      <p>

        Number of Smartphones officially supported by /e/OS : <span id="total-devices">{{ nbDevices }}</span>

        Number of Smartphones officially supported by /e/OS : <span id="total-devices">{{ nbDevices | minus:legacy_devices }}</span>

      </p>

    </div>

    <div class="col-lg-5"></div>