-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
219 lines (211 loc) · 14.2 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8 ie-7"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9 ie-8"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<title>RefugeeHotspot - Internet Access for those who need it most.</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width" />
<meta name="description" content="" />
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="icon" type="image/png" href="images/favicon.png" />
<link rel="apple-touch-icon" href="images/57.png" /><!-- iphone -->
<link rel="apple-touch-icon" sizes="72x72" href="images/72.png" /><!-- ipad -->
<link rel="apple-touch-icon" sizes="114x114" href="images/114.png" /><!-- iphone retina -->
<link rel="apple-touch-icon" sizes="144x144" href="images/144.png" /><!-- ipad retina -->
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen,handheld,print" />
</head>
<body>
<header class="post-header">
<div class="wrap">
<nav class="site-nav">
<a href="#" class="menu-icon">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 18 15" enable-background="new 0 0 18 15" xml:space="preserve">
<path fill="#505050" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0
h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
<path fill="#505050" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484
h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
<path fill="#505050" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0
c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
</svg>
</a>
<div class="trigger">
<a class="page-link" href="#main" rel="main">Refugee Hotspot</a>
<a class="page-link" href="#get" rel="get">Get one!</a>
<a class="page-link" href="#what" rel="what">What is it?</a>
<a class="page-link" href="#blog" rel="blog">Blog</a>
<a class="page-link" href="#mailinglist" rel="mailinglist">Mailinglist</a>
<a class="page-link" href="#contribute" rel="contribute">Contribute</a>
</div>
</nav>
</div>
</header>
<section class="section site-header" id="main">
<div class="wrap">
<h1 class="site-title">Refugee Hotspot</h1>
<h2 class="site-subtitle">Internet access for those who need it most:
refugees and migrants</h2>
</div>
</section>
<section class="section" id="get">
<div class="wrap">
<h3 class="section-title">Help us connect refugees</h3>
<div class="option" id="give">
<img src="images/option1.png" alt="" />
<h4>GIVE</h4>
<p>Give to the project by donating a refugee hotspot to a group of refugees or help us pay bandwidth.</p>
<div class="hidden popin">
<div class="post-content">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
<input name="cmd" type="hidden" value="_donations" />
<input name="business" type="hidden" value="nielsto@gmail.com" />
<input name="item_name" type="hidden" value="Refugee Hotspot one-time donation" />
<input name="no_shipping" type="hidden" value="1" />
<input name="lc" type="hidden" value="US" />
<input type="hidden" name="currency_code" value="EUR">
We welcome your donations:<br />
<select name="amount" class="form">
<option name="amount" value="Select a type">Select your donation</option>
<option name="amount" value="10.00">Like the project - 10 €</option>
<option name="amount" value="35.00">One month of wireless Internet access - 35 €</option>
<option name="amount" value="50.00">One month of wired Internet access - 50 €</option>
<option name="amount" value="60.00">Two months of wireless Internet access - 60 €</option>
<option name="amount" value="155.00">Give a Refugee Hotspot to a refugee community - 155 €</option>
<option name="amount" value="360.00">Year worth of wired Internet access - 360 €</option>
<option name="amount" value="420.00">Year of wireless Internet access - 420 €</option>
</select> <br />
<input class="button form" type="submit" value="Donate" />
</form>
</div>
</div>
</div>
<div class="option" id="diy">
<img src="images/option2.png" alt="" />
<h4>DIY</h4>
<p>Buy the equipment, put it together yourself, and optionally 3D print the casing.</p>
<div class="hidden popin">
<div class="post-content">
<h4>Software</h4>
<p>Follow the instructions from: <a href="https://github.com/RefugeeHotspot/RefugeeHotspot">https://github.com/RefugeeHotspot/RefugeeHotspot</a></p>
<p>
The equipment that you will need:
<br />
Raspberry Pi 3<br />
USB Y cable<br />
Huawei E303 USB modem<br />
Power adapter + cable<br />
USB - micro USB Power cable (battery to Pi)<br />
Micro SD card</p>
<ol>
<li>Download the image here: <a href="37.218.242.80/refugee-hotspot-beta1.img.gz">http://37.218.242.80/refugee-hotspot-beta1.img.gz</a></li>
<li><b>For Windows and Mac:</b> Unzip the Refugee Hotspot image</li>
<li>Download the Etcher SD card image utility <a href="http://www.etcher.io/">http://www.etcher.io/</a></li>
<li>Run Etcher and select the Refugee Hotspot image you unzipped on your computer or laptop.</li>
<li>Select the SD card drive. Note that the software may have already selected the right drive.</li>
<li>Finally, click Burn to transfer Raspbian to the SD card. You'll see a progress bar that tells you how much is left to do. Once complete, the utility will automatically eject/unmount the SD card so it's safe to remove it from the computer and plug it into the Raspberry Pi.</li>
<li>You should be good to go, start the Raspberry Pi and login to your Refugee Hotspot, or connect a monitor and a keyboard and run the Installer.</li>
<li><b>For Linux: </b>Untar the Refugee Hotspot image</li>
<li>Open a terminal and type: <code>sudo dd bs=4M if=[IMAGE FILE] of=[PATH TO SDCARD]</code>
(where IMAGE FILE is probably something like ~/Downloads/refugee-hotspot-beta1.img and PATH TO SDCARD is probably something like: /dev/mmcblk0)</li>
<li>Type: <code>sync</code></li>
<li>You should be good to go, start the Raspberry Pi and login to your Refugee Hotspot, or connect a monitor and a keyboard and run the Installer.</li>
</ol>
<h4>Casing</h4>
<a href="images/instructions.png" target="_blank"><img src="images/instructions_thumb.png" alt="Instructions" /></a>
<br />Download casing instructions
<a href="download/instructions.pdf" target="_blank">[PDF]</a> |
<a href="download/refugees-box+engraving.dxf" target="_blank">[DXF]</a> |
<a href="download/refugees-box+engraving.svg" target="_blank">[SVG]</a>
</div>
</div>
</div>
<div class="option" id="buy">
<img src="images/option3.png" alt="" />
<h4>BUY</h4>
<p>Buy a fully installed Refugee Hotspot including or excluding casing.</p>
<div class="hidden popin">
<div class="post-content">
<p>Buy a fully installed Refugee Hotspot - 175€. <br /><br />
data modem - 36€<br />
cables and power adapter - 15€<br />
2000mAH battery - 30€<br />
casing - 20€<br />
Raspberry Pi 3 - 48€<br />
SD card - 7€<br />
shipping cost - 20€</p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
<input type="hidden" name="business" value="nielsto@gmail.com">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="item_name" value="BUY a fully installed Refugee Hotspot">
<input type="hidden" name="amount" value="175.00">
<input type="hidden" name="currency_code" value="EUR">
<input type="hidden" name="undefined_quantity" value="1">
<input class="button form" type="submit" value="Buy" />
</form>
</div>
</div>
</div>
</section>
<section class="section" id="what">
<div class="wrap">
<h3 class="section-title">People and the Internet should be free</h3>
<p><strong>A mobile device to remove the obstacles that refugees face when it comes to access the Internet is being developed by The Internet Society Netherlands (ISOC-NL) in dialogue with refugee collectives in the Netherlands, Belgium and Germany.</strong></p>
<p>This device will provide connectivity in each of the collectives' physical locations and thanks to its battery will keep providing connectivity in the situation in which a collective is being evicted from their location.</p>
<p>The device can be taken into demonstrations, marches or specific actions. It will be possible to distribute files, images, statements and flyers wireless using the landing page.</p>
<p>We're aiming to deploy this device as wide as possible, starting with collectives in the Netherlands, Germany and Belgium.</p>
</div>
</section>
<section class="section" id="how">
<div class="wrap">
<h3 class="section-title">Made with technology built in the spirit of the Internet: free and open source</h3>
<p>Our goal is to implement a critical and conscious use of technology tailored to the needs of the refugee and migrant collectives involved. The platform aims to use values of the free software and open source movements, as they resonate as necessary for the struggle towards a free and open society, and a free Internet available for everyone.</p>
<p>The Refugee Hotspot is built with Raspberry Pi 3, a 3G USB modem, and an SD card. It's powered over USB and usable with a battery pack. This makes it transportable.</p>
</div>
</section>
<section class="section" id="blog">
<div class="wrap">
<div class="post">
<h4 class="post-title">Casing</h4>
<p>We're working on a reproducible lasercut casing with Waag Society. We hope to have photos, instructions and the svg files up here soon.</p>
</div>
</div>
</section>
<section class="section" id="mailinglist">
<div class="wrap">
<h3 class="section-title">Sign up on our mailinglist</h3>
<form method="post" action="https://lists.ghserv.net/mailman/subscribe/list" target="_blank">
<input type="email" placeholder="Your email address" class="form" name="email" value="" />
<input type="submit" value="Subscribe" class="submit form" name="email-button" />
<input type="hidden" name="digest" value="0">
</form>
</div>
</section>
<section class="section" id="contribute">
<div class="wrap">
<h3 class="section-title">Contribute on Github</h3>
<p><a class="github" href="https://github.com/RefugeeHotspot" target="_blank">Github</a></p>
</div>
</section>
<footer class="footer">
<div class="wrap">
<h3 class="section-title">Sponsor</h3>
<p id="sponsors">
<a href="https://www.sidnfonds.nl" target="_blank"><img src="images/sidn.png" alt="SIDN" /></a>
</p>
<h3 class="section-title">Organizer & Initiator</h3>
<a href="https://isoc.nl" target="_blank"><img src="images/logo_isoc.png" alt="Internet Society Netherlands" /></a>
</p>
<h3 class="section-title">Collaborators</h3>
<p id="collaborators">
<a href="http://waag.org" target="_blank"><img src="images/logo_waag.png" alt="Waag Society" /></a>
<a href="http://hackshackers.nl/" target="_blank"><img src="images/logo_hackers.png" alt="HacksHackers Amsterdam" /></a>
<a href="http://wijzijnhier.org" target="_blank"><img src="images/logo_wearehere.png" alt="We are here" /></a>
</p>
</div>
</footer>
<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="js/init.js"></script>
</body>
</html>