{% assign chapter = page.chapter | replace: ' ','-' | downcase %}
{% assign pies = thing.pies %}
{% assign i = 0 %}

<ul class="list pies animate">

  {%- for item in pies -%}

  {% assign custom = item.title | replace: ' ','-' | downcase %}
  {% assign i = i | plus: 1 %}

    <li class="item pie {{ custom }}">

      <span class="title pie pcent">{{ item.val | append: '%' }}</span>

      <span class="block pie svg-wrap">

        <span class="block pie svg-bg">
          {%- include artwork/pie.svg -%}
        </span>

        <span class="block pie svg-data">
          {%- include artwork/{{ chapter }}/composition/{{ i | append: '.svg' }} -%}
        </span>

        {%- if item.val > 50 -%}
          <span class="block pie svg-data">
            {%- include artwork/{{ chapter }}/composition/{{ i | append: 'B.svg' }} -%}
          </span>
        {%- endif -%}

      </span>

      <span class="title pie">{{ item.title }}</span>

    </li>

  {%- endfor -%}

</ul>