<div class="slide" id="instructions-training-1">
  <h1>Instructions</h1>
  <div class="blue">
    <p>On the following pages, you will be asked to judge how well different sentences describe what happened.</p>
    <p>Each situation is illustrated by a picture. Please use the sliders below the picture to indicate your response. 
    </p>    
  </div>

  <div class="continue">
    <button type="button" class="next">Continue</button>
  </div>
</div>

<div class="slide" id="trial">
  <div id="progress">
    <div id="progress-text">Progress</div>
    <div id="indicator-container">
      <div id="indicator-outer">
        <div id="indicator-stage"></div>
      </div>
    </div>
    <div class="spacer"></div>
  </div>
  <br />
  <hr />
  
  <div id="stim">
    Please pay attention to the <b>ball's trajectory</b>, the <b>state of the grass</b>, and whether there are any <b>obstacles</b>. Please also pay attention to what outcome the person <b>normally achieves</b>. 
    <div class = "container">
    <img class="stim_image" src="" />
    <p class="agent_name"></p>
  </div>
    <p class="stim_text_variation"> </p>
    <p class="stim_text"> </p>
  </div>

  <hr /> 
  <br />

  <div id="choices">

  </div>
  
  <div class="continue">
    <button type="button" id="trial_next" class="next">Continue</button>
  </div>
</div>
