/
index.html
80 lines (78 loc) · 2.97 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
{% extends "base.html" %}
{% block title %}PhoneLab Testbed Web Site{% endblock %}
{% block content %}
<div class='hero-unit' style='padding:30px'>
<img alt='PhoneLab Image' class='pull-right' src='{{ STATIC_URL }}img/phonelab_logo_black.png' style="margin-left:0px; width:150px"/>
<h1>PhoneLab:</h1>
<h2>A Participatory and Large-scale Smartphone Testbed</h2>
<p>
<br><br>
{% if not user.is_authenticated %}
<a href="/register" class="btn btn-primary btn-large"><i class="icon-user icon-white"></i> Sign Up</a>
<a href="/login" class="btn btn-large"><i class="icon-ok"></i> Log In</a>
<a data-toggle="modal" href='#participant' class="btn btn-primary"><img src= "{{ STATIC_URL }}img/phone.ico"> Get A Phone</a><br>
{% else %}
<br>
{% endif %}
</p>
</div>
<hr class="soften">
<div class="marketing">
<div class="row">
<div class="span4">
<img class="bs-icon" src="{{STATIC_URL}}img/multiphones.png">
<h2>Scale</h2>
<ul>
<li>Providing an order of magnitude more participants than typical smartphone experiments</li>
<li>Enabling large-scale experiments</li>
<li>Using 200 Nexus S 4G phones and expanding</li>
</ul>
</div>
<div class="span4">
<img class="bs-icon" src="{{STATIC_URL}}img/people.png">
<h2>Realism</h2>
<ul>
<li>Distributed to UB students, staff,and faculty, enabling realistic experiments</li>
<li>Eliminating the need to recruit participants</li>
<li>Providing up to 1000 participants in the same area</li>
</ul>
</div>
<div class="span4">
<img class="bs-icon" src="{{STATIC_URL}}img/thunder.png">
<h2>Power</h2>
<ul>
<li>Providing access to both the kernel layer and the app layer</li>
<li>Enabling low-level smartphone experimentation</li>
<li>Overcoming limitations of App Store or Play Store</li>
</ul>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="participant">
<form class="modal-form" method="post" action="/participant">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h1>Device Request</h1>
</div>
<div class="modal-body">
<table class="table">
<tbody>
<tr>
<td width='20%'><strong>Full Name: </strong></td>
<td><input type='text' name='name' id='name'/></td>
</tr>
<tr>
<td><strong>Email: </strong></td>
<td><input type='text' name='email' id='email'/></td>
</tr>
</tbody>
</table>
</div>
<div class="modal-footer">
<input type="submit" class='btn btn-primary' value="Submit" />
<a href="." class="btn">Cancel</a>
</div>
</form>
</div>
{% endblock %}