forked from amiiigh/mbwebsite
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
308 lines (302 loc) · 11 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
<!DOCTYPE html>
<html>
<head>
<title>MassBrowser</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/fe0b14f795.js" crossorigin="anonymous"></script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<link rel="apple-touch-icon" sizes="180x180" href="https://massbrowser.cs.umass.edu/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://massbrowser.cs.umass.edu/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://massbrowser.cs.umass.edu/favicon-16x16.png">
<link href="https://fonts.googleapis.com/css?family=Rajdhani|Roboto&display=swap" rel="stylesheet">
<link rel="manifest" href="https://massbrowser.cs.umass.edu/site.webmanifest">
<link rel="stylesheet" href="./assets/css/styles.css">
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
</head>
<body>
<div class="container">
<div onclick="myscroll('#intro')" id="homebtn">
<i class="fas fa-arrow-alt-circle-up"></i>
</div>
<div class="mb-intro" id="intro">
<div id="particles-js"></div>
<div class="intro-logo">
<img src="./assets/images/logo-w.png">
</div>
<div class="intro-text">
MassBrowser
<br>
Fighting Internet Censorship in a Mass!
</div>
<div class="actions">
<div class="btn" onclick="myscroll('#download')" id="btnscroll">
<i class="fas fa-download"></i>
Download
</div>
</div>
<div class="contact">
<a class="contact-item" href="mailto:massbrowser@cs.umass.edu" target="_blank">
<i class="fas fa-envelope-square"></i>
</a>
<a class="contact-item" href="https://twitter.com/massbrowser?lang=en" target="_blank">
<i class="fab fa-twitter-square"></i>
</a>
<a class="contact-item" href="https://github.com/SPIN-UMass/MassBrowser" target="_blank">
<i class="fab fa-github-square"></i>
</a>
</div>
<div class="actions-text">
<div class="action-text" onclick="myscroll('#help')">
Run a relay
</div>
<div class="action-text" onclick="myscroll('#technical')">
How it works?
</div>
</div>
</div>
<div class="section about" id="about">
<div class="section-title">
What Is MassBrowser?
</div>
<div class="section-text">
<p>
MassBrowser is a state-of-the-art system designed to circumvent Internet censorship. MassBrowser is <a href="https://github.com/SPIN-UMass/MassBrowser" target="_blank">open-source</a> and free-to-use. It has been designed and developed by the <a href="https://people.cs.umass.edu/~amir/Research.html" target="_blank">Secure, Private Internet (SPIN) Research Group</a> at the University of Massachusetts Amherst.
MassBrowser operates with the help of normal Internet users with open access to the Internet who volunteer to help censored Internet users.
</p>
<p>
<b>Know your privacy guarantees:</b> Using MassBrowser you will have <b>the same level of privacy as using public VPNs or public HTTPS proxies</b>. Therefore, the volunteer who is proxying your traffic will know your IP address as well as the websites you are browsing. For HTTPS websites (e.g., any URL starting with "https://"), the volunteer proxy will <b>not</b> be able to see your passwords or other data that you exchange with those websites. This is not true for HTTP websites. Therefore, use MassBrowser as a replacement for public VPNs and HTTPS proxies. If you plan to do something sensitive on the Internet that makes you worried about your anonymity, use a software like Tor (your connections will be much slower on Tor) or tunnel Tor over MassBrowser.
</p>
<p>
<b>Know the security of your local certificate:</b> During installation, MassBrowser asks you to install a <b>local</b> certificate in your Firefox browser. This local certificate is required for MassBrowser to implement an essential optimization technique called CDNBrowsing (which is described in the geek's section). Note that the certificate is <i>locally created</i> in your browser, is unique for each client, and never leaves your computer. Therefore <b>no one, not even us, will be able to use that local certificate to eavesdrop your traffic</b>. Make sure you do not share this local certificate with others. You can simply remove the certificate at any time by going to your Firefox settings.
</p>
</div>
</div>
<div class="section red download" id="download">
<div class="section-title">
Download
</div>
<div class="section-text">
<p>
MassBrowser is currently in the beta release mode, and you need to obtain an <i>invitation code</i> by sending an email to <a href="mailto:massbrowser@cs.umass.edu" target="_blank">massbrowser@cs.umass.edu</a>.
</p>
</div>
<div class="download-options">
<a target="_blank" class="download-option" href="https://github.com/SPIN-UMass/MassBrowser/releases/download/v0.12.0/MassBrowser-FirefoxBundle.Setup.0.12.0.exe">
<div class="option-icon">
<i class="fab fa-windows"></i>
</div>
<div class="option-title">
Windows
</div>
</a>
<a target="_blank" class="download-option" href="https://github.com/SPIN-UMass/MassBrowser/releases/download/v0.12.0/MassBrowser-0.12.0.dmg">
<div class="option-icon">
<i class="fab fa-apple"></i>
</div>
<div class="option-title">
Mac
</div>
</a>
<a target="_blank" class="download-option" href="https://github.com/SPIN-UMass/MassBrowser/releases">
<div class="option-icon">
<i class="fab fa-github"></i>
</div>
<div class="option-title">
Source Code
</div>
</a>
</div>
<div class="notes">
Firefox is required for Mac users.
</div>
</div>
<div class="section technical" id="technical">
<div class="section-title">
How It Works?
</div>
<div class="section-text">
MassBrowser is an academic censorship circumvention system. <a href="https://www.ndss-symposium.org/wp-content/uploads/2020/02/24340-paper.pdf" target="_blank">MassBrowser: Unblocking the Censored Web for the Masses, by the Masses NDSS 2020</a> describes the details of its design, the ideas behind its blocking resistance, and it privacy and security guarantees.
</div>
</div>
<div class="section red contribute" id="help">
<div class="section-title">
Run a Relay
</div>
<div class="section-text">
MassBrowser's <a href="https://github.com/SPIN-UMass/MassBrowser" target="_blank">code</a> is available on GitHub. We welcome your contribution to the code.
</div>
<div class="section-text">
<p> If you are living in a country with open Internet like US and European countries, we need your help to fight Internet censorship! MassBrowser relies on help from volunteers who share their open Internet access with users in censored countries for a good cause. If you'd like to volunteer, you need to install a software called MassBuddy on your computer. Installing MassBuddy is <strong>absolutely harmless</strong> to your privacy and safety, and you will have <strong>full control</strong> over how censored users will share your Internet (they can only use your computer to get to websites that you approve, like Facebook, Google, etc.). Also, recall that MassBrowser is <a href="https://github.com/SPIN-UMass/MassBrowser" target="_blank">open-source</a>.
Watch this video (Coming Soon!) on how you can become a Buddy!</p>
<p>
Sooo! If you'd like to help censored Internet users, download the MassBuddy software and become a Buddy:
</p>
</div>
<div class="download-options">
<a target="_blank" class="download-option" href="https://github.com/SPIN-UMass/MassBrowser/releases/download/v0.12.0/MassBuddy.Setup.0.12.0.exe">
<div class="option-icon">
<i class="fab fa-windows"></i>
</div>
<div class="option-title">
Windows
</div>
</a>
<a target="_blank" class="download-option" href="https://github.com/SPIN-UMass/MassBrowser/releases/download/v0.12.0/MassBuddy-0.12.0.dmg">
<div class="option-icon">
<i class="fab fa-apple"></i>
</div>
<div class="option-title">
Mac
</div>
</a>
<a target="_blank" class="download-option" href="https://github.com/SPIN-UMass/MassBrowser/releases">
<div class="option-icon">
<i class="fab fa-github"></i>
</div>
<div class="option-title">
Source Code
</div>
</a>
</div>
</div>
</div>
</div>
<div class="footer">
This work is generously supported in part by the NSF CAREER grant CNS-1553301 and an award from the Open Technology Fund (OTF).
</div>
</body>
<script type="text/javascript">
function myscroll (elementID) {
document.querySelector(elementID).scrollIntoView({
behavior: 'smooth'
});
}
</script>
<script type="text/javascript">
var partJson = {
"particles": {
"number": {
"value": 100,
"density": {
"enable": true,
"value_area": 1800
}
},
"color": {
"value": "#ffffff"
},
"shape": {
"type": "circle",
"stroke": {
"width": 0,
"color": "#000000"
},
"polygon": {
"nb_sides": 5
},
"image": {
"src": "img/github.svg",
"width": 100,
"height": 100
}
},
"opacity": {
"value": 0.5,
"random": false,
"anim": {
"enable": false,
"speed": 1,
"opacity_min": 0.1,
"sync": false
}
},
"size": {
"value": 3,
"random": true,
"anim": {
"enable": false,
"speed": 40,
"size_min": 0.1,
"sync": false
}
},
"line_linked": {
"enable": true,
"distance": 150,
"color": "#ffffff",
"opacity": 0.4,
"width": 1
},
"move": {
"enable": true,
"speed": 3,
"direction": "none",
"random": false,
"straight": false,
"out_mode": "out",
"bounce": false,
"attract": {
"enable": false,
"rotateX": 600,
"rotateY": 1200
}
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": true,
"mode": "repulse"
},
"onclick": {
"enable": false,
"mode": "repulse"
},
"resize": true
},
"modes": {
"grab": {
"distance": 400,
"line_linked": {
"opacity": 1
}
},
"bubble": {
"distance": 400,
"size": 40,
"duration": 2,
"opacity": 8,
"speed": 3
},
"repulse": {
"distance": 100,
"duration": 0.7
},
"push": {
"particles_nb": 4
},
"remove": {
"particles_nb": 2
}
}
},
"retina_detect": false
};
var jsonUri = "data:text/plain;base64,"+ window.btoa(JSON.stringify(partJson));
particlesJS.load('particles-js', jsonUri, function() {
console.log('callback - particles.js config loaded');
});
</script>
<script type="text/javascript">
mybutton = document.getElementById("homebtn");
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
</script>
</html>