-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·313 lines (273 loc) · 13.1 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
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="documentation for rhizomatica/saycel setup">
<meta name="Dhruv Mehrotra, Edwin Reed-Sanchez" content="">
<title>WebPh.one</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/stylesheet.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<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 page-scroll" href="#page-top"><img src="css/img/mini-logo.png" width='40px' alt="" style="float:left; margin-right:10px; margin-top:-10px">Web<b>Ph.one</b></a>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a class="page-scroll" href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#About">About</a>
</li>
<li>
<a class="page-scroll" href="#Features">Features</a>
</li>
<li>
<a class="page-scroll" href="#Documentation">Documentation</a>
</li>
<li>
<a class="page-scroll" href="#Contact">Contact</a>
</li>
<li>
<a class="page-scroll" href="#PearlCelPrize">PearlCel Prize</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Intro Section -->
<section id="intro" class="even-section">
<div class="container">
<div class="row">
<div class="col-sm-4" style="text-align:center">
<img class='img'src="css/img/Home-page-webphone.png" style="max-height:300px"alt="">
</div>
<div class="col-sm-4">
<div class="section-header"><h1>SayCel WebPhone</h1></div>
<div class="section-text"><h2>An App which Bridges the Gap Between Dumb-Phones and Smart-Phones</h2></div>
</div>
<div class="col-sm-4">
<div id="webphone-app" class="widget" style="background:#cfe2f3;text-align:center;">
<div class="widget_wrap">
<p style="font-weight: 700; color: #666666; font-size: 23px;">Statistics</p>
<p style="font-style: italic;color: #666666; font-size: 22px;">Number of Calls</p>
<p style="font-weight: 700; color: #666666; font-size: 25px;" id="noc">2436</p>
<p style="font-style: italic;color: #666666; font-size: 22px;">Minutes of Talk Time</p>
<p style="font-weight: 700; color: #666666; font-size: 25px;" id="mot">6093:37</p>
<div id="disc" style="font-size: 11px;">
Statistics are gathered in real time and are based on the total usage of app since its alpha release. See <a href="http://www.saycel.net" style="color:blue;text-decoration:underline">Saycel.net</a> for more details.
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Ubuntu Section -->
<section id="About" class="">
<div class="container">
<div class="row">
<div class="col-sm-6" style="text-align:center">
<img src="css/img/jungle-call.png" class='img' alt="">
<div class="caption"><em>The feature phone is still commonly used in rural areas and on community mobile networks.</em></div>
</div>
<div class="col-sm-6">
<div class="section-text">
<p>WebPh.one beta is an open source progressive web application that allows you to make calls to Community Cellular Networks and to each other. It is developed by SayCel and Rhizomatica.</p>
<p>Webph.one provides you a virtual number and you can directly call PearlCel, the community mobile network in Pearl Lagoon, Nicaragua. </p>
<p>Use google chrome on any device, phone or laptop. On android download it to your home screen.</p>
<p>Webph.one is open source, can be configured to call any SIP network, and is free to use, modified and contributed by anyone.</p>
</div>
</div>
</div>
</div>
</section>
<section id="sponsors">
<div class="col-sm-6 center">
<h3>DEVELOPMENT TEAM</h3>
<div class="row">
<div class="col-sm-6 center"> <img src="css/img/saycel.png" class='logo'alt=""> </div>
<div class="col-sm-6 center"> <img src="css/img/rhizo.png" class='logo'alt=""> </div>
</div>
</div>
<div class="col-sm-6 center">
<h3>SPONSORS</h3>
<div class="row">
<div class="col-sm-6 center"> <img src="css/img/unicef.png" class='logo'alt=""> </div>
<div class="col-sm-6 center"> <img src="css/img/nyu.jpg" class='logo'alt=""> </div>
</div>
</div>
</section>
<section id="Features" >
<div class="container">
<div class="row">
<div class="col-sm-6">
<div class="section-list">
<h1>WebPh.one v0.7 Beta</h1>
<h3>Features</h3>
<ul>
<li>Calls App to App</li>
<li>Calls App to Open Source Mobile Network</li>
<li>Virtual Numbers</li>
<li>Social Media Sharing</li>
<li>Open Source</li>
<li>Local Directory</li>
</ul>
<h3>Upcoming Development</h3>
<ul>
<li>Text/SMS support</li>
<li>Mass SMS Integration</li>
<li>Dockerized Installation</li>
<li>Off-Line Local Area Network Support</li>
</ul>
</div>
</div>
<div class="col-sm-6" style="text-align:center">
<img src="css/img/3phones.png" width='300px'class='img' alt="">
<div class="caption"><em><a href="https://PearCel.Webph.one ">Call a local Pearl Lagoon user or business today.</a></em>
</div>
</div>
</div>
</div>
</section>
<section id="Documentation">
<div class="container">
<div class="row">
<div class="col-sm-6">
<div class="section-list">
<h1>Documentation</h1>
<h3>Call PearlCel with WebPhone</h3>
<ol>
<li>Go to https://PearlCel.WebPh.one</li>
<li>Type in PearlCel 5 digit extension, and call.</li>
</ol>
<h3>Call WebPh.one to WebPh.one</h3>
<ol>
<li>Find your WebPh.one number in the Directory</li>
<li>Share your number with a WebPh.one user</li>
<li>Call each other</li>
</ol>
<h3>Call PearlCel to WebPh.one</h3>
<ol>
<li>Find your WebPh.one number in the Directory</li>
<li>Share your number with a WebPh.one user</li>
<li>Call each other</li>
</ol>
</div>
</div>
<div class="col-sm-3" style="text-align:center">
<img src="css/img/Webphone-Directory.jpg" width='300px'class='img' alt="">
<div class="caption"><em><a href="https://PearCel.Webph.one ">Call a local Pearl Lagoon user or business today.</a></em>
</div>
</div>
<div class="col-sm-3" style="">
<h3>Local Directory</h3>
<span style='text-align:center'><em>The Yellow Pages
of PearlCel</em></span>
<ol>
<li>Find a local business or person in the Pearl Lagoon Directory. </li>
<li>Call</li>
<li>PearlCel user can win a smartphone!</li>
</ol>
</div>
</div>
</div>
</section>
<section id="bugs">
<div class="col-sm-6">
<h3>Current Bugs</h3>
<ul>
<li>Must have app open to receive calls</li>
<li>App only hands-free</li>
</ul>
</div>
<div class="col-sm-6" style="margin-top:50px">
<span style='text-align:left;'><em>Please provide feedback on any bugs or experiences in the post call survey.</em></span>
</div>
</section>
<!-- Puppet Section -->
<section id="Contact">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h3>Contact</h3>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<p>For more information about the WebPh.one or SayCel </p>
<p>info@saycel.com</p>
</div>
<div class="col-sm-6">
<p>To get involved in project link us in github</p>
<p>https://github.com/saycel/webph.one</p>
</div>
</div>
</div>
</section>
<section id="PearlCelPrize" class="even-section">
<div class="container">
<div class="row">
<div class="col-sm-12 center">
<h1 style="margin-top: 37px;">PearlCel Users Click Here to Sign Up for Contest</h1>
</div>
</div>
</div>
</section>
<section id="PearlCelPrize_two" class="even-section">
<div class="container">
<div class="row">
<div class="col-sm-8">
<div class="section-header black"><h1>PearlCel Smart Phone Contest
</h1></div>
<div class="section-text black"><h2>The PearlCel user receiving the most incoming calls from friends or family member living abroad - USA, Europe, or on a Cruise Ship - will receive a free smartphone.</h2><h2>Contest ends December 20, 2017</h2></div>
<img src="css/img/app-cellTower.png" class='img' alt="">
</div>
<div class="col-sm-4">
<div style=''class="section-list">
<div class="section-header black"><h1 style="text-decoration:underline;">Contest Leaders
</h1></div>
<ol>
<li>Dhruv</li>
<li>Dhruv</li>
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Scrolling Nav JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<script src="js/scrolling-nav.js"></script>
<script>
$("#section3").css("background-image", "url(./images/victory.png)");
$.get( "http://saycel.net/app/all/2017", function( data ) {
d = data
$("#noc").html(d.totalCalls);
$("#mot").html(d.totalMinutes);
});
</script>
</body>
</html>