<div data-ng-controller="StartController">
  <div class="row">
    <alert ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">{{alert.msg | translate}}</alert>
    <div class="col-md-12">
      <h1 translate>Instructions</h1>

      <h2 translate>Hello, and welcome to the <em>Emotion in Motion</em> experiment!</h2>

      <p translate>We would like you to wear some sensors that will monitor your heart and skin while you listen to two short media excerpts. After each excerpt, you will be asked some questions about how what you heard made you feel.</p>

      <p translate>The experiment will last approximately 12 minutes.</p>

      <p><a class="btn btn-primary btn-lg" ng-disabled="!readyToAdvance()" ng-click="advanceSlide()" translate>Continue</a></p>
    </div>
  </div>

  <div class="row">
    <div class="col-md-12">
      <!-- TODO: Populate date -->
      <p class="text-danger">TODO: Populate date</p>
    </div>

    <div class="col-md-12">
      <!-- TODO: Fix media questionnaire responses that don't make it into TrialData -->
      <p class="text-danger">TODO: Fix media questionnaire responses that don't make it into TrialData</p>
    </div>
  </div>

  <display-trial-data></display-trial-data>
</div>
<div data-ng-controller="StartController">
  <div class="row">
    <alert ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">{{alert.msg | translate}}</alert>
    <div class="col-md-12">
      <h1 translate>Instructions</h1>

      <h2 translate>Hello, and welcome to the <em>Emotion in Motion</em> experiment!</h2>

      <p translate>We would like you to wear some sensors that will monitor your heart and skin while you listen to two short media excerpts. After each excerpt, you will be asked some questions about how what you heard made you feel.</p>

      <p translate>The experiment will last approximately 12 minutes.</p>

      <p><a class="btn btn-primary btn-lg" ng-disabled="!readyToAdvance()" ng-click="advanceSlide()" translate>Continue</a></p>
    </div>
  </div>

  <div class="row">
    <div class="col-md-12">
      <!-- TODO: Fix media questionnaire responses that don't make it into TrialData -->
      <p class="text-danger">TODO: Fix media questionnaire responses that don't make it into TrialData</p>
    </div>
  </div>

  <display-trial-data></display-trial-data>
</div>
Remove completed TODO re populating date
Remove completed TODO re populating date
