forked from HelloZeroNet/zeronet.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
261 lines (221 loc) · 14 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
<!DOCTYPE html>
<html>
<head>
<title>ZeroNet: Decentralized websites using Bitcoin crypto and the BitTorrent network</title>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!--<? /* We inline css using php include -->
<link rel="stylesheet" href="media/main.css" />
<!--*/ ?>-->
<noscript><link rel="stylesheet" href="media/fonts.css" /></noscript>
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- Inline css... Thanks Google! -->
<style>
<? include("media/main.css"); ?>
h1,h2,h3,h4,h5,h6,a,li,ul,small,span { visibility: hidden } /* Avoid font flicker */
</style>
<link rel="subresource" href="media/fonts.css">
</head>
<body>
<script>
if (navigator.appVersion.toLowerCase().indexOf("win")!=-1) document.body.className = "platform-windows";
else if (navigator.appVersion.toLowerCase().indexOf("mac os x")!=-1) {
osx_version = parseFloat(navigator.appVersion.toLowerCase().match(/os x ([0-9]+_[0-9]+)/)[1].replace("_", ""))
if (osx_version >= 1011)
document.body.className = "platform-mac";
else
document.body.className = "platform-oldmac";
}
else if (navigator.appVersion.toLowerCase().indexOf("linux")!=-1 && navigator.appVersion.toLowerCase().indexOf("android")==-1) document.body.className = "platform-linux";
</script>
<!-- Top -->
<div class="block block-100 head-top">
<h1>ZeroNet</h1>
<h2>Open, free and uncensorable websites,<br>using Bitcoin cryptography and BitTorrent network</h2>
<div class="download download-windows">
<div class="button-container">
<a href="https://github.com/HelloZeroNet/ZeroBundle/raw/master/dist/ZeroBundle-win.zip" class="button button-outline">Download for Windows</a><br>
<small>10MB · Unpack · Run zeronet.cmd</small>
</div>
<div class="button-container" style="margin: 0px 10px">
<span style="margin: 0px 10px">or</span>
<a href="https://github.com/HelloZeroNet/ZeroNet#user-content-how-to-join">Other platforms and source code</a>
</div>
</div>
<div class="download download-mac">
<div class="button-container">
<a href="https://github.com/HelloZeroNet/ZeroBundle/raw/master/dist/ZeroBundle-mac-osx.zip" class="button button-outline">Download for macOS</a><br>
<small>9.5MB · Unpack · Run ZeroNet</small>
</div>
<div class="button-container" style="margin: 0px 10px">
<span style="margin: 0px 10px">or</span>
<a href="https://github.com/HelloZeroNet/ZeroNet#user-content-how-to-join">Other platforms and source code</a>
</div>
</div>
<div class="download download-oldmac">
<div class="button-container">
<a href="https://github.com/HelloZeroNet/ZeroBundle/raw/master/dist/ZeroBundle-mac-osx.zip" class="button button-outline">Download for macOS</a><br>
<small>9.5MB · Unpack · Open Terminal application · Drop ZeroNet on it</small>
</div>
<div class="button-container" style="margin: 0px 10px">
<span style="margin: 0px 10px">or</span>
<a href="https://github.com/HelloZeroNet/ZeroNet#user-content-how-to-join">Other platforms and source code</a>
</div>
</div>
<div class="download download-linux">
<div class="button-container">
<a href="https://github.com/HelloZeroNet/ZeroBundle/raw/master/dist/ZeroBundle-linux64.tar.gz" class="button button-outline">Download for Linux 64bit</a><br>
<small>15MB · Unpack · Run ZeroNet.sh</small>
</div>
<div class="button-container" style="margin: 0px 10px">
<span style="margin: 0px 10px">or</span>
<a href="https://github.com/HelloZeroNet/ZeroNet#user-content-how-to-join">Other platforms and source code</a>
</div>
</div>
<div class="download download-other">
<div class="button-container">
<a href="https://github.com/HelloZeroNet/ZeroNet#user-content-how-to-join" class="button button-outline">Install instructions</a><br>
<small>Windows, Linux, Mac supported</small>
</div>
</div>
</div>
<!-- Load fonts -->
<script>
var cb = function() {
var l = document.createElement('link'); l.rel = 'stylesheet';
l.href = 'media/fonts.css';
var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
};
setTimeout(cb, 0);
var raf = requestAnimationFrame || mozRequestAnimationFrame ||
webkitRequestAnimationFrame || msRequestAnimationFrame;
if (raf) raf(cb);
else window.addEventListener('load', cb);
</script>
<!-- EOF Load fonts -->
<!-- 1. line -->
<div class="block block-33 block-p2p">
<h3>Peer-to-Peer</h3>
<h4>Your content distributed directly to other visitors without any central server.</h4>
</div>
<div class="block block-34 block-detail arrow-left block-p2p-detail">
<ul>
<li><h5>Uncensored</h5>It's nowhere because it's everywhere!</li>
<li><h5>No hosting costs</h5>Sites are served by visitors.</li>
<li><h5>Always accessible</h5>No single point of failure.</li>
</ul>
</div>
<div class="block block-33 block-simple">
<h3>Simple</h3>
<h4>No configuration needed:<br> Download, unpack and start using it.</h4>
</div>
<!-- 2. line -->
<div class="block block-33 block-detail arrow-right block-namecoin-detail">
<h3>.bit domains</h3>
<h4>Decentralized domains using Namecoin cryptocurrency.</h4>
</div>
<div class="block block-67 block-namecoin"></div>
<!-- 3. line -->
<div class="block block-50 block-password">
<h3>No passwords</h3>
<h4>Your account is protected by same cryptography as your Bitcoin wallet.</h4>
</div>
<div class="block block-50 block-fast">
<h3>Fast</h3>
<h4>Page response time is not limited by your connection speed.</h4>
</div>
<!-- 4. line -->
<div class="block block-67 block-dynamic"></div>
<div class="block block-33 block-detail arrow-left block-dynamic-detail">
<h3>Dynamic content</h3>
<h4>Real-time updated, multi-user websites.</h4>
<div class="button-container">
<a href="https://docs.google.com/presentation/d/1_2qK1IuOKJ51pgBvllZ9Yu7Au2l551t3XBgyTSvilew/pub?start=false&loop=false&delayms=3000" class="button button-outline" target="_blank">How does it work?</a>
</div>
</div>
<!-- 5. line -->
<div class="block block-33 block-everywhere">
<h3>Works everywhere</h3>
<h4>Supports any modern browser on<br>Windows, Linux or Mac platforms.</h4>
</div>
<div class="block block-34 block-anon">
<h3>Anonymity</h3>
<h4>You can easily hide your IP address using the Tor network.</h4>
<div class="button-container">
<a href="http://zeronet.readthedocs.org/en/latest/faq/#how-to-use-zeronet-with-tor" class="button button-outline" target="_blank">Read the FAQ</a>
</div>
</div>
<div class="block block-33 block-offline">
<h3>Offline</h3>
<h4>Browse the sites you're seeding even if your internet connection is down.</h4>
</div>
<!-- 6. line -->
<div class="block block-100 block-opensource">
<h3>Open Source</h3>
<h4>Developed by the community for the community.</h4>
<div><a href="http://zeronet.readthedocs.org/en/latest/help_zeronet/donate/" class="button button-outline" target="_blank">Please donate to keep this project alive</a></div>
</div>
<!-- EOF block -->
<div style="clear: both"></div>
<!-- Foot -->
<div class="block block-50 block-foot">
<h2>
<span>We believe in</span><br>
<span>open, free, and uncensored</span><br>
<span>network and communication.</span>
</h2>
</div>
<!-- Add animation delay to blocks -->
<script>
function addAnimationDelay() {
var blocks = document.getElementsByClassName("block")
for (var i = 0; i < blocks.length; i++) {
(function (block) {
setTimeout(function() {
block.style.transform = "none"
block.style.opacity = 1
}, i*100)
})(blocks[i])
}
}
addAnimationDelay()
</script>
<noscript>
<style>
.block { opacity: 1; transform: none }
</style>
</noscript>
<!-- SVG icons by https://icomoon.io/ -->
<svg style="display: none">
<symbol id="icon-facebook" viewBox="-100 -100 1224 1224">
<title>facebook</title>
<path class="path1" d="M608 192h160v-192h-160c-123.514 0-224 100.486-224 224v96h-128v192h128v512h192v-512h160l32-192h-192v-96c0-17.346 14.654-32 32-32z"></path>
</symbol>
<symbol id="icon-reddit" viewBox="0 0 1024 1024">
<title>reddit</title>
<path class="path1" d="M256 640c0-35.346 28.654-64 64-64s64 28.654 64 64c0 35.346-28.654 64-64 64s-64-28.654-64-64zM640 640c0-35.346 28.654-64 64-64s64 28.654 64 64c0 35.346-28.654 64-64 64s-64-28.654-64-64zM643.112 776.778c16.482-12.986 40.376-10.154 53.364 6.332s10.152 40.378-6.334 53.366c-45.896 36.158-115.822 59.524-178.142 59.524-62.322 0-132.248-23.366-178.144-59.522-16.486-12.99-19.32-36.882-6.332-53.368 12.99-16.482 36.882-19.318 53.366-6.332 26.422 20.818 78.722 43.222 131.11 43.222s104.688-22.404 131.112-43.222zM1024 512c0-70.692-57.308-128-128-128-48.116 0-89.992 26.57-111.852 65.82-65.792-35.994-145.952-59.246-233.28-64.608l76.382-171.526 146.194 42.2c13.152 37.342 48.718 64.114 90.556 64.114 53.020 0 96-42.98 96-96s-42.98-96-96-96c-36.56 0-68.342 20.442-84.554 50.514l-162.906-47.024c-18.224-5.258-37.538 3.722-45.252 21.052l-103.77 233.026c-85.138 5.996-163.262 29.022-227.636 64.236-21.864-39.25-63.766-65.804-111.882-65.804-70.692 0-128 57.308-128 128 0 52.312 31.402 97.254 76.372 117.102-8.070 24.028-12.372 49.104-12.372 74.898 0 176.73 200.576 320 448 320 247.422 0 448-143.27 448-320 0-25.792-4.3-50.862-12.368-74.886 44.97-19.85 76.368-64.802 76.368-117.114zM864 188c19.882 0 36 16.118 36 36s-16.118 36-36 36-36-16.118-36-36 16.118-36 36-36zM64 512c0-35.29 28.71-64 64-64 25.508 0 47.572 15.004 57.846 36.646-33.448 25.366-61.166 54.626-81.666 86.738-23.524-9.47-40.18-32.512-40.18-59.384zM512 948c-205.45 0-372-109.242-372-244s166.55-244 372-244c205.45 0 372 109.242 372 244s-166.55 244-372 244zM919.82 571.384c-20.5-32.112-48.218-61.372-81.666-86.738 10.276-21.642 32.338-36.646 57.846-36.646 35.29 0 64 28.71 64 64 0 26.872-16.656 49.914-40.18 59.384z"></path>
</symbol>
<symbol id="icon-github" viewBox="0 0 1024 1024">
<title>github</title>
<path class="path1" d="M512.008 12.642c-282.738 0-512.008 229.218-512.008 511.998 0 226.214 146.704 418.132 350.136 485.836 25.586 4.738 34.992-11.11 34.992-24.632 0-12.204-0.48-52.542-0.696-95.324-142.448 30.976-172.504-60.41-172.504-60.41-23.282-59.176-56.848-74.916-56.848-74.916-46.452-31.778 3.51-31.124 3.51-31.124 51.4 3.61 78.476 52.766 78.476 52.766 45.672 78.27 119.776 55.64 149.004 42.558 4.588-33.086 17.852-55.68 32.506-68.464-113.73-12.942-233.276-56.85-233.276-253.032 0-55.898 20.004-101.574 52.76-137.428-5.316-12.9-22.854-64.972 4.952-135.5 0 0 43.006-13.752 140.84 52.49 40.836-11.348 84.636-17.036 128.154-17.234 43.502 0.198 87.336 5.886 128.256 17.234 97.734-66.244 140.656-52.49 140.656-52.49 27.872 70.528 10.35 122.6 5.036 135.5 32.82 35.856 52.694 81.532 52.694 137.428 0 196.654-119.778 239.95-233.79 252.624 18.364 15.89 34.724 47.046 34.724 94.812 0 68.508-0.596 123.644-0.596 140.508 0 13.628 9.222 29.594 35.172 24.566 203.322-67.776 349.842-259.626 349.842-485.768 0-282.78-229.234-511.998-511.992-511.998z"></path>
</symbol>
<symbol id="icon-twitter" viewBox="0 0 1024 1024">
<title>twitter</title>
<path class="path1" d="M1024 194.418c-37.676 16.708-78.164 28.002-120.66 33.080 43.372-26 76.686-67.17 92.372-116.23-40.596 24.078-85.556 41.56-133.41 50.98-38.32-40.83-92.922-66.34-153.346-66.34-116.022 0-210.088 94.058-210.088 210.078 0 16.466 1.858 32.5 5.44 47.878-174.6-8.764-329.402-92.4-433.018-219.506-18.084 31.028-28.446 67.116-28.446 105.618 0 72.888 37.088 137.192 93.46 174.866-34.438-1.092-66.832-10.542-95.154-26.278-0.020 0.876-0.020 1.756-0.020 2.642 0 101.788 72.418 186.696 168.522 206-17.626 4.8-36.188 7.372-55.348 7.372-13.538 0-26.698-1.32-39.528-3.772 26.736 83.46 104.32 144.206 196.252 145.896-71.9 56.35-162.486 89.934-260.916 89.934-16.958 0-33.68-0.994-50.116-2.94 92.972 59.61 203.402 94.394 322.042 94.394 386.422 0 597.736-320.124 597.736-597.744 0-9.108-0.206-18.168-0.61-27.18 41.056-29.62 76.672-66.62 104.836-108.748z"></path>
</symbol>
<symbol id="icon-ghost" viewBox="0 0 1024 1024">
<title>ghost</title>
<path class="path1" d="M511.984-0.128c-229.216 0-415.68 199.904-415.68 445.6v546.672c0 13.216 8.16 25.088 20.496 29.84 3.712 1.472 7.632 2.16 11.504 2.16 8.848 0 17.536-3.68 23.712-10.528l120.592-133.12 94.432 130.432c5.968 8.256 15.504 13.152 25.68 13.216h0.224c10.096 0 19.632-4.784 25.664-12.912l94.816-127.344 93.184 127.152c6.032 8.224 15.6 13.088 25.808 13.088 10.192 0 19.776-4.848 25.808-13.056l95.568-130.288 118 132.624c8.816 9.904 22.944 13.376 35.28 8.624 12.4-4.72 20.624-16.624 20.624-29.904v-546.672c0-245.68-186.496-445.584-415.712-445.584zM863.696 908.032l-88.4-99.376c-6.432-7.216-15.808-11.312-25.408-10.688-9.664 0.464-18.592 5.248-24.32 13.024l-93.12 127.008-93.008-126.912c-6-8.192-15.536-13.056-25.68-13.088h-0.128c-10.128 0-19.632 4.784-25.664 12.912l-94.688 127.152-92-127.088c-5.664-7.808-14.528-12.656-24.16-13.152-0.592-0.032-1.152-0.064-1.744-0.064-9.008 0-17.632 3.808-23.712 10.528l-91.376 100.848v-463.68c0-210.4 157.776-381.6 351.68-381.6 193.936 0 351.712 171.184 351.712 381.6v462.576zM672 352.16c-35.28 0-63.84 28.592-63.84 63.808 0 35.248 28.56 63.84 63.84 63.84s63.84-28.592 63.84-63.84c0-35.216-28.56-63.808-63.84-63.808zM352 352.16c-35.28 0-63.84 28.592-63.84 63.808 0 35.248 28.576 63.84 63.84 63.84s63.84-28.592 63.84-63.84c0-35.216-28.56-63.808-63.84-63.808z"></path>
</symbol>
</svg>
<div class="block block-50 block-follow" style="opacity: 1; transform: none">
<a href="https://www.facebook.com/HelloZeroNet"><svg class="icon icon-facebook" width=50><use xlink:href="#icon-facebook"></use></svg></a>
<a href="https://twitter.com/HelloZeroNet"><svg class="icon icon-twitter" width=50><use xlink:href="#icon-twitter"></use></svg></a>
<a href="http://www.reddit.com/r/zeronet/"><svg class="icon icon-reddit" width=50><use xlink:href="#icon-reddit"></use></svg></a>
<a href="https://github.com/HelloZeroNet/ZeroNet"><svg class="icon icon-github" width=50><use xlink:href="#icon-github"></use></svg></a>
</div>
<div style="clear: both"></div>
<!-- Hosted -->
<h3 class="hosted"><svg class="icon icon-ghost" style="height: 14px; width: 14px; opacity: 0.5; vertical-align: -1px;"><use xlink:href="#icon-ghost"></use></svg> Hosted by the wonderful <a href="https://www.vultr.com/?ref=6813419" target="_blank">Vultr.com</a></h3>
</body>
</html>