Merge pull request #324 from mozilla/sync-pages

Embeddable sync pages
This commit is contained in:
Zach Carter 2014-01-23 15:49:30 -08:00
Родитель dcf726c409 81f14e1465
Коммит 59c05c5ee0
7 изменённых файлов: 111 добавлений и 2 удалений

Двоичные данные
app/images/graphic_sync_intro.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 5.4 KiB

Двоичные данные
app/images/graphic_sync_intro@2x.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 10 KiB

25
app/styles/sync.css Normal file
Просмотреть файл

@ -0,0 +1,25 @@
#stage {
opacity: 1;
}
.graphic-sync-intro {
background-image: url(../images/graphic_sync_intro.png);
}
.description, .button-row {
margin-top: 30px;
}
/* Retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -moz-min-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.graphic-sync-intro {
background-image: url(../images/graphic_sync_intro@2x.png);
}
}

43
app/sync/intro.html Normal file
Просмотреть файл

@ -0,0 +1,43 @@
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Firefox Accounts</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="stylesheet" href="/latin/firasans-regular,firasans-light,clearsans-regular/fonts.css">
<!-- build:css(.tmp) /styles/sync.css -->
<link rel="stylesheet" href="/bower_components/normalize-css/normalize.css">
<link rel="stylesheet" href="/styles/main.css">
<link rel="stylesheet" href="/styles/sync.css">
<!-- endbuild -->
</head>
<body>
<div id="stage">
<header>
<h1>Firefox Accounts</h1>
<h2>Sync</h2>
</header>
<section>
<div class="graphic graphic-sync-intro">Sync devices to the cloud</div>
<div class="description">Sign in to back up and sync your tabs, bookmarks, and more.</div>
<div class="button-row">
<a class="button">Get started</a>
</div>
<div class="links">
<a>Using Sync on an older Firefox?</a>
</div>
</section>
</div>
</body>
</html>

37
app/sync/manage.html Normal file
Просмотреть файл

@ -0,0 +1,37 @@
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Firefox Accounts</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="stylesheet" href="/latin/firasans-regular,firasans-light,clearsans-regular/fonts.css">
<!-- build:css(.tmp) /styles/sync.css -->
<link rel="stylesheet" href="/bower_components/normalize-css/normalize.css">
<link rel="stylesheet" href="/styles/main.css">
<link rel="stylesheet" href="/styles/sync.css">
<!-- endbuild -->
</head>
<body>
<div id="stage">
<header>
<h1>Firefox Accounts</h1>
<h2>Sync</h2>
</header>
<section>
<div class="graphic graphic-sync-intro">Sync devices to the cloud</div>
<div class="button-row">
<a class="button">Manage</a>
</div>
</section>
</div>
</body>
</html>

Просмотреть файл

@ -18,7 +18,8 @@ module.exports = function (grunt) {
'images/{,*/}*.{webp,gif}',
'styles/fonts/{,*/}*.*',
'bower_components/{,*/}{,*/}*.*',
'i18n/{,*/}{,*/}*.*'
'i18n/{,*/}{,*/}*.*',
'sync/*.html'
]
}]
},

Просмотреть файл

@ -9,7 +9,10 @@ module.exports = function (grunt) {
options: {
dest: '<%= yeoman.dist %>'
},
html: '<%= yeoman.app %>/index.html'
html: [
'<%= yeoman.app %>/index.html',
'<%= yeoman.app %>/sync/*.html',
]
});
grunt.config('usemin', {