mail/src/tpl/login-initial.html

<div class="view-login view-login-initial" ng-class="{'waiting-cursor': state.ui === 2}">
  <div class="logo-wrapper">
    <div class="logo"></div>
  </div><!--/logo-->

  <div class="content" ng-switch on="state.ui">

    <div ng-switch-when="1">
      <p><b>Generate PGP key.</b> You can set a passphrase to protect your key on disk. This must be entered everytime you start the app. For no passphrase just press continue.</p><p>Alternatively you can also <a href="#" ng-click="$event.preventDefault(); importKey()">import an existing PGP key</a>.</p>
      <form>
        <div>
          <label class="input-error-message" ng-class="{'passphrase-label-ok': passphraseRating >= 2}">{{passphraseMsg}}</label><br>
          <input class="input-text" type="password" ng-model="state.passphrase" ng-change="checkPassphraseQuality()" placeholder="Enter passphrase" tabindex="1" focus-me="true">
          <input class="input-text" type="password" ng-model="state.confirmation" ng-class="{'input-text-error': (state.confirmation || state.passphrase) && state.confirmation !== state.passphrase}" placeholder="Confirm passphrase" tabindex="2">
          <span class="popover-info" data-icon-append="&#xe010;" popover="#passphrase-info"></span>
        </div>

        <div class="opt-in-terms">
          <div class="checkbox-wrapper"><input type="checkbox" ng-model="state.agree"></div>
          <div>I agree to the Whiteout Networks <a href="https://whiteout.io/terms.html" target="_blank">Terms of Service</a> and have read the <a href="https://whiteout.io/privacy.html" target="_blank">Privacy Policy</a>.</div>
        </div>

        <div>
          <button type="submit" ng-click="confirmPassphrase()" class="btn" ng-disabled="(state.confirmation || state.passphrase) && state.confirmation !== state.passphrase" tabindex="3">Continue</button>
        </div>
      </form>
    </div>

    <div ng-switch-when="2">
      <p><b>Generating key.</b> Please stand by. This can take a while...</p>
    </div>

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

<!-- popovers -->
<div id="passphrase-info" class="popover right" ng-controller="PopoverCtrl">
  <div class="arrow"></div>
  <div class="popover-title"><b>What is this?</b></div>
  <div class="popover-content">
    <p>A passphrase is like a password that protects your PGP key.</p>
    <p>If your device is lost or stolen the passphrase protects the contents of your mailbox.</p>
  </div>
</div><!--/.popover-->