Story circles slider

1<div class="gpl-stories">2  {%- assign rows = section.settings.items | newline_to_br | split: '<br />' -%}3  {%- for row in rows -%}4    {%- assign parts = row | strip | split: '|' -%}5    <a class="gpl-stories__item" href="{{ routes.collections_url }}/{{ parts[1] | strip | handleize }}">6      <span class="gpl-stories__ring">7        <span class="gpl-stories__letter">{{ parts[0] | strip | slice: 0 }}</span>8      </span>9      <span class="gpl-stories__label">{{ parts[0] | strip }}</span>10    </a>11  {%- endfor -%}12</div>13 14{% schema %}