mail/src/tpl/login-existing.html

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

  <div class="content">
    <p><b>Unlock mailbox.</b> Please enter your passphrase to unlock the mailbox.</p>

    <form>
      <div>
       <input class="input-text" type="password" ng-model="passphrase" ng-change="change()" ng-class="{'input-text-error':incorrect}" placeholder="Passphrase" tabindex="1" focus-me="true">
       <span class="popover-info" data-icon-append="&#xe010;" popover="#passphrase-info"></span>
      </div>
      <a href="https://whiteout.io/revocation.html" title="Click here to reset your account." target="_blank">Forgot your passphrase?</a>
      <div>
        <button type="submit" ng-click="confirmPassphrase()" class="btn" data-icon="&#xe009;" ng-disabled="!buttonEnabled" tabindex="2">Unlock</button>
      </div>
    </form>
  </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>There is no way to access your messages without your passphrase.</p>
    <p>If you have forgotten your passphrase, please request an account reset by sending an email to <b>support@whiteout.io</b>. You will not be able to read previous messages after a reset.</p>
  </div>
</div><!--/.popover-->