-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
230 lines (201 loc) · 9.43 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
---
layout: default
title: "The ultimate crowdsourcing framework"
description: "The ultimate crowdsourcing framework to analyze or enrich data that can't be processed by machines alone"
body_class: index
active: index
---
<div class="container-fluid opening">
<div itemscope itemtype="http://schema.org/Product" class="container videohome">
<h1 itemprop="name"><img alt="PYBOSSA" src="{{site.cdn}}/assets/img/pybossa.svg"></h1>
<div>
<div class="embed-responsive embed-responsive-16by9">
<iframe src="https://www.youtube.com/embed/oH8fJAhRDJM?controls=1&loop=1&showinfo=0&playlist=oH8fJAhRDJM" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
<p itemprop="description" class="lead">PYBOSSA is the ultimate crowdsourcing framework to analyze or enrich data<br/> that can't be processed by machines alone.</p>
</div>
</div>
<div class="container-fluid greybanner" style="background: white;">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<a class="btn btn-default btn-lg btn-white" href="https://scifabric.com/pricing" style="width:auto; white-space: unset; height: auto;">Get professional support for PYBOSSA</a>
</div>
</div>
</div>
</div>
<div class="container-fluid batteries">
<div class="container">
<p class="title wow fadeInDown">Batteries included!</p>
<!-- Slider main container -->
<div class="row">
<div class="col-md-12">
<p class="claims">PYBOSSA is</p>
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3 swiper-padding">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">a Webserver</div>
<div class="swiper-slide">a Python library</div>
<div class="swiper-slide">a statistical tool</div>
<div class="swiper-slide">real-time analysis</div>
<div class="swiper-slide">a suite of templates</div>
<div class="swiper-slide">free and open source</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid greybanner">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<p class="title">Get started</p>
</div>
<div class="col-sm-offset-2 col-sm-8 col-md-offset-0 col-md-4">
<div class="media">
<div class="media-left">
<img class="media-object list-number" src="{{site.cdn}}/assets/img/1.svg" alt="1">
</div>
<div class="media-body">
<p class="list">Install a virtual environment</p>
<p class="list-text">You have to install Vagrant and VirtualBox to run PYBOSSA. Don't worry, they're free!</p>
</div>
</div>
</div>
<div class="col-sm-offset-2 col-sm-8 col-md-offset-0 col-md-4">
<div class="media">
<div class="media-left">
<img class="media-object list-number" src="{{site.cdn}}/assets/img/2.svg" alt="2">
</div>
<div class="media-body">
<p class="list">Download PYBOSSA</p>
<p class="list-text">Get the code from Github.</p>
</div>
</div>
</div>
<div class="col-sm-offset-2 col-sm-8 col-md-offset-0 col-md-4">
<div class="media">
<div class="media-left">
<img class="media-object list-number" src="{{site.cdn}}/assets/img/3.svg" alt="3">
</div>
<div class="media-body">
<p class="list">Test PYBOSSA</p>
<p class="list-text">You are ready to go! Run the vagrant up and play around with PYBOSSA a little, then
launch the project that will change the world :D</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a class="btn btn-default" href="https://docs.pybossa.com">Read the docs</a>
</div>
</div>
</div>
</div>
</div>
<div id="features-anchor" class="container features">
<p class="title wow fadeInDown">Main Features</p>
<p class="claim wow fadeInDown">We have tons of awesome features for your crowdsourcing projects</p>
<div class="row">
<div class="col-sm-6 col-md-6">
<div class="media wow fadeInUp">
<div class="media-left">
<img class="media-object" src="{{site.cdn}}/assets/img/home-icon-private.svg" alt="Lock">
</div>
<div class="media-body">
<h4 class="media-heading">Private</h4>
<p class="media-description">Data belongs to you. Keep it private or make it public. It’s your choice.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6">
<div class="media wow fadeInUp">
<div class="media-left">
<img class="media-object" src="{{site.cdn}}/assets/img/home-icon-extensible.svg" alt="extensible">
</div>
<div class="media-body">
<h4 class="media-heading">Extensible</h4>
<p class="media-description">Add that precious feature you need with our plugin infrastructure.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-6">
<div class="media wow fadeInUp">
<div class="media-left">
<img class="media-object" src="{{site.cdn}}/assets/img/Importspeed.svg" alt="Phone">
</div>
<div class="media-body">
<h4 class="media-heading">Progressive Web Applications</h4>
<p class="media-description">Build modern web applications that run on your phone like native apps.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6">
<div class="media wow fadeInUp">
<div class="media-left">
<img class="media-object" src="{{site.cdn}}/assets/img/Satellite.svg" alt="Satellite">
</div>
<div class="media-body">
<h4 class="media-heading">Capture data</h4>
<p class="media-description">Get photos, audios, videos and geolocalize them within your phone.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-6">
<div class="media wow fadeInUp">
<div class="media-left">
<img class="media-object" src="{{site.cdn}}/assets/img/home-icon-custom.svg" alt="customisable">
</div>
<div class="media-body">
<h4 class="media-heading">Customisable</h4>
<p class="media-description">You can retain all your branding. Make it yours.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6">
<div class="media wow fadeInUp">
<div class="media-left">
<img class="media-object" src="{{site.cdn}}/assets/img/home-icon-template.svg" alt="template">
</div>
<div class="media-body">
<h4 class="media-heading">Templates</h4>
<p class="media-description">Don't start from scratch! Adapt one of our ready-to-use templates for your project.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-6">
<div class="media wow fadeInUp">
<div class="media-left">
<img class="media-object" src="{{site.cdn}}/assets/img/home-icon-integration.svg" alt="Integrations">
</div>
<div class="media-body">
<h4 class="media-heading">Integrations</h4>
<p class="media-description">Import data from Dropbox, Google Spreadsheets, SoundCloud, Vimeo...</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6">
<div class="media wow fadeInUp">
<div class="media-left">
<img class="media-object" src="{{site.cdn}}/assets/img/home-icon-notification.svg" alt="notifications">
</div>
<div class="media-body">
<h4 class="media-heading">Notifications</h4>
<p class="media-description">Get weekly emails with stats about your projects. Share updates with your volunteers. Use web push notifications to engage your users.</p>
</div>
</div>
</div>
</div>
<p class="section-claim-bottom">Your project <img class="heart wow pulse" src="{{site.cdn}}/assets/img/heart.svg" alt="love"> our features</p>
</div>