DRY up triptych pattern

[adamjohnson]

Lots of repeated code in that partial. It would be better to use <r:loop:each> and variables to keep that DRYer (and more configurable).

Here's a start (much thanks goes to @nreckart):

<!-- TODO: Make lines 8-11 variables so that you can set the names in the template -->

<r:set_var name="triptych_items" value="{$triptych_items}" default="3" />
<div class="wvu-triptych <r:var name="wvu-triptych__classes" />">
  <div class="wvu-triptych__container">
    <r:loop:each times="{$triptych_items}">
      <div class="wvu-spotlight">
        <r:set_var name="region1">wvu-triptych__image-<r:item /></r:set_var>
        <r:set_var name="region2">wvu-triptych__header-<r:item /></r:set_var>
        <r:set_var name="region3">wvu-triptych__description-<r:item /></r:set_var>
        <r:set_var name="region4">wvu-triptych__button-<r:item /></r:set_var>

        <div class="wvu-spotlight__image">
          <r:editable_region name="{$region1}" />
        </div>
        <div class="wvu-spotlight__copy">
          <h2><r:editable_region name="{$region2}" type="simple" /></h2>
          <p><r:editable_region name="{$region3}" type="simple" /></p>
          <r:editable_region name="{$region4}" />
        </div>
      </div>
    </r:loop:each>
  </div> <!-- /.wvu-triptych__container -->
</div> <!-- /.wvu-triptych -->