-
Notifications
You must be signed in to change notification settings - Fork 28
/
Copy pathindex-removed.html
126 lines (118 loc) · 6.03 KB
/
index-removed.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="html5.js"></script><!-- this is the javascript allowing html5 to run in older browsers -->
<title>UNHOSTED - Freedom from web 2.0's monopoly platforms</title>
<link rel="stylesheet" href="css/uncompressed/reset.css" />
<link rel="stylesheet" href="css/uncompressed/text.css" />
<link rel="stylesheet" href="css/uncompressed/960.css" />
<link rel="stylesheet" href="css/uncompressed/960.css" />
<link rel="stylesheet" href="general.css" />
<link rel="stylesheet" href="css/uncompressed/layout.css" />
</head>
<body>
<div class="preload"></div>
<div class="preload2"></div>
<header>
<div class="container_12">
<div id="title" class="grid_6">
<h1>Unhosted</h1>
<h2>Freedom from web 2.0's monopoly platforms</h2>
<p id="intro">
By "unhosted web apps" we mean
<strong>browser-based apps with no server-side backend</strong>.
Unlike server-side or client-server apps,
unhosted web apps leave users in control of their valuable user data and privacy, by default.
</p>
<p>
<strong>Unhosted web apps</strong> are also more resilient and more scalable.
Most importantly, unlike Apple/iOS, Flash, and Facebook apps,
<strong>the web platform is open and free</strong>: controlled by you and not by stockholders.
</p>
<div id="buttons">
<a class="button download" href="developer.html">Developers</a>
<a class="button manifesto" href="manifesto.html">Read the manifesto</a>
</div>
</div>
<div id="island" class="grid_6"><figure></figure></div>
</div>
</header>
<div class="clear"></div>
<section id="maincontent" class="container_12">
<div class="container_12">
<div class="fivereasons grid_7">
<div>
<h5>
Move your web-based app into the browser
<span>
Five reasons to develop unhosted web apps
</span>
</h5>
<p>
Unhosted web apps do not harvest user data onto a server. For both users and web developers
this has many advantages over the more server-centric web 2.0 architecture
that's typically used in web-based Software-as-a-Service (hosted web apps),
and in same-origin AJAX apps (so called "one-page apps") that use one tightly coupled backend.
</p>
<ul>
<li id="dataControl"><h6>More privacy</h6><p>Because unhosted web apps don't force the use of their servers on you, you can sync your data yourself, to a place that you trust. Dutch universities already run such a 'remote storage' service, specifically designed to be compatible with unhosted web apps.</p></li>
<li id="freeSoftware"><h6>Cheaper to publish</h6><p>The developer doesn't need to pay for the infrastructure.
This makes it feasible to publish unhosted web apps as altruistic free software. Once an unhosted web app is set free into the public domain, it will be available forever.
</p></li>
<li id="decentralization"><h6>Decentralization</h6><p>More robust/resilient architecture, with no Single Point of Failure - especially if combined with
peer-to-peer distribution.</p></li>
<li id="dataFreedom"><h6>Data freedom</h6><p>With your data living outside the app, you can switch back and forth between apps without even
exporting and importing. Better than data liberation, this is personal data freedom brought to the web.</p></li>
<li id="scalability"><h6>Scalability</h6><p>
Scalability is built into your unhosted web app from the start. Apps can be distributed through app stores, and each user runs their own local copy of the app while syncing their data to their own remote storage.</p></li>
</ul>
</div>
</div>
</div> <!-- end fivereasons -->
<div class="sidebar grid_5">
<h4>Recent updates:</h4>
<div style="background:white">
<a href="http://lanyrd.com/2012/unhosted/schedule/" target="_blank">
<h5>Videos of Unhosted Unconference 2012</h5>
<span style="margin-left:70px;margin-right:70px">
<img src="./Unhost-znak.jpeg" alt="Unconference" width="200"/>
</span>
</a>
</div>
<div>
<a href="http://remotestorage.io/" target="_blank">
<h5>remotestorage.io</h5>
<img src="./remoteStorage.png" alt="remotestorage.io" width="340"/>
</a>
</div>
</div>
<div class="sidebar grid_5" style="display:none">
<div>
<h5>Check out the Unhosted talk at DynCon</h5>
<iframe src="http://player.vimeo.com/video/21109220?portrait=0" width="340" height="251" frameborder="0"></iframe>
</div>
</div>
</section><!-- end maincontent -->
<div class="clear"></div>
<footer>
<div class="container_16">
<div id="twitter">
<a href="http://twitter.com/unhosted" target="_blank" id="icon">Follow us! @Unhosted on Twitter</a>
<h4>Follow #unhosted on <a href="http://identi.ca/unhosted" target="_blank">identi.ca</a> or
<a href="http://twitter.com/unhosted" target="_blank" id="twittitle">twitter</a>
<span>@Unhosted</span>
</h4>
<ul id="twitter_update_list"></ul>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/unhosted.json?callback=twitterCallback2&count=1"></script>
</div>
<div id="participate">
<div class="icon"></div>
<h4>Participate</h4>
<p>The web as an app platform has <strong>no leaders</strong>, and this advocacy blog is an entirely altruistic and non-commercial initiative. <strong>If you want to help feed the conversation, please join</strong> <a href="http://groups.google.com/forum/#!forum/unhosted" target="_blank">the mailing list</a> and/or <a href="http://webchat.freenode.net/?channels=#unhosted" target="_blank">the chatroom</a>.</p>
</div>
</div>
</footer>
</body>
</html>