mail/src/tpl/add-account.html

31 lines
1.5 KiB
HTML

<section class="page">
<div class="page__canvas">
<header class="page__header">
<img src="img/whiteout_logo.svg" alt="whiteout.io">
</header>
<main class="page__main">
<h2 class="typo-title">Connect your email account</h2>
<p class="typo-paragraph">Connect the Whiteout Mail client to any existing email account via IMAP for easy to use end-to-end encryption. We cannot read your password or messages. <a href="https://github.com/whiteout-io/mail-html5/wiki/FAQ#email-account-login" target="_blank">Learn more</a></p>
<form class="form" name="form">
<p class="form__error-message" ng-show="errMsg">{{errMsg}}</p>
<div class="form__row">
<input type="email" ng-model="emailAddress" placeholder="Enter email address" required tabindex="1"
class="input-text input-text--big" ng-class="{'input-text--error': errMsg}"
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
</div>
<div class="spinner-block" ng-show="busy">
<span class="spinner spinner--big"></span>
</div>
<div class="form__row">
<button class="btn btn--big" type="submit" ng-click="getAccountSettings()">Connect</button>
</div>
</form>
<p class="typo-paragraph">
Or sign up for an encrypted <a href="#create-account">Whiteout Mailbox</a>.
</p>
</main>
<div ng-include="'tpl/page-footer.html'"></div>
</div>
</section>