blob: 1f4ea5f89612fd97b84e527953ea3d7ed52559ea [file] [log] [blame]
<!doctype html>
<html dir="$i18n{textdirection}" lang="$i18n{language}">
<head>
<meta charset="utf-8">
<title>$i18n{headerText}</title>
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="chrome://resources/cr_elements/paper_button_style_css.html">
<link rel="import" href="chrome://resources/html/assert.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
<link rel="import" href="email/email_app_proxy.html">
<link rel="import" href="email_interstitial_proxy.html">
<link rel="import" href="shared/action_link_style_css.html">
<link rel="import" href="shared/onboarding_background.html">
<link rel="import" href="shared/splash_pages_shared_css.html">
<link rel="import" href="welcome_browser_proxy.html">
<link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">
<style>
body {
margin: 0;
}
</style>
<dom-module id="email-interstitial">
<template>
<style include="paper-button-style action-link-style splash-pages-shared-css">
:host {
align-items: center;
display: flex;
height: 100vh;
justify-content: center;
}
h1 {
margin-top: 0;
outline: none;
}
</style>
<onboarding-background></onboarding-background>
<div id="container">
<h1 tabindex="-1">$i18n{emailInterstitialTitle}</h1>
<paper-button class="action-button" on-click="onContinueClick_">
$i18n{emailInterstitialContinue}
</paper-button>
<button class="action-link" on-click="onNoThanksClick_">
$i18n{noThanks}
</button>
</div>
</template>
<script src="email_interstitial.js"></script>
</dom-module>
</head>
<body>
<email-interstitial></email-interstitial>
</body>
</html>