This repository has been archived by the owner on Sep 29, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
697 lines (696 loc) · 32.3 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
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Openbook | The open-source, privacy and security first, social network.</title>
<!-- Twitter Card data -->
<meta name="twitter:card" value="Openbook">
<meta name="twitter:site" value="@OpenBook_org">
<meta name="Description" content="The open-source, privacy and security first, social network."/>
<!-- Open Graph data -->
<meta property="og:title" content="Openbook"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="https://www.open-book.org"/>
<meta property="og:image" content="https://i.snag.gy/yBZ8EN.jpg"/>
<meta property="og:description" content="The open-source, privacy and security first, social network."/>
<!-- Mobile header color for Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#690ddc">
<!-- Mobile header color Windows Phone -->
<meta name="msapplication-navbutton-color" content="#690ddc">
<!-- Mobile header color for iOS Safari (supports black, black-translucent or default) -->
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans:400,700" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css"
integrity="sha256-00w68NO3TLuHjKRHJmjrrgJBDtG/6OhbJEu1gtHcsuo=" crossorigin="anonymous"/>
</head>
<body>
<!-- Site content STARTS -->
<div id="app">
<ob-mobile-menu></ob-mobile-menu>
<header>
<nav class="navbar is-fixed-top is-primary is-bold" role="navigation" aria-label="main navigation">
<div class="container animated fadeInDown">
<div class="navbar-brand">
<a class="navbar-item is-size-4" href="https://open-book.org">
<strong>Open</strong>book
</a>
<ob-hamburger></ob-hamburger>
</div>
<div class="navbar-menu">
<div class="navbar-end">
<a class="navbar-item" href="#main" v-scroll-to="'#main'">
Introduction
</a>
<a class="navbar-item" href="#why" v-scroll-to="'#why'">
The why
</a>
<a class="navbar-item" href="#how" v-scroll-to="'#how'">
The how
</a>
<a class="navbar-item" href="#next" v-scroll-to="'#next'">
What's next
</a>
<a class="navbar-item" href="#work" v-scroll-to="'#work'">
Work with us
</a>
<a class="navbar-item" href="#faq" v-scroll-to="'#faq'">
FAQ
</a>
</div>
</div>
</div>
</nav>
</header>
<section class="hero is-fullheight is-primary is-bold fullpage-section" id="main">
<div class="hero-body animated fadeIn">
<div class="container has-text-centered">
<h1 class="title is-size-2 is-size-3-mobile">
Hello <span id="hello-subject">world.</span>
</h1>
<h2 class="subtitle">
We're <strong>Open</strong>book .
</h2>
<h3>
An <strong>open-source</strong>, <strong>privacy and security first, </strong> social
network coming
soon
to
<a href="https://www.kickstarter.com"><strong>kickstarter</strong></a>.
</h3>
</div>
</div>
<div class="hero-footer has-text-centered">
<div class="container">
<ob-browser></ob-browser>
</div>
</div>
</section>
<section class="section" id="why">
<div class="small-container">
<div class="content is-medium">
<div class="has-text-centered">
<div>
<span class="icon is-large" v-twemoji>🤔</span>
</div>
<h2 class="title is-3 is-spaced is-margin-top-small">Why?</h2>
<h4 class="subtitle is-5">The reason we're building yet another social network.</h4>
</div>
<p>
Social networks are undoubtedly one of the greatest inventions of the 21st century.
</p>
<p>
They have redefined how we connect with our loved ones, how we share our precious
moments, our politics, our economy, our world.
</p>
<p>
We entrust them with our stories, ideas, goals, plans and wishes. We entrust them with ourselves.
</p>
<p>
Is the trust deserved? Is the goal of these companies really to help us connect with others or
simply, to make money?
</p>
<p>
We, like you, can't tell.
</p>
<p>
Why? Because these social networks operate in secrecy.
</p>
<p>
Behind walls of uncertainty, often proven to be also walls of deceit and dishonesty.
</p>
<p>
We want to bring those walls down.
</p>
<p>
<strong>We want to build the first ever open and secure social network we can all trust.</strong>
</p>
</div>
</div>
</section>
<section class="section" id="how">
<div class="small-container">
<div class="content is-medium">
<div class="has-text-centered">
<div>
<span class="icon is-large" v-twemoji>💡</span>
</div>
<h2 class="title is-3 is-spaced is-margin-top-small">How?</h2>
<h4 class="subtitle is-5">How will we create an open and secure social network?</h4>
</div>
<h3>1. Openness.</h3>
<p>
From the code running the network, to our T-Shirt designs, anything that does not compromise the
privacy and security of our users, will be free and
open for everyone to see, reproduce and contribute to.
</p>
<p>
People will be able to see our intents in every line of code we write and will be able to hold us
accountable
for it. No tricks, no gimmicks, no unpleasant surprises.
</p>
<p>
And finally, if something awful were to happen to the network ( like being overtaken by people with
purely monetary interests ), with all of the code publicly available, anyone could setup their own
instance
and carry on with the mission.
</p>
<h3>
2. Privacy and security.
</h3>
<p>
Given our background in information security, there is nothing we value more in a product than it's
privacy
and security.
</p>
<p>
Privacy and security will be at the core of everything we do.
</p>
<h4>
2.1 Data sharing with applications
</h4>
<p>
One of the great benefits of having a social media account these days is being able to use it to log
into other applications.
</p>
<p>
This is done through data sharing. The social network shares the information that the application
<i>needs</i>
from you.
</p>
<h5>Example</h5>
<p>
This is what data sharing normally looks like.
</p>
<p>
Let's say you find yourself in a cafeteria. You notice there's an open WiFi network and you connect
to it.
</p>
<p>
The box below appears in your screen.
</p>
<p>
<i>(Go ahead, click around as you would normally)</i>
</p>
<ob-generic-data-sharing></ob-generic-data-sharing>
<p>
Did you spot the problems?
</p>
<h5> Problem #1: What data did you actually share with the application?</h5>
<p>
Can you name the exact data that was shared with the application?
</p>
<p>
You might say, <i>"well of course, it says clearly public profile, friend list, birthday, likes and
email address"</i>.
</p>
<p>
But what is <i>"public profile"</i>? And did you click/hover the "<i
class="icon is-small fas fa-info-circle"></i>"
icon?
</p>
<p>
When you do, you will get some more information.
</p>
<p><i>"Your public profile includes name, profile picture, age, range, gender, language, country
<strong>and other public info</strong>."</i></p>
<p>
Apart from wondering why in the world would a WiFi hotspot need any of this, what qualifies as <i>"other
public info"</i>?
</p>
<p>
<strong>There is never a clear indication of the data being shared.</strong>
</p>
<p>
Unacceptable.
</p>
<h5> Problem #2: Who determines what information the application requires from you?</h5>
<p>
You might be thinking, <i>"what a silly question, the application developers of course"</i>, they
are providing
the service, they know best.
</p>
<p>
And as it turns out, this is currently the case in all social media. The application developers
register and configure the data an application requires themselves.
</p>
<p>
In a perfect world where all humans have good intentions towards others, this would
work.
</p>
<p>
In our world, application developers more often than not, abuse this system.
</p>
<p>
With no supervision whatsoever of the process, they request all the information they
can about their users. Whether they use the information to provide a service, analyze it, or sell
it, we can't ever know.
</p>
<p>
And really, it shouldn't be up to us to find out.
</p>
<p>
<strong>Social media companies should be responsible for ensuring that applications do not abuse
their
data
sharing systems.</strong>
</p>
<p>All applications requesting access to user data should be closely examined, by real people, with the
privacy and security of their users in mind at all times.</p>
<h5> Problem #3: What happens to your information once it leaves the social network?</h5>
<p>
So, you went ahead and hit <i>Continue</i>. What now?
</p>
<p>
Where's the data?
</p>
<p>
What if you were to discover these WiFi hotspots belong to your local government which is
gathering this
information as part of their mass-surveillance program?
</p>
<p>
Could you revoke the access to your data? But most importantly, could you delete it?
</p>
<p>
The answer is no. Once the data is shared, there is no going back. There are no procedures for
tracking it or deleting it.
</p>
<h5> Our solution</h5>
<p>
These are all clear and very serious problems that no social network as of today has been able to
address.
</p>
<p>
Perhaps the privacy and security of their users, is not part of their priorities.
</p>
<p>
They are part of ours.
</p>
<p>
Here is our prototype.
</p>
<p>
Let's say now you downloaded the awesome music app everyone has been recommending to you. As soon as
you open the app, the box below shows up.
</p>
<p>
<i>(Go ahead, click around as you would normally)</i>
</p>
<ob-openbook-data-sharing></ob-openbook-data-sharing>
<p>
Did you spot the differences?
</p>
<p>
Here are the most important ones.
</p>
<p>
<strong>
Explicit and informed consent
</strong>
</p>
<p>
Sharing our information is sharing a bit of ourselves. That is why we want to make sure it is
always crystal clear what is being shared.
</p>
<p>We won't hide anything behind pop-ups or behind vague descriptions such as "public information".</p>
<p>We will be explicit about what information is to be shared and we will give you a way to inspect it
yourself.
</p>
<p>
We have an inspect shared data button. When activated, it displays the exact data that will be
shared with the application.
</p>
<p>
Information is power!
</p>
<p>
<strong>
Safe applications
</strong>
</p>
<p>
We will introduce the concept of safe applications.
</p>
<p>
These applications will be examined in depth by us.
</p>
<p>
To name a few items, we will make sure that these applications:
</p>
<ul>
<li>
Only request the information they need to provide the service.
</li>
<li>
Know at all times where your data is stored physically and have this information available to
you.
</li>
<li>
Have provable procedures in place to delete your information from ALL of their systems if you
were to
revoke the permission.
</li>
<li>
Will notify us (so we can then notify you) in case of a data breach that might involve your
data and have a contingency plan in place.
</li>
</ul>
<p>
If an application meets these and our other privacy and security guidelines, a badge will be
shown below their logo.
</p>
<p>
We will then create an Applications Overview dashboard where you will be able to pinpoint the exact
location of your shared data, revoke its access and best of all, request it's deletion.
</p>
<p>
<strong>Goodbye data sharing abuse! Hello control of your data!</strong>
</p>
<p class="is-size-7">
P.S. You will recognize some of these items as <a href="https://www.eugdpr.org/">EU General Data
Protection Regulation (GDPR)</a> policies. We embrace the regulation and aim to be compliant from
day one.
</p>
<h4> 2.2 Privacy first</h4>
<p>
Although we are fans of the <a href="https://en.wikipedia.org/wiki/Do_Not_Track">Do Not Track
initiative</a>, we firmly believe no <i>"Opt-out"</i> should be necessary for companies NOT to
monitor around the internet.
</p>
<p><strong>Privacy should be a default everywhere.</strong></p>
<p>
That is why, apart from not tracking you anywhere, by default, we will also only share the
data applications must have in order to provide a service.
</p>
<p>
All optional data sharing will be disabled by default <sup class="is-size-7">1</sup>.
</p>
<p>
For example, if an application does not require your friends list to provide a service but would
like to have it, this will be disabled by default.
</p>
<p>
If you want the application to have this information, you can allow this with the flick of a switch.
</p>
<p>
Your data, your decision.
</p>
<p class="is-size-7">
<span>
[1] Currently, social networks enable all optional shared data by default.
</span>
</p>
<h4> 2.3 Privacy and security as a journey, not a destination.</h4>
<p>
We will continuously research and develop new ways to improve your privacy and security.
</p>
<p>
Overall,
</p>
<p>
<strong>The less we know about you, the better.</strong><br/>
<strong>The more you know about us, the better.</strong>
</p>
</div>
</div>
</section>
<div class="section">
<div class="small-container">
<div class="content is-medium">
<div class="has-text-centered">
<div>
<span class="icon is-large" v-twemoji>☝️</span>
</div>
<h2 class="title is-3 is-spaced is-margin-top-small">Oh, and one more thing...</h2>
</div>
<p>
We, like you, have put a lot of time and effort in existing social networks.
</p>
<p>
Hundreds of conversations, friendships, photos, videos, check-ins and more.
</p>
<p>
It would be a shame to start all over again.
</p>
<p>
That is why, <strong>if the social network you are coming from provides a
way to
download your data, we will help you migrate it
all to Openbook</strong>.
</p>
</div>
</div>
</div>
<div class="section" id="next">
<div class="small-container">
<div class="content is-medium">
<div class="has-text-centered">
<div>
<span class="icon is-large" v-twemoji>➡</span>
</div>
<h2 class="title is-3 is-spaced is-margin-top-small">What's next</h2>
<h4 class="subtitle is-5">Where do we go from here?</h4>
</div>
<p>
We are eager to bring this social network to life. To re-invent the way social media companies
operate. To claim back our privacy and security.
</p>
<p>
It won't be an easy task. Apart from the technical challenges, with our goal to disrupt a billion
dollar industry, we will be fought against at every step.
</p>
<p>
We will need all the help we can get.
</p>
<p>
That is why we are currently working on a Kickstarter campaign where you, like millions of others,
will be able
to help us bring the project to life.
</p>
<p>
We will have some awesome perks for our supporters, including T-shirts, hoodies, mugs, stickers and
more!
</p>
<h5>
Stay tuned!
</h5>
<div class="columns">
<div class="column is-narrow">
<a href="https://twitter.com/OpenBook_org" target="_blank" class="button is-info">
<span class="icon">
<i class="fab fa-twitter"></i>
</span>
<span>
<span>
Follow us on Twitter for updates
</span>
</span>
</a>
</div>
<div class="column">
<a href="https://twitter.com/intent/tweet?url=https://open-book.org&hastags=openbook,openbookorg&via=OpenBook_org&text=The open and secure social network coming soon to @kickstarter"
target="_blank" class="button is-info is-outlined">
<span class="icon">
<i class="fab fa-twitter"></i>
</span>
<span>
Help us spread the word
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="section" id="work">
<div class="small-container">
<div class="content is-medium">
<div class="has-text-centered">
<div>
<span class="icon is-large" v-twemoji>💪</span>
</div>
<h2 class="title is-3 is-spaced is-margin-top-small">Work with us</h2>
</div>
<p>
We are embarking in one of the most exciting digital adventures ever and we are searching for
talented
and experienced people to sail with us!
</p>
<p>
We are looking for people with all kinds of skills. Be it engineering, marketing, finance, design or
social skills, we need you!
</p>
<p>
Send us your CV to <a
href="mailto:[email protected]?subject=Job%20Application">[email protected]</a>.
</p>
<p>
We look forward to meeting you !
</p>
</div>
</div>
</div>
<div class="section section-padding-bottom" id="faq">
<div class="small-container">
<div class="content is-medium">
<div class="has-text-centered">
<div>
<span class="icon is-large" v-twemoji>📝</span>
</div>
<h2 class="title is-3 is-spaced is-margin-top-small">FAQ</h2>
<h4 class="subtitle is-5">The frequently asked questions</h4>
</div>
<h3>
Why now?
</h3>
<p>
After years of using and seeing existing platforms make questionable choices when it comes to the
privacy
and security of its users, we decided enough was enough.
</p>
<p>
We had hoped someone else would take on the challenge. That someone, somewhere would realize how
much of a difference this could make,
not only in the context of social networks, but in the context of the security and privacy of the
internet.
</p>
<p>
There were several attempts, and some of them still exist to this day. Sadly sooner or later, they
all gave up to
pursue other markets like micro-communities and business solutions. Perhaps they thought going after
the social network giants was too big of a challenge.
</p>
<p>
Well, it sure is. Luckily, we believe the greatest accomplishments of mankind are often the ones
that
posed the greatest challenges.
</p>
<p>
That being said, we are taking on the challenge.
</p>
<h3>
How does Openbook differ from other established alternative social networks like Diaspora, Mastodon,
Friendica, etc.?
</h3>
<p>
Briefly put, we are a privacy and security first social network.
</p>
<p>
Practically, this means we aim to have the functionality that MySpace, Facebook and other similar
networks have, but designed to be secure and privacy aware right from the start.
</p>
<p>
Some examples of this are
</p>
<ul>
<li>
No tracking, within or outside the network.
</li>
<li>
No deep learning algorithms analyzing your personal information together with your usage of the
platform to determine the content you are served (which are the source of <a href="https://en.wikipedia.org/wiki/Echo_chamber_(media)" target="_blank">echo chambers</a>).
</li>
<li>
End to end encryption as the default way to communicate (even on the browser).
</li>
<li>
Absolute control of your data (decentralised platforms cant do this). Our data sharing policy is is strict and transparent. You will always know where all your data is physically located and be able to delete it. Even with third party applications.
</li>
</ul>
<p>
Overall, other alternative social networks are too hard to use for normal people (like our grandpas and grandmas), try to fill in other market niches, or are making the same mistakes social media companies have made for the past few years in concern to the privacy and security of their users.
</p>
<h3>
How will you make money?
</h3>
<p>
Call us crazy but <strong>our business model is not and will never be advertisement</strong> (also
known as
your personal data).
</p>
<p>
We will build Openbook to be a platform for peer-to-peer services such as
marketplaces.
</p>
<p>
For example, you could sell your beloved Star Wars collection on the network in the same way you
could hire someone to walk your dog.
</p>
<p>
Applications built within the platform will benefit from the privacy and security of the ecosystem.
</p>
<p>
Apart from this, we are also looking into offering business services.
</p>
<p>
We would offer them help setting up their own private internal Openbook networks with extra business
features such as event planning, team work planning, payslips management and identity management.
</p>
<h3>
What if you don't meet your funding goals?
</h3>
<p>
If we don't meet our funding goals, we hope to serve as an inspiration for existing and upcoming
social
networks.
</p>
<p>
We hope they take note of our ideas and implement them. We hope they put their users privacy and
security
first.
</p>
<p>
And finally, we hope they realise new ways of making money can be thought of that don't involve
monetizing the
personal information of their users.
</p>
</div>
</div>
</div>
<footer class="footer" id="footer">
<div class="container">
<div class="content has-text-centered">
<p>
<span>Made with </span><i class="icon fas fa-heart"
style="color: red"></i><span> on planet earth</span>
</p>
<p>
The Openbook Organization © 2018
</p>
<div class="columns is-centered is-variable is-3 is-mobile">
<div class="column is-narrow">
<a class="button is-rounded" target="_blank" href="https://github.com/OpenBookOrg">
<i class="icon fab fa-github"></i>
</a>
</div>
<div class="column is-narrow">
<a class="button is-rounded is-info" target="_blank" href="https://twitter.com/OpenBook_org">
<i class="icon fab fa-twitter"></i>
</a>
</div>
<div class="column is-narrow">
<a class="button is-rounded is-reddit" target="_blank"
href="https://www.reddit.com/user/openbook_org">
<i class="icon fab fa-reddit-alien"></i>
</a>
</div>
<div class="column is-narrow">
<a class="button is-rounded is-primary is-facebook" target="_blank" href="https://www.facebook.com/Openbook-2054845801502364/">
<i class="icon fab fa-facebook-f"></i>
</a>
</div>
<div class="column is-narrow">
<a class="button is-rounded is-primary" target="_blank" href="mailto:[email protected]">
<i class="icon fas fa-envelope"></i>
</a>
</div>
</div>
</div>
</div>
</footer>
<ob-scrolled-hud></ob-scrolled-hud>
</div>
<!-- Site content ENDS -->
</body>
</html>