conveyal/modeify

<div class="CommuterProfile">
  <h3 class="title">
    Your <strong>Settings</strong>

  </h3>

  <div class="row">
    <section class="col-sm-12" data-hidden="isLoggedIn">
      <h4>
        <i class="fa fa-user"></i>
        <strong>Create an Account</strong>
      </h4>
      <p>Want to save your search preferences and favorite places? Want to receive updates about new features? Sign up for a <strong>free</strong> <span data-text="applicationName"></span> account below!</p>

      <div reactive="signUpForm"></div>
    </section>

    <section class="col-sm-12" data-visible="isLoggedIn">
      <h4>
        <i class="fa fa-user"></i>
        Your <strong>Account</strong>
      </h4>
        <p>
          Logged in as <strong>{email}</strong>
          <br><a href="/logout" title="Sign out">Sign out</a>
        </p>
      <h4>
        <i class="fa fa-heart"></i>
        Favorite <strong>Places</strong>
      </h4>
      <p>
        <strong>Your account lets you save favorite places for future use.</strong> Click the <i class="fa fa-heart-o"></i> icon in the main locations entry to make that location a favorite. In the list below, use the <i class="icon-start"></i> button to make use that location your starting point, <i class="icon-end"></i> to use it as the end point, and <i class="fa fa-trash"></i> to remove it from your favorites.
        <table class='FavoritePlaces'>
          <tbody data-each="places"></tbody>
        </table>
      </p>
    </section>
  </div>
</div>
<button on-tap="hide" class="btn btn-block">Return to my options</button>