mail/src/tpl/login-privatekey-download.html

<div class="view-login view-login-privatekey-download">
  <div class="logo">
    <img src="img/whiteout_logo.svg" alt="whiteout.io">
  </div><!--/logo-->

  <div class="content">

    <div class="step" ng-show="step === 1">
      <p><b>Key sync.</b> We have sent you an email containing a recovery token. Please copy and paste the token below to download your key.</p>

      <input type="text" class="input-text" size="42" ng-model="recoveryToken" placeholder="Recovery token" focus-me="step === 1">

      <fieldset>
        <legend>Got USB?</legend>
        <p>You can also import the key file manually if you're on a device with USB access and your key is on a flash drive.</p>
      </fieldset>

      <div>
        <a class="btn btn-alt" href="#login-new-device">Import key file</a>
        <button class="btn" wo-touch="goForward()">Confirm token</button>
      </div>
    </div>

    <div class="step" ng-show="step === 2">
      <p><b>Key sync.</b> Please enter the keychain code you wrote down during sync setup.</p>

      <div class="code">
        <input type="text" class="input-text" size="4" maxlength="4" ng-model="code0" focus-me="step === 2" focus-next ng-paste="handlePaste($event)"> -
        <input type="text" class="input-text" size="4" maxlength="4" ng-model="code1" focus-next> -
        <input type="text" class="input-text" size="4" maxlength="4" ng-model="code2" focus-next> -
        <input type="text" class="input-text" size="4" maxlength="4" ng-model="code3" focus-next> -
        <input type="text" class="input-text" size="4" maxlength="4" ng-model="code4" focus-next> -
        <input type="text" class="input-text" size="4" maxlength="4" ng-model="code5">
      </div>
      <!--<a href="https://whiteout.io/revocation.html" title="Click here to reset your account." target="_blank">Lost your keychain code?</a>-->

      <div>
        <button class="btn" wo-touch="goForward()">Complete sync</button>
      </div>
    </div>

  </div><!--/content-->
</div>