-
Notifications
You must be signed in to change notification settings - Fork 6
Expand file tree
/
Copy pathindex.html
More file actions
309 lines (265 loc) · 19.3 KB
/
index.html
File metadata and controls
309 lines (265 loc) · 19.3 KB
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>buddycloud</title>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nunito:400" />
<link rel="stylesheet" href="style.min.css" />
</head>
<body>
<div class="fixedHeader" style="display: none">
<div class="container">
</div>
</div>
<!-- first section (header) -->
<section id="home" class="primarySection">
<div class="blur"></div>
<div class="container">
<header class="clearfix">
<h1><a class="scrollTo" href="#home">buddycloud</a></h1>
<nav>
<a class="scrollTo features-nav" href="#features">features</a>
<a class="scrollTo examples-nav" href="#examples">example uses</a>
<a class="scrollTo friends-nav" href="#friends">friends</a>
<a class="scrollTo contact-nav" href="#contact">contact us</a>
<a href="http://blog.buddycloud.com" target="_blank">blog</a>
</nav>
</header>
<div class="hero">
<h2>build the personal cloud</h2>
<p class="description">
<span>distributed by design, buddycloud has pioneered a set of tools, open source software and protocols to help you build a completely new kind of social network.<br /></span>
<a href="https://demo.buddycloud.org/" target="_blank" class="callForAction red">Try demo</a>
<a href="https://buddycloud.org/wiki/Install" target="_blank" class="callForAction green">Install</a>
</p>
</div>
<div class="screenshots">
<img src="img/screenshots/anon.jpg" width="600" height="450" alt="Anon" />
<img src="img/screenshots/explore.jpg" alt="Explore" style="display: none; width: 600px; height: 450px" />
<img src="img/screenshots/private-channels.jpg" alt="Private channel" style="display: none; width: 600px; height: 450px" />
<img src="img/screenshots/preferences.jpg" alt="Preferences" style="display: none; width: 600px; height: 450px" />
<img src="img/screenshots/search.jpg" alt="Search" style="display: none; width: 600px; height: 450px" />
<img src="img/screenshots/single-post.jpg" alt="Single post" style="display: none; width: 600px; height: 450px" />
<img src="img/screenshots/stream-expanded.jpg" alt="Stream expanded" style="display: none; width: 600px; height: 450px" />
<img src="img/screenshots/stream-closed.jpg" alt="Stream closed" style="display: none; width: 600px; height: 450px" />
</div>
</div>
</section>
<!-- end first section (header) -->
<!-- features section -->
<section id="features" class="features waypoint secondarySection" data-current="features-nav">
<div class="container">
<h2>How buddycloud works</h2>
<div class="main feature open image-left">
<h3>Celebrating open protocols, open source, open ecosystems</h3>
<i class="icon-open"></i>
<p>We have rethought the architecture of social networks. Instead of traditional <a href="http://facebook.com">centralised</a> <a href="http://twitter.com">models</a> our design principle is to distribute control. Each site runs its own buddycloud server. Users connect and share information with other users on other sites.</p>
<p>This radical design gives you strong privacy controls and gives you access to friends anywhere on the buddycloud universe. [and connect to other social networks].</p>
<p>buddycloud is working with <a href="http://w3c.org">W3C</a>, the <a href="http://www.mozilla.org/foundation/">Mozilla Foundation</a>, and <a href="http://xmpp.org/">XSF</a> to work together to lay the solid foundation for an open social ecosystem.</p>
<p>Soon all products will integrate a social layer. The buddycloud software is a simple to integrate. Our open protocols ensure no single company controls your system.</p>
<p>We make available our reference server as well as a web-client and android-client so your project can quickly benefit from buddycloud's social tools. All buddycloud software is open source and available under the Apache 2.0 license.</p>
<p>We make use of existing open standards like <a href="http://activitystrea.ms">ActivityStrea.ms</a> and the <a href="https://en.wikipedia.org/wiki/Atom_%28standard%29">ATOM syndication format</a>. You benefit from existing libraries and supporting the open web buys you enough karma to afford a stable of unicorns! #GreatToBeOpen</p>
</div>
<div class="main feature fork image-right">
<h3>Fork the buddycloud software and kickstart your project</h3>
<i class="icon-fork"></i>
<ul>
<li>Avoid re-implementing a social stack with every single new project: buddycloud ships with code examples get you started quickly.</li>
<li>The server are written in <a href="http://nodejs.org">nodejs</a> and Java, the webclient is built with <a href="http://backbonejs.org">Backbone</a>, and and we have developed an <a href="https://play.google.com/store/apps/details?id=com.buddycloud">Android client</a>.</li>
<li>All code is designed so that you can quickly and easily adapt it for your specific goals.</li>
<li>Licensed under a do-what-you-want-with-it license.</li>
</ul>
</div>
<div class="main feature distributed image-left">
<h3>Distributed by design</h3>
<i class="icon-distributed"></i>
<p>How would it be if Gmail couldn't send email to a Hotmail account? Social Networks are still like this.</p>
<p>buddycloud has designed a new way to share: each buddycloud instance can connect and share information with other buddycloud websites. Or you can run it behind your firewall for just your team alone.</p>
<p>Our tools also designed to link users with legacy networks like Facebook and Twitter.</p>
<p>When you start your own buddycloud site, your small instance joins a much larger ecosystem of other sites already running buddycloud and users will never have to register again and again.</p>
<img src="img/how-buddycloud-works.png" alt="How buddycloud works" width="950" height="500" />
</div>
<div class="main feature privacy image-right">
<h3>Protecting privacy</h3>
<i class="icon-privacy"></i>
<ul>
<li>Uses SSL for client to server encryption.</li>
<li>Uses SSL to ensure communication between servers is encrypted.</li>
<li>Users create private or open spaces (channels) to share content.</li>
<li>You control how data on your buddycloud is shared with the wider world.</li>
</ul>
</div>
<div class="main feature media image-left">
<h3>Easy share files, films, photos.</h3>
<i class="icon-media"></i>
<p>Media can be shared within just one channel or with the entire world. On one buddycloud site or between buddycloud sites.</p>
<p>The buddycloud media server is a bit like DropBox but enhanced to work on every site: now users and developers can manage their own media sharing. Files, films, photos are seamlessly synchronised. It just works. <a href="https://github.com/buddycloud/buddycloud-media-server" target="_blank">Learn more</a></p>
</div>
<div class="main feature image-right">
<h3>buddycloud Library and API</h3>
<p>Build your own buddycloud client with a drop-in Javascript library. buddycloud also includes an API server that makes developing apps in any language easy. Naturally, <a href="https://buddycloud.org">great documentation</a> is included.</p>
<pre class="prettyprint">// get subscribers from bccc@topics.pouet.im
// (curl https://api.buddycloud.org/bccc@topics.pouet.im/subscribers/posts)
buddycloud.Channel('bccc@topics.pouet.im').subscribers();
{
"schnouki@pouet.im": "owner",
"lancestout@buddycloud.org": "publisher",
"james@buddycloud.org": "publisher",
"simon@imaginator.com": "publisher"
}</pre>
</div>
<div class="main feature run image-left">
<h3>Run your own buddycloud site or let us host buddycloud for you</h3>
<i class="icon-run"></i>
<p>We want you to start developing quickly and then be able to run your own server infrastructure.</p>
<p>You could <a href="https://buddycloud.org/wiki/Install">install your own buddycloud site</a>.</p>
<p>Or, to get going faster we can host your own buddycloud site and, when you grow, you can migrate out your data, users and media to your own server.</p>
</div>
<div class="main feature community image-right">
<h3>Join a helpful community</h3>
<i class="icon-community"></i>
<p>We know that changing the world is difficult. If you get stuck, we're a pretty helpful and enthusiastic bunch. And are here to help you.</p>
<p>Ask for help on the <a href="https://groups.google.com/forum/#!forum/buddycloud-dev">dev list</a>,
the <a href="https://jappix.com/?r=seehaus@channels.buddycloud.com">chat room</a> or
in the <a href="https://demo.buddycloud.org/team@topics.buddycloud.org">buddycloud team channel</a>.</p>
</div>
<div class="main feature commercial image-left">
<h3>Commercial licensing and support</h3>
<i class="icon-commercial"></i>
<p>Sometimes spinning up a large buddycloud deployment needs a little extra help. We want to see buddycloud deployed everywhere and we've got you covered.</p>
<p>We provide ongoing support to corporations, telcos, and software houses to help them keep their buddycloud servers running smoothly.</p>
<p>buddycloud also provides consulting. For example, we can help with scaling a telco's buddycloud software stack to the multi-million simultaneous-user level.</p>
</div>
<!-- buddycloud engines -->
<div class="feature social-engines grid-2 clearfix">
<h3 class="headline">Social Engines</h3>
<div class="feature channels grid-1">
<h3>Recommendation engine</h3>
<p>If you like the buddycloud channel <code>food@foo.com</code> then might be interested in <code>omnomnom@bar.com</code>. The buddycloud crawler also ships with a nice API that helps your users find great content.</p>
<p><a href="https://buddycloud.org/wiki/channel_directory_project">Learn more</a></p>
</div>
<div class="feature privacy grid-1 last">
<h3>Realtime search engine</h3>
<p>Find channels or specific posts. Fast. Public content on buddycloud is quickly indexed and searchable and accessible via a standardised API and firehose feed.</p>
<p><a href="https://buddycloud.org/wiki/channel_directory_project">Learn more</a></p>
</div>
<div class="feature sharing grid-1">
<h3>Social discovery engine</h3>
<p>
The buddycloud contact matcher helps your users find their friends on other social networks. The contact matcher uses hashes of user-identifiers: for example Twitter or Facebook account IDs. This extends buddycloud's usefulness to existing circles of friends.</p>
<p><a href="https://buddycloud.org/wiki/contact_matching">Learn More</a></p>
</div>
<div class="feature mobile grid-1 last">
<h3>Push notification engine</h3>
<p>The buddycloud <i>pusher</i> sends mobile push notifications via iOS or Android and can also trigger emails when things happen inside buddycloud. For example, a follow request could trigger an email and alert on your phone. The alerts that get sent are completely customisable by users. The pusher also integrates with the existing buddycloud APIs.</p>
<p><a href="https://buddycloud.org/wiki/email_and_push">Learn More</a></p>
</div>
</div>
</div>
</section>
<!-- end of features section -->
<!-- team/support section -->
<!-- end of team/support section -->
<!-- developers section -->
<section id="examples" class="examples waypoint secondarySection" data-previous="features-nav" data-current="examples-nav">
<div class="container grid-2 clearfix">
<h2>Inventing with buddycloud</h2>
<p>some [crazy] ideas for using buddycloud in your project</p>
<div class="grid-1">
<h3>replace email</h3>
<p>buddycloud includes all the building blocks to build on of <a href="http://www.paulgraham.com/ambitious.html" target="_blank">Paul Graham's Frighteningly Ambitious Startup Ideas</a>.</p>
<iframe width="440" height="225" src="http://www.youtube.com/embed/R9ITLdmfdLI?rel=0#t=655" frameborder="0" modestbranding="true" allowfullscreen></iframe>
<p>As a todo list protocol, the new protocol should give more power to the recipient than email does. I want there to be more restrictions on what someone can put on my todo list. And when someone can put something on my todo list, I want them to tell me more about what they want from me. Do they want me to do something beyond just reading some text? How important is it? (There obviously has to be some mechanism to prevent people from saying everything is important.) When does it have to be done?</p>
<p>buddycloud channels currently show Atom formatted Activity Streams. But these could quite easily be your new "todo-list stream". What are currently channel followers could then be able to edit what goes into and gets crossed off the "todo-list stream".</p>
</div>
<div class="grid-1 last">
<h3>Faceblog</h3>
<p><a href="https://twitter.com/sonnypiers">Sonny Piers</a> is a regular contributor to buddycloud and used buddycloud channels and Javascripts' <a href="http://dev.w3.org/2011/webrtc/editor/getusermedia.html">GetUserMedia API</a>to capture photos from his Macbook camera and post them into his channel. buddycloud enables him to do this by running all posts via the media server. They are then automatically resized to the right device size when a user view's his faceblog.</p>
<p>Using the buddycloud server and a bit of Javascript he was able to have this working in under and hour.</p>
</div>
<div class="grid-1">
<h3>The ingredients to quickly build your corporate social network</h3>
<p>buddycloud helps your you build your corporate social network. Now your team can take an idea, explore it and make things happen without needing to expose sensitive information to hosted solutions.</p>
<p>You can keep information belonging to you or your team secure by running your own buddycloud inside your firewall. You control which other companies can connect to your buddycloud server. And buddycloud comes with all the bits to get this working fast.</p>
</div>
<div class="grid-1 last">
<h3>So many ideas</h3>
<p>We're excited to see what others do with the buddycloud code. We hold regular hackathons and have an active <a href="groups.google.com/group/buddycloud-dev">developer mailing list</a>. We'd love to help you realise your idea.</p>
</div>
</div>
</section>
<!-- end of developers section -->
<!-- buddycloud's friends section -->
<section id="friends" class="friends waypoint secondarySection" data-previous="examples-nav" data-current="friends-nav">
<div class="container clearfix">
<h2>friends of buddycloud</h2>
<p>companies and projects using buddycloud</p>
<ul>
<li><a href="https://webfwd.org/" target="_blank" title="Mozilla WebFWD"><i class="partners partners-webfwd"></i></a></li>
<li><a href="http://www.brightroll.com/" target="_blank" title="BrightRoll"><i class="partners partners-brightroll"></i></a></li>
<!-- not announced yet <li><a href="#" target="_blank"><i class="partners partners-bmw" title="BMW"></i></a></li> -->
<li><a href="http://www.hillertundco.de/" target="_blank" title="Hillert & Co"><i class="partners partners-hillert"></i></a></li>
<li><a href="#" target="_blank" title="Wikipedia"><i class="partners partners-wikimedia"></i></a></li>
<li><a href="http://www.surevine.com/" target="_blank" title="Surevine"><i class="partners partners-surevine"></i></a></li>
<li><a href="http://www.gi.de" target="_blank" title="German technology community"><i class="partners partners-gi"></i></a></li>
<li><a href="http://fanout.io" target="_blank" title="Fanout"><i class="partners partners-fanout"></i></a></li>
</ul>
</div>
</section>
<!-- end of buccyloud's friends section -->
<!-- try again section -->
<section class="try-again secondarySection">
<div class="container clearfix">
<a href="https://demo.buddycloud.org/" target="_blank" class="callForAction red">Try demo</a>
<a href="https://buddycloud.org/wiki/Install" target="_blank" class="callForAction green">Install</a>
</div>
</section>
<!-- end of try again section -->
<footer id="contact" class="waypoint" data-previous="friends-nav" data-current="contact-nav">
<div class="container grid-3 clearfix">
<div class="grid-1">
<ul>
<li><a href="http://blog.buddycloud.com" target="_blank">Blog</a></li>
<li><a href="http://blog.buddycloud.com/press" target="_blank">Press</a></li>
<li><a href="https://buddycloud.org/wiki/Main_Page" target="_blank">Dev-wiki</a></li>
<li><a href="https://github.com/buddycloud" target="_blank">GitHub</a></li>
<li><a href="https://twitter.com/buddycloud" target="_blank">Twitter</a></li>
<li><a href="http://www.facebook.com/and.the.future.is.buddycloud" target="_blank">Facebook</a></li>
</ul>
</div>
<div class="grid-1">
<ul>
<li><a href="https://plus.google.com/communities/106778959637011685198" target="_blank">Google+</a></li>
<li><a href="https://demo.buddycloud.org/team@topics.buddycloud.org" target="_blank">bc team channel</a></li>
<li><a href="http://www.youtube.com/user/buddycloudGuy" target="_blank">YouTube</a></li>
<li><a href="https://groups.google.com/forum/?fromgroups#!forum/buddycloud-dev" target="_blank">dev mailing list</a></li>
<li><a href="http://buddycloud.spreadshirt.net/" target="_blank">t-shirts</a></li>
<li><a href="http://www.google.com/calendar/embed?src=imaginator.com_vnb63o9j7c780f0e9uqv1l0a9c%40group.calendar.google.com&ctz=Europe/Berlin">Events Calendar</a>(<a href="http://www.google.com/calendar/ical/imaginator.com_vnb63o9j7c780f0e9uqv1l0a9c%40group.calendar.google.com/public/basic.ics">iCal feed</a>)</li>
</ul>
</div>
<div class="grid-1 last">
<span class="phone"><a href="tel:+14158580202">+1 415-858-0202</a></span>
<span class="email"><a href="mailto:donna.smith@buddycloud.com">donna.smith@buddycloud.com</a></span>
</div>
</div>
<div class="container clearfix">
<div class="design">
Made with love and a text-editor | 2013
</div>
</div>
</footer>
<script>
// Disabled while in development
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-1075750-2']);
_gaq.push(['_setDomainName', 'buddycloud.com']);
_gaq.push(['_trackPageview']);
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=true;
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery.min.js"><\/script>')</script>
<script src="scripts.min.js"></script>
</body>
</html>