-
Notifications
You must be signed in to change notification settings - Fork 0
/
wizard01-welcome.html
129 lines (119 loc) · 5.91 KB
/
wizard01-welcome.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<!--[if IE 8]><html class="ie8"><![endif]-->
<!--[if IE 9]><html class="ie9"><![endif]-->
<!--[if gt IE 9]><!-->
<html>
<!--<![endif]-->
<head>
<title>AeroGear UnifiedPush Server</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<link rel="shortcut icon" href="../dist/img/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../dist/img/apple-touch-icon-57-precomposed.png">
<link href="css/styles.css" rel="stylesheet" media="screen, print">
<!-- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> -->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="bower_components/patternfly/components/html5shiv/dist/html5shiv.min.js"></script>
<script src="bower_components/patternfly/components/respond/dest/respond.min.js"></script>
<![endif]-->
<!-- IE8 requires jQuery and Bootstrap JS to load in head to prevent rendering bugs -->
<!-- IE8 requires jQuery v1.x -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="bower_components/patternfly/components/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="bower_components/patternfly/components/datatables/media/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="bower_components/patternfly/components/bootstrap-select/bootstrap-select.min.js"></script>
<script type="text/javascript" src="bower_components/patternfly/dist/js/patternfly.min.js"></script>
<script type="text/javascript" src="bower_components/google-code-prettify/bin/prettify.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<nav class="navbar navbar-default navbar-pf" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">
<img src="img/brand.svg" alt="Aerogear" />
</a>
</div>
<div class="collapse navbar-collapse navbar-collapse-1">
<ul class="nav navbar-nav navbar-utility">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<span class="pficon pficon-user"></span>
Brian Johnson <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li>
<a href="#">Accont management</a>
</li>
<li class="divider"></li>
<li>
<a href="#">Logout</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="collapse navbar-collapse navbar-collapse-1">
</div>
</nav>
<div class="container-fluid">
<div class="row ups-wizard">
<div class="col-sm-12">
<div class="page-header">
<h1>Welcome to Unified Push Console</h1>
<p>This console will help you registering apps and variants to manage push notifications. Follow these steps to set up your application.</p>
</div>
<div class="row boxes">
<div class="col-sm-3">
<div class="well" id="box1">
<div class="ups-number"><span>1</span></div>
<p><i class="fa fa-rocket fa-4x muted"></i></p>
<h4>Create your Application</h4>
<p>Give a name to your application. Set up just one application for all your platforms and devices.</p>
</div><!-- well -->
</div>
<div class="col-sm-3">
<div class="well" id="box2">
<div class="ups-number"><span>2</span></div>
<p><i class="fa fa-code-fork fa-4x muted"></i></p>
<h4>Add a variant</h4>
<p>A variant is a group of devices under a platform. Add your first variant for this application and set it up on your device code. Later on you will be able to add one variant for each platform.</p>
</div>
</div>
<div class="col-sm-3" id="box3">
<div class="well">
<div class="ups-number"><span>3</span></div>
<p><i class="fa fa-paper-plane fa-4x muted"></i></p>
<h4>Send a notification</h4>
<p>Test your setup. Send your first push notification!</p>
</div>
</div>
<div class="col-sm-3">
<div class="well" id="box4">
<div class="ups-number"><span>4</span></div>
<p><i class="fa fa-desktop fa-4x muted"></i></p>
<h4>Set up sender API</h4>
<p>This is the backend code. We have sender API configuration for Java, Node.js or Curl that will help get everything up and running fast. You can do your own sender if you want.</p>
</div>
</div>
</div><!-- row -->
<p>
<a href="wizard01.html" class="btn btn-primary btn-lg">
START HERE
</a>
</p>
<p><a href="index-blank.html">Skip the wizard</a></p>
</div><!-- col -->
</div><!-- /row -->
</div><!-- /container -->
</body>
</html>