<div class="item-to-chat">
  <div class="intro-chat">
    <h2>{{name}}</h2>
    <ul>
    {{#if (eq system.orientation "Upright")}}
      <li><strong>Orientation : </strong>Upright</li>
    {{else}}
      <li><strong>Orientation : </strong>Reversed</li>
    {{/if}}

    <li><strong>Quote : </strong>{{system.quote}}</li>

    {{#if (eq system.orientation "Upright")}}
      <li><strong>Upright XP Trigger : </strong>{{system.bonus}}</li>
    {{else}}
      <li><strong>Reversed XP Trigger : </strong>{{system.penalty}}</li>
    {{/if}}

    <li class="tarot-spacing"><strong>Description : </strong>{{{system.description}}}</li>

    {{#if (eq system.orientation "Upright")}}
      <li class="tarot-spacing"><strong>Positive Effect : </strong>{{{system.positiveEffect}}}</li>
    {{else}}
      <li class="tarot-spacing"><strong>Negative Effect : </strong>{{{system.negativeEffect}}}</li>
    {{/if}}
    </ul>
    <img class="tarot-item-img" src="{{system.image}}" />
  </div>

</div>