-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
215 lines (187 loc) · 7.62 KB
/
index.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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Head -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Keybase App and Messenger</title>
<!-- CSS-->
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/foundation.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/flexslider.css" />
<!-- GOOGLE WEBFONT-->
<link href='http://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!-- FAVICON-->
<link rel="shortcut icon" href="images/favicon.ico">
<!-- //SCRIPTS -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.foundation.reveal.js"></script>
<script type="text/javascript" src="js/jquery.flexslider.js"></script>
<script type="text/javascript" src="js/tweetable.jquery.js"></script>
<script type="text/javascript" src="js/jquery.timeago.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<!-- Modal Section -Login -->
<div id="loginform" class="reveal-modal">
<h3>Login</h3>
<p>Worried our server is sending you targeted js? Grab the to-go version on <a href="http://github.com/KeybaseApp/KeybaseAppToGo">GitHub</a>.</p>
<div class="space20"></div>
<form>
<fieldset>
<label><strong>Keybase Username</strong></label>
<input id="login-username" type="text" placeholder="KeybaseApp"/>
<div class="space10"></div>
<a id="login" class="radius button" href="#">Login</a>
</fieldset>
</form>
<a class="close-reveal-modal" id="closelogin">X</a>
<a style="display:none;" data-reveal-id="verifylogin" id="openlogin"></a>
</div>
<!-- Modal Section -Login -->
<!-- Modal Section -Login-Confirm -->
<div id="verifylogin" class="reveal-modal">
<h3>Verify Login</h3>
<p>To securely verify your login, please follow these steps.</p>
<ul>
<li>1. Copy the message below.</li>
<li>2. Sign the message using this <a target="_blank" href="https://keybase.io/sign">Keybase tool</a>.</li>
<li>3. Return to is page and paste the message you signed.</li>
</ul>
<div class="space20"></div>
<form>
<fieldset>
<label><strong>Secret Message</strong></label>
<input onClick="this.select();" id="confirm-payload" type="text"/>
<textarea id="verify-signed" placeholder="PGP Signed Message"></textarea>
<div class="space10"></div>
<a id="login-confirm" class="radius button" href="#">Login</a>
</fieldset>
</form>
<a class="close-reveal-modal">X</a>
</div>
<!-- Modal Section -Login-Confirm -->
<!-- Modal Section -Register -->
<div id="signupform" class="reveal-modal">
<h3>Currently Limited Beta</h3>
<p>To support the large demand for this service, we are limiting how many people can sign up at a time. Please enter your <a href="http://keybase.io">Keybase</a> username and an email we can reach you at below so we can contact you when more spots are available in the beta program.</p>
<div class="space20"></div>
<form>
<fieldset>
<label><strong>Keybase Username</strong></label>
<input id="signup-username" type="text"/>
<label><strong>Your Email</strong></label>
<input id="signup-email" type="email" />
<div class="space10"></div>
<a class="radius button" href="#" id="signup">Request Beta Invite</a>
</fieldset>
</form>
<a class="close-reveal-modal">X</a>
</div>
<!-- Modal Section -Register -->
<!-- Header Section -->
<div id="header">
<div class="header-wrap row">
<div class="twelve columns">
<div class="login"><a href="#" data-reveal-id="loginform"><i class="fa fa-unlock login-ico"></i> Login</a></div>
<div class="register"><a href="#" data-reveal-id="signupform"><i class="fa fa-users register-ico"></i> Sign Up</a></div>
</div>
</div>
</div>
<!-- Header Section -->
<div class="clear"></div>
<!-- Slider section-->
<div class="slider-wrap">
<div class="row" style="height: 134px;">
<div class="rsp-caption">
<h2 style="margin-top: 4%; position: absolute; margin-left: 20px;">Secure instant messaging service powered by <a href="http://keybase.io">Keybase</a>.</h2>
<!--<div class="app-ico">
<span><a href="#"><img src="images/android.png" alt=""/></a></span>
<span><a href="#"><img src="images/apple.png" alt=""/></a></span>
<span><a href="#"><img src="images/windows.png" alt=""/></a></span>
</div>-->
</div>
</div>
</div>
</div>
<!-- Slider section-->
<div class="clear"></div>
<div class="space40"></div>
<div class="clear"></div>
<!-- Features content section-->
<div class="row">
<div class="wrap">
<!-- Features wrap Section -->
<div class="twelve columns">
<div class="features-wrap">
<div class="four columns features-content">
<div class="features-description">
<h5>Open API</h5>
<p>Curious as to how we are securing your information? We encourage you to look at our API! </p>
<a target="_blank" class="radius button" href="http://docs.keybaseapp.com">View Documentation</a>
</div>
</div>
<div class="four columns features-content">
<div class="features-description">
<h5>Web App</h5>
<p>Need an extra layer of security? Feel free to download our web-app to go.</p>
<a target="_blank" class="radius button" href="https://github.com/KeybaseApp/ToGo">Download Web To-Go</a>
</div>
</div>
<div class="four columns features-content">
<div class="features-description">
<h5>Mobile App</h5>
<p>Coming soon to iOS! Sign up to be notified immediately when the iPhone app launches.</p>
<a class="radius button" href="#" data-reveal-id="signupform">Request Beta Invite</a>
</div>
</div>
</div>
</div>
<!-- Features wrap Section -->
</div>
</div>
<!-- Features content section-->
<div class="clear"></div>
<div class="space20"></div>
<div class="clear"></div>
<!-- Wrap2 content section
<div class="row">
<div class="twelve columns">
<div class="wrap2" >
<h2>Download Keybase App</h2>
<p>Need the web version? Get is <a href="http://github.com">here</a>.</p>
<div class="app-ico2">
<span><a href="#"><img src="images/android-black.png" alt=""/></a></span>
<span><a href="#"><img src="images/apple-black.png" alt=""/></a></span>
<span><a href="#"><img src="images/windows-black.png" alt=""/></a></span>
</div>
</div>
</div>
</div>
Wrap2 content section-->
<div class="space30"></div>
<div class="clear"></div>
<div class="space30"></div>
<!-- Footer content section-->
<div class="row">
<div class="footer twelve columns">
<div class="social">
<ul class="social-networks">
<li class="icon-twitter"><a href="http://twitter.com/KeybaseApp">Twitter</a></li>
<li class="icon-facebook"><a href="http://twitter.com/KeybaseApp">Facebook</a></li>
<li class="icon-email"><a href="mailto:[email protected]">Email</a></li>
</ul>
</div>
<div class="space10"></div>
<p>Copyright 2014 <a href="http://keybaseapp.com">Keybase App</a>. All rights reserved.</p>
<p>Keybase App is not affiliated or endorsed in any way by <a href="http://keybase.io">Keybase</a>.</p>
</div>
</div>
<div class="clear"></div>
<!-- Footer content section-->
</body>
</html>