blob: 74a77f0f9b0dfbfa7cfaa31ce1061c12fccef009 [file] [log] [blame]
<!DOCTYPE html>
<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/polymer/v1_0/paper-button/paper-button.html">
<link rel="import" href="chrome://welcome/apps/apps_chooser.html">
<dom-module id="nux-google-apps">
<template>
<style include="paper-button-style">
body {
margin: 0;
}
.apps-ask {
margin-left: auto;
margin-right: auto;
margin-top: 116px;
max-width: 568px;
}
.chrome-logo {
content: -webkit-image-set(
url('chrome://welcome/logo.png') 1x,
url('chrome://welcome/logo2x.png') 2x);
height: 40px;
margin-bottom: 36px;
width: 40px;
}
h1 {
color: #202124;
font-size: 28px;
opacity: .8;
margin-bottom: 16px;
}
.description {
color: #5f6368;
font-size: 16px;
margin-bottom: 24px;
}
apps-chooser {
color: #202124;
font-size: 14px;
margin-bottom: 48px;
}
paper-button {
font-size: 14px;
}
.button-bar {
display: flex;
justify-content: space-between;
}
</style>
<div class="apps-ask">
<div class="chrome-logo"></div>
<h1>$i18n{headerText}</h1>
<div class="description">$i18n{nuxDescription}</div>
<apps-chooser></apps-chooser>
<div class="button-bar">
<paper-button>$i18n{noThanks}</paper-button>
<paper-button class="action-button">$i18n{getStarted}</paper-button>
</div>
</div>
</template>
<script src="apps/nux_google_apps.js"></script>
</dom-module>
<nux-google-apps></nux-google-apps>
<link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">
</html>