Browse Source

Documentation on vpn

Bob Mottram 7 years ago
parent
commit
a326d38eba
4 changed files with 587 additions and 104 deletions
  1. 81
    0
      doc/EN/app_vpn.org
  2. 4
    0
      doc/EN/apps.org
  3. 386
    0
      website/EN/app_vpn.html
  4. 116
    104
      website/EN/apps.html

+ 81
- 0
doc/EN/app_vpn.org View File

@@ -0,0 +1,81 @@
1
+#+TITLE:
2
+#+AUTHOR: Bob Mottram
3
+#+EMAIL: bob@freedombone.net
4
+#+KEYWORDS: freedombone, openvpn
5
+#+DESCRIPTION: How to use OpenVPN on Freedombone
6
+#+OPTIONS: ^:nil toc:nil
7
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="freedombone.css" />
8
+
9
+#+BEGIN_CENTER
10
+[[file:images/logo.png]]
11
+#+END_CENTER
12
+
13
+#+BEGIN_EXPORT html
14
+<center>
15
+<h1>OpenVPN</h1>
16
+</center>
17
+#+END_EXPORT
18
+
19
+#+begin_quote
20
+"/The Net interprets censorship as damage and routes around it./" -- John Gilmore
21
+#+end_quote
22
+
23
+A Virtual Private Network (VPN) allows you to move your internet traffic to a different machine in a different geographical location by creating a private cryptographically protected route to that location. The usual use cases are to get around local censorship of the internet such as when you see the message "/this content is not available in your area/" when trying to play a video. Maybe you're on holiday and your hotel or workplace internet connection is censored. Using a VPN you can connect to your home server and then use the internet normally.
24
+
25
+Using a Tor browser is another way to get around censorship, but there might be occasions where you don't want to use a Tor browser or where Tor relays and bridges are blocked or where you want to run internet apps which aren't within a browser.
26
+
27
+* Installation
28
+
29
+ssh into the system with:
30
+
31
+#+BEGIN_SRC bash
32
+ssh myusername@mydomainname -p 2222
33
+#+END_SRC
34
+
35
+Select *Administrator controls* then *Add/Remove apps* then *vpn*. Choose the port which you want the VPN to operate on and then the install will continue.
36
+
37
+Only use ports 443 or 80 for VPN as an /absolute last resort/, since doing so will prevent other web based apps from running on your server.
38
+
39
+* Usage
40
+
41
+When the installation is complete you can download your VPN keys and configuration files onto your local machine.
42
+
43
+#+begin_src bash
44
+scp -P 2222 myusername@mydomainname:/home/myusername/client.ovpn .
45
+scp -P 2222 myusername@mydomainname:/home/myusername/stunnel* .
46
+#+end_src
47
+
48
+You will need to ensure that the /openvpn/ and /stunnel/ packages are installed. On an Arch based system:
49
+
50
+#+begin_src bash
51
+sudp pacman -S openvpn stunnel4
52
+#+end_src
53
+
54
+Or on a Debian based system:
55
+
56
+#+begin_src bash
57
+sudo apt-get install openvpn stunnel4
58
+#+end_src
59
+
60
+Now you can connect to your VPN with:
61
+
62
+#+begin_src bash
63
+sudo stunnel stunnel-client.conf
64
+sudo openvpn client.ovpn
65
+#+end_src
66
+
67
+You should see a series of messages with "/Initialization Sequence Completed/" showing at the end. Leave the terminal open and perhaps minimize it to remain connected to the VPN. To leave the VPN close the terminal window.
68
+
69
+* Changing port number
70
+
71
+Avoiding censorship can be a cat and mouse game, and so if the port you're using for VPN gets blocked then you may want to change it.
72
+
73
+#+BEGIN_SRC bash
74
+ssh myusername@mydomainname -p 2222
75
+#+END_SRC
76
+
77
+Select *Administrator controls* then *App Settings* then *vpn*. Choose *Change TLS port* and enter a new port value. You can then either manually change the port within your VPN configuration files, or download them again as described in the [[Usage]] section above.
78
+
79
+* Generating new keys
80
+
81
+It's possible that your VPN keys might get lost or compromised on your local machine. If that happens you can generate new ones from the *Administrator controls* by going to *App Settings* then *vpn* then choosing *Regenerate keys for a user* and downloading the new keys as described in the [[Usage]] section above.

+ 4
- 0
doc/EN/apps.org View File

@@ -154,6 +154,10 @@ A system for privately creating and sharing notes and images, similar to Evernot
154 154
 * Vim
155 155
 If you use the Mutt client to read your email then this will set it up to use vim for composing new mail.
156 156
 
157
+* Virtual Private Network (VPN)
158
+Set up a VPN on your server so that you can bypass local internet censorship.
159
+
160
+[[./app_vpn.html][How to use it]]
157 161
 * XMPP
158 162
 Chat server which can be used together with client such as Gajim or Conversations to provide end-to-end content security and also onion routed metadata security. Includes advanced features such as /client state notification/ to save battery power on your mobile devices, support for seamless roaming between networks and /message carbons/ so that you can receive the same messages while being simultaneously logged in to your account on more than one device.
159 163
 

+ 386
- 0
website/EN/app_vpn.html View File

@@ -0,0 +1,386 @@
1
+<?xml version="1.0" encoding="utf-8"?>
2
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
3
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
4
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
5
+<head>
6
+<!-- 2017-09-27 Wed 17:43 -->
7
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
8
+<meta name="viewport" content="width=device-width, initial-scale=1" />
9
+<title>&lrm;</title>
10
+<meta name="generator" content="Org mode" />
11
+<meta name="author" content="Bob Mottram" />
12
+<meta name="description" content="How to use OpenVPN on Freedombone"
13
+ />
14
+<meta name="keywords" content="freedombone, openvpn" />
15
+<style type="text/css">
16
+ <!--/*--><![CDATA[/*><!--*/
17
+  .title  { text-align: center;
18
+             margin-bottom: .2em; }
19
+  .subtitle { text-align: center;
20
+              font-size: medium;
21
+              font-weight: bold;
22
+              margin-top:0; }
23
+  .todo   { font-family: monospace; color: red; }
24
+  .done   { font-family: monospace; color: green; }
25
+  .priority { font-family: monospace; color: orange; }
26
+  .tag    { background-color: #eee; font-family: monospace;
27
+            padding: 2px; font-size: 80%; font-weight: normal; }
28
+  .timestamp { color: #bebebe; }
29
+  .timestamp-kwd { color: #5f9ea0; }
30
+  .org-right  { margin-left: auto; margin-right: 0px;  text-align: right; }
31
+  .org-left   { margin-left: 0px;  margin-right: auto; text-align: left; }
32
+  .org-center { margin-left: auto; margin-right: auto; text-align: center; }
33
+  .underline { text-decoration: underline; }
34
+  #postamble p, #preamble p { font-size: 90%; margin: .2em; }
35
+  p.verse { margin-left: 3%; }
36
+  pre {
37
+    border: 1px solid #ccc;
38
+    box-shadow: 3px 3px 3px #eee;
39
+    padding: 8pt;
40
+    font-family: monospace;
41
+    overflow: auto;
42
+    margin: 1.2em;
43
+  }
44
+  pre.src {
45
+    position: relative;
46
+    overflow: visible;
47
+    padding-top: 1.2em;
48
+  }
49
+  pre.src:before {
50
+    display: none;
51
+    position: absolute;
52
+    background-color: white;
53
+    top: -10px;
54
+    right: 10px;
55
+    padding: 3px;
56
+    border: 1px solid black;
57
+  }
58
+  pre.src:hover:before { display: inline;}
59
+  /* Languages per Org manual */
60
+  pre.src-asymptote:before { content: 'Asymptote'; }
61
+  pre.src-awk:before { content: 'Awk'; }
62
+  pre.src-C:before { content: 'C'; }
63
+  /* pre.src-C++ doesn't work in CSS */
64
+  pre.src-clojure:before { content: 'Clojure'; }
65
+  pre.src-css:before { content: 'CSS'; }
66
+  pre.src-D:before { content: 'D'; }
67
+  pre.src-ditaa:before { content: 'ditaa'; }
68
+  pre.src-dot:before { content: 'Graphviz'; }
69
+  pre.src-calc:before { content: 'Emacs Calc'; }
70
+  pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
71
+  pre.src-fortran:before { content: 'Fortran'; }
72
+  pre.src-gnuplot:before { content: 'gnuplot'; }
73
+  pre.src-haskell:before { content: 'Haskell'; }
74
+  pre.src-hledger:before { content: 'hledger'; }
75
+  pre.src-java:before { content: 'Java'; }
76
+  pre.src-js:before { content: 'Javascript'; }
77
+  pre.src-latex:before { content: 'LaTeX'; }
78
+  pre.src-ledger:before { content: 'Ledger'; }
79
+  pre.src-lisp:before { content: 'Lisp'; }
80
+  pre.src-lilypond:before { content: 'Lilypond'; }
81
+  pre.src-lua:before { content: 'Lua'; }
82
+  pre.src-matlab:before { content: 'MATLAB'; }
83
+  pre.src-mscgen:before { content: 'Mscgen'; }
84
+  pre.src-ocaml:before { content: 'Objective Caml'; }
85
+  pre.src-octave:before { content: 'Octave'; }
86
+  pre.src-org:before { content: 'Org mode'; }
87
+  pre.src-oz:before { content: 'OZ'; }
88
+  pre.src-plantuml:before { content: 'Plantuml'; }
89
+  pre.src-processing:before { content: 'Processing.js'; }
90
+  pre.src-python:before { content: 'Python'; }
91
+  pre.src-R:before { content: 'R'; }
92
+  pre.src-ruby:before { content: 'Ruby'; }
93
+  pre.src-sass:before { content: 'Sass'; }
94
+  pre.src-scheme:before { content: 'Scheme'; }
95
+  pre.src-screen:before { content: 'Gnu Screen'; }
96
+  pre.src-sed:before { content: 'Sed'; }
97
+  pre.src-sh:before { content: 'shell'; }
98
+  pre.src-sql:before { content: 'SQL'; }
99
+  pre.src-sqlite:before { content: 'SQLite'; }
100
+  /* additional languages in org.el's org-babel-load-languages alist */
101
+  pre.src-forth:before { content: 'Forth'; }
102
+  pre.src-io:before { content: 'IO'; }
103
+  pre.src-J:before { content: 'J'; }
104
+  pre.src-makefile:before { content: 'Makefile'; }
105
+  pre.src-maxima:before { content: 'Maxima'; }
106
+  pre.src-perl:before { content: 'Perl'; }
107
+  pre.src-picolisp:before { content: 'Pico Lisp'; }
108
+  pre.src-scala:before { content: 'Scala'; }
109
+  pre.src-shell:before { content: 'Shell Script'; }
110
+  pre.src-ebnf2ps:before { content: 'ebfn2ps'; }
111
+  /* additional language identifiers per "defun org-babel-execute"
112
+       in ob-*.el */
113
+  pre.src-cpp:before  { content: 'C++'; }
114
+  pre.src-abc:before  { content: 'ABC'; }
115
+  pre.src-coq:before  { content: 'Coq'; }
116
+  pre.src-groovy:before  { content: 'Groovy'; }
117
+  /* additional language identifiers from org-babel-shell-names in
118
+     ob-shell.el: ob-shell is the only babel language using a lambda to put
119
+     the execution function name together. */
120
+  pre.src-bash:before  { content: 'bash'; }
121
+  pre.src-csh:before  { content: 'csh'; }
122
+  pre.src-ash:before  { content: 'ash'; }
123
+  pre.src-dash:before  { content: 'dash'; }
124
+  pre.src-ksh:before  { content: 'ksh'; }
125
+  pre.src-mksh:before  { content: 'mksh'; }
126
+  pre.src-posh:before  { content: 'posh'; }
127
+  /* Additional Emacs modes also supported by the LaTeX listings package */
128
+  pre.src-ada:before { content: 'Ada'; }
129
+  pre.src-asm:before { content: 'Assembler'; }
130
+  pre.src-caml:before { content: 'Caml'; }
131
+  pre.src-delphi:before { content: 'Delphi'; }
132
+  pre.src-html:before { content: 'HTML'; }
133
+  pre.src-idl:before { content: 'IDL'; }
134
+  pre.src-mercury:before { content: 'Mercury'; }
135
+  pre.src-metapost:before { content: 'MetaPost'; }
136
+  pre.src-modula-2:before { content: 'Modula-2'; }
137
+  pre.src-pascal:before { content: 'Pascal'; }
138
+  pre.src-ps:before { content: 'PostScript'; }
139
+  pre.src-prolog:before { content: 'Prolog'; }
140
+  pre.src-simula:before { content: 'Simula'; }
141
+  pre.src-tcl:before { content: 'tcl'; }
142
+  pre.src-tex:before { content: 'TeX'; }
143
+  pre.src-plain-tex:before { content: 'Plain TeX'; }
144
+  pre.src-verilog:before { content: 'Verilog'; }
145
+  pre.src-vhdl:before { content: 'VHDL'; }
146
+  pre.src-xml:before { content: 'XML'; }
147
+  pre.src-nxml:before { content: 'XML'; }
148
+  /* add a generic configuration mode; LaTeX export needs an additional
149
+     (add-to-list 'org-latex-listings-langs '(conf " ")) in .emacs */
150
+  pre.src-conf:before { content: 'Configuration File'; }
151
+
152
+  table { border-collapse:collapse; }
153
+  caption.t-above { caption-side: top; }
154
+  caption.t-bottom { caption-side: bottom; }
155
+  td, th { vertical-align:top;  }
156
+  th.org-right  { text-align: center;  }
157
+  th.org-left   { text-align: center;   }
158
+  th.org-center { text-align: center; }
159
+  td.org-right  { text-align: right;  }
160
+  td.org-left   { text-align: left;   }
161
+  td.org-center { text-align: center; }
162
+  dt { font-weight: bold; }
163
+  .footpara { display: inline; }
164
+  .footdef  { margin-bottom: 1em; }
165
+  .figure { padding: 1em; }
166
+  .figure p { text-align: center; }
167
+  .inlinetask {
168
+    padding: 10px;
169
+    border: 2px solid gray;
170
+    margin: 10px;
171
+    background: #ffffcc;
172
+  }
173
+  #org-div-home-and-up
174
+   { text-align: right; font-size: 70%; white-space: nowrap; }
175
+  textarea { overflow-x: auto; }
176
+  .linenr { font-size: smaller }
177
+  .code-highlighted { background-color: #ffff00; }
178
+  .org-info-js_info-navigation { border-style: none; }
179
+  #org-info-js_console-label
180
+    { font-size: 10px; font-weight: bold; white-space: nowrap; }
181
+  .org-info-js_search-highlight
182
+    { background-color: #ffff00; color: #000000; font-weight: bold; }
183
+  .org-svg { width: 90%; }
184
+  /*]]>*/-->
185
+</style>
186
+<link rel="stylesheet" type="text/css" href="freedombone.css" />
187
+<script type="text/javascript">
188
+/*
189
+@licstart  The following is the entire license notice for the
190
+JavaScript code in this tag.
191
+
192
+Copyright (C) 2012-2017 Free Software Foundation, Inc.
193
+
194
+The JavaScript code in this tag is free software: you can
195
+redistribute it and/or modify it under the terms of the GNU
196
+General Public License (GNU GPL) as published by the Free Software
197
+Foundation, either version 3 of the License, or (at your option)
198
+any later version.  The code is distributed WITHOUT ANY WARRANTY;
199
+without even the implied warranty of MERCHANTABILITY or FITNESS
200
+FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.
201
+
202
+As additional permission under GNU GPL version 3 section 7, you
203
+may distribute non-source (e.g., minimized or compacted) forms of
204
+that code without the copy of the GNU GPL normally required by
205
+section 4, provided you include this license notice and a URL
206
+through which recipients can access the Corresponding Source.
207
+
208
+
209
+@licend  The above is the entire license notice
210
+for the JavaScript code in this tag.
211
+*/
212
+<!--/*--><![CDATA[/*><!--*/
213
+ function CodeHighlightOn(elem, id)
214
+ {
215
+   var target = document.getElementById(id);
216
+   if(null != target) {
217
+     elem.cacheClassElem = elem.className;
218
+     elem.cacheClassTarget = target.className;
219
+     target.className = "code-highlighted";
220
+     elem.className   = "code-highlighted";
221
+   }
222
+ }
223
+ function CodeHighlightOff(elem, id)
224
+ {
225
+   var target = document.getElementById(id);
226
+   if(elem.cacheClassElem)
227
+     elem.className = elem.cacheClassElem;
228
+   if(elem.cacheClassTarget)
229
+     target.className = elem.cacheClassTarget;
230
+ }
231
+/*]]>*///-->
232
+</script>
233
+</head>
234
+<body>
235
+<div id="preamble" class="status">
236
+<a name="top" id="top"></a>
237
+</div>
238
+<div id="content">
239
+<div class="org-center">
240
+
241
+<div class="figure">
242
+<p><img src="images/logo.png" alt="logo.png" />
243
+</p>
244
+</div>
245
+</div>
246
+
247
+<center>
248
+<h1>OpenVPN</h1>
249
+</center>
250
+
251
+<blockquote>
252
+<p>
253
+"<i>The Net interprets censorship as damage and routes around it.</i>" &#x2013; John Gilmore
254
+</p>
255
+</blockquote>
256
+
257
+<p>
258
+A Virtual Private Network (VPN) allows you to move your internet traffic to a different machine in a different geographical location by creating a private cryptographically protected route to that location. The usual use cases are to get around local censorship of the internet such as when you see the message "<i>this content is not available in your area</i>" when trying to play a video. Maybe you're on holiday and your hotel or workplace internet connection is censored. Using a VPN you can connect to your home server and then use the internet normally.
259
+</p>
260
+
261
+<p>
262
+Using a Tor browser is another way to get around censorship, but there might be occasions where you don't want to use a Tor browser or where Tor relays and bridges are blocked or where you want to run internet apps which aren't within a browser.
263
+</p>
264
+
265
+<div id="outline-container-org74feb72" class="outline-2">
266
+<h2 id="org74feb72">Installation</h2>
267
+<div class="outline-text-2" id="text-org74feb72">
268
+<p>
269
+ssh into the system with:
270
+</p>
271
+
272
+<div class="org-src-container">
273
+<pre class="src src-bash">ssh myusername@mydomainname -p 2222
274
+</pre>
275
+</div>
276
+
277
+<p>
278
+Select <b>Administrator controls</b> then <b>Add/Remove apps</b> then <b>vpn</b>. Choose the port which you want the VPN to operate on and then the install will continue.
279
+</p>
280
+
281
+<p>
282
+Only use ports 443 or 80 for VPN as an <i>absolute last resort</i>, since doing so will prevent other web based apps from running on your server.
283
+</p>
284
+</div>
285
+</div>
286
+
287
+<div id="outline-container-org1a94be0" class="outline-2">
288
+<h2 id="org1a94be0">Usage</h2>
289
+<div class="outline-text-2" id="text-org1a94be0">
290
+<p>
291
+When the installation is complete you can download your VPN keys and configuration files onto your local machine.
292
+</p>
293
+
294
+<div class="org-src-container">
295
+<pre class="src src-bash">scp -P 2222 myusername@mydomainname:/home/myusername/client.ovpn .
296
+scp -P 2222 myusername@mydomainname:/home/myusername/stunnel* .
297
+</pre>
298
+</div>
299
+
300
+<p>
301
+You will need to ensure that the <i>openvpn</i> and <i>stunnel</i> packages are installed. On an Arch based system:
302
+</p>
303
+
304
+<div class="org-src-container">
305
+<pre class="src src-bash">sudp pacman -S openvpn stunnel4
306
+</pre>
307
+</div>
308
+
309
+<p>
310
+Or on a Debian based system:
311
+</p>
312
+
313
+<div class="org-src-container">
314
+<pre class="src src-bash">sudo apt-get install openvpn stunnel4
315
+</pre>
316
+</div>
317
+
318
+<p>
319
+Now you can connect to your VPN with:
320
+</p>
321
+
322
+<div class="org-src-container">
323
+<pre class="src src-bash">sudo stunnel stunnel-client.conf
324
+sudo openvpn client.ovpn
325
+</pre>
326
+</div>
327
+
328
+<p>
329
+You should see a series of messages with "<i>Initialization Sequence Completed</i>" showing at the end. Leave the terminal open and perhaps minimize it to remain connected to the VPN. To leave the VPN close the terminal window.
330
+</p>
331
+</div>
332
+</div>
333
+
334
+<div id="outline-container-orgf3e0fef" class="outline-2">
335
+<h2 id="orgf3e0fef">Changing port number</h2>
336
+<div class="outline-text-2" id="text-orgf3e0fef">
337
+<p>
338
+Avoiding censorship can be a cat and mouse game, and so if the port you're using for VPN gets blocked then you may want to change it.
339
+</p>
340
+
341
+<div class="org-src-container">
342
+<pre class="src src-bash">ssh myusername@mydomainname -p 2222
343
+</pre>
344
+</div>
345
+
346
+<p>
347
+Select <b>Administrator controls</b> then <b>App Settings</b> then <b>vpn</b>. Choose <b>Change TLS port</b> and enter a new port value. You can then either manually change the port within your VPN configuration files, or download them again as described in the <a href="#org1a94be0">Usage</a> section above.
348
+</p>
349
+</div>
350
+</div>
351
+
352
+<div id="outline-container-org98985f3" class="outline-2">
353
+<h2 id="org98985f3">Generating new keys</h2>
354
+<div class="outline-text-2" id="text-org98985f3">
355
+<p>
356
+It's possible that your VPN keys might get lost or compromised on your local machine. If that happens you can generate new ones from the <b>Administrator controls</b> by going to <b>App Settings</b> then <b>vpn</b> then choosing <b>Regenerate keys for a user</b> and downloading the new keys as described in the <a href="#org1a94be0">Usage</a> section above.
357
+</p>
358
+</div>
359
+</div>
360
+</div>
361
+<div id="postamble" class="status">
362
+
363
+<style type="text/css">
364
+.back-to-top {
365
+    position: fixed;
366
+    bottom: 2em;
367
+    right: 0px;
368
+    text-decoration: none;
369
+    color: #000000;
370
+    background-color: rgba(235, 235, 235, 0.80);
371
+    font-size: 12px;
372
+    padding: 1em;
373
+    display: none;
374
+}
375
+
376
+.back-to-top:hover {
377
+    background-color: rgba(135, 135, 135, 0.50);
378
+}
379
+</style>
380
+
381
+<div class="back-to-top">
382
+<a href="#top">Back to top</a> | <a href="mailto:bob@freedombone.net">E-mail me</a>
383
+</div>
384
+</div>
385
+</body>
386
+</html>

+ 116
- 104
website/EN/apps.html View File

@@ -3,10 +3,10 @@
3 3
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
4 4
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
5 5
 <head>
6
-<!-- 2017-07-28 Fri 22:42 -->
6
+<!-- 2017-09-27 Wed 17:45 -->
7 7
 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
8 8
 <meta name="viewport" content="width=device-width, initial-scale=1" />
9
-<title></title>
9
+<title>&lrm;</title>
10 10
 <meta name="generator" content="Org mode" />
11 11
 <meta name="author" content="Bob Mottram" />
12 12
 <meta name="description" content="List of apps available on freedombone"
@@ -264,9 +264,9 @@ The base install of the system just contains an email server and Mutt client, bu
264 264
 </div>
265 265
 </div>
266 266
 
267
-<div id="outline-container-orgbe17d63" class="outline-2">
268
-<h2 id="orgbe17d63">CryptPad</h2>
269
-<div class="outline-text-2" id="text-orgbe17d63">
267
+<div id="outline-container-orge12e0d4" class="outline-2">
268
+<h2 id="orge12e0d4">CryptPad</h2>
269
+<div class="outline-text-2" id="text-orge12e0d4">
270 270
 <p>
271 271
 Collaborate on editing documents, presentations and source code, or vote on things. All with a good level of security.
272 272
 </p>
@@ -276,9 +276,9 @@ Collaborate on editing documents, presentations and source code, or vote on thin
276 276
 </p>
277 277
 </div>
278 278
 </div>
279
-<div id="outline-container-orgeb85cd1" class="outline-2">
280
-<h2 id="orgeb85cd1">DLNA</h2>
281
-<div class="outline-text-2" id="text-orgeb85cd1">
279
+<div id="outline-container-orgaaead32" class="outline-2">
280
+<h2 id="orgaaead32">DLNA</h2>
281
+<div class="outline-text-2" id="text-orgaaead32">
282 282
 <p>
283 283
 Enables you to use the system as a music server which any DLNA compatible devices can connect to within your home network.
284 284
 </p>
@@ -288,9 +288,9 @@ Enables you to use the system as a music server which any DLNA compatible device
288 288
 </p>
289 289
 </div>
290 290
 </div>
291
-<div id="outline-container-orge7dce56" class="outline-2">
292
-<h2 id="orge7dce56">Dokuwiki</h2>
293
-<div class="outline-text-2" id="text-orge7dce56">
291
+<div id="outline-container-orga0c144d" class="outline-2">
292
+<h2 id="orga0c144d">Dokuwiki</h2>
293
+<div class="outline-text-2" id="text-orga0c144d">
294 294
 <p>
295 295
 A databaseless wiki system.
296 296
 </p>
@@ -300,9 +300,9 @@ A databaseless wiki system.
300 300
 </p>
301 301
 </div>
302 302
 </div>
303
-<div id="outline-container-org16980fe" class="outline-2">
304
-<h2 id="org16980fe">Emacs</h2>
305
-<div class="outline-text-2" id="text-org16980fe">
303
+<div id="outline-container-orgad65042" class="outline-2">
304
+<h2 id="orgad65042">Emacs</h2>
305
+<div class="outline-text-2" id="text-orgad65042">
306 306
 <p>
307 307
 If you use the Mutt client to read your email then this will set it up to use emacs for composing new mail.
308 308
 </p>
@@ -312,9 +312,9 @@ If you use the Mutt client to read your email then this will set it up to use em
312 312
 </p>
313 313
 </div>
314 314
 </div>
315
-<div id="outline-container-orge6eede4" class="outline-2">
316
-<h2 id="orge6eede4">Etherpad</h2>
317
-<div class="outline-text-2" id="text-orge6eede4">
315
+<div id="outline-container-org7ba525b" class="outline-2">
316
+<h2 id="org7ba525b">Etherpad</h2>
317
+<div class="outline-text-2" id="text-org7ba525b">
318 318
 <p>
319 319
 Collaborate on creating documents in real time. Maybe you're planning a holiday with other family members or creating documentation for a Free Software project along with other volunteers. Etherpad is hard to beat for simplicity and speed. Only users of the system will be able to access it.
320 320
 </p>
@@ -324,9 +324,9 @@ Collaborate on creating documents in real time. Maybe you're planning a holiday
324 324
 </p>
325 325
 </div>
326 326
 </div>
327
-<div id="outline-container-org72aea62" class="outline-2">
328
-<h2 id="org72aea62">Friendica</h2>
329
-<div class="outline-text-2" id="text-org72aea62">
327
+<div id="outline-container-orgb7656a4" class="outline-2">
328
+<h2 id="orgb7656a4">Friendica</h2>
329
+<div class="outline-text-2" id="text-orgb7656a4">
330 330
 <p>
331 331
 Federated social network system.
332 332
 </p>
@@ -336,9 +336,9 @@ Federated social network system.
336 336
 </p>
337 337
 </div>
338 338
 </div>
339
-<div id="outline-container-org75bbd1d" class="outline-2">
340
-<h2 id="org75bbd1d">Ghost</h2>
341
-<div class="outline-text-2" id="text-org75bbd1d">
339
+<div id="outline-container-org9b12dc6" class="outline-2">
340
+<h2 id="org9b12dc6">Ghost</h2>
341
+<div class="outline-text-2" id="text-org9b12dc6">
342 342
 <p>
343 343
 Modern looking blogging system.
344 344
 </p>
@@ -348,9 +348,9 @@ Modern looking blogging system.
348 348
 </p>
349 349
 </div>
350 350
 </div>
351
-<div id="outline-container-org879241a" class="outline-2">
352
-<h2 id="org879241a">GNU Social</h2>
353
-<div class="outline-text-2" id="text-org879241a">
351
+<div id="outline-container-org507ecb0" class="outline-2">
352
+<h2 id="org507ecb0">GNU Social</h2>
353
+<div class="outline-text-2" id="text-org507ecb0">
354 354
 <p>
355 355
 Federated social network. You can "<i>remote follow</i>" other users within the GNU Social federation.
356 356
 </p>
@@ -360,9 +360,9 @@ Federated social network. You can "<i>remote follow</i>" other users within the
360 360
 </p>
361 361
 </div>
362 362
 </div>
363
-<div id="outline-container-org0c63c0d" class="outline-2">
364
-<h2 id="org0c63c0d">Gogs</h2>
365
-<div class="outline-text-2" id="text-org0c63c0d">
363
+<div id="outline-container-org8309404" class="outline-2">
364
+<h2 id="org8309404">Gogs</h2>
365
+<div class="outline-text-2" id="text-org8309404">
366 366
 <p>
367 367
 Lightweight git project hosting system. You can mirror projects from Github, or if Github turns evil then just host your own projects while retaining the familiar <i>fork-and-pull</i> workflow. If you can use Github then you can also use Gogs.
368 368
 </p>
@@ -372,9 +372,9 @@ Lightweight git project hosting system. You can mirror projects from Github, or
372 372
 </p>
373 373
 </div>
374 374
 </div>
375
-<div id="outline-container-org8d5a195" class="outline-2">
376
-<h2 id="org8d5a195">HTMLy</h2>
377
-<div class="outline-text-2" id="text-org8d5a195">
375
+<div id="outline-container-orgc12018c" class="outline-2">
376
+<h2 id="orgc12018c">HTMLy</h2>
377
+<div class="outline-text-2" id="text-orgc12018c">
378 378
 <p>
379 379
 Databaseless blogging system. Quite simple and with a markdown-like format.
380 380
 </p>
@@ -384,9 +384,9 @@ Databaseless blogging system. Quite simple and with a markdown-like format.
384 384
 </p>
385 385
 </div>
386 386
 </div>
387
-<div id="outline-container-orgbc0a684" class="outline-2">
388
-<h2 id="orgbc0a684">Hubzilla</h2>
389
-<div class="outline-text-2" id="text-orgbc0a684">
387
+<div id="outline-container-org7c97a23" class="outline-2">
388
+<h2 id="org7c97a23">Hubzilla</h2>
389
+<div class="outline-text-2" id="text-org7c97a23">
390 390
 <p>
391 391
 Web publishing platform with social network like features and good privacy controls so that it's possible to specify who can see which content. Includes photo albums, calendar, wiki and file storage.
392 392
 </p>
@@ -396,9 +396,9 @@ Web publishing platform with social network like features and good privacy contr
396 396
 </p>
397 397
 </div>
398 398
 </div>
399
-<div id="outline-container-org4f18360" class="outline-2">
400
-<h2 id="org4f18360">IRC Server (ngirc)</h2>
401
-<div class="outline-text-2" id="text-org4f18360">
399
+<div id="outline-container-org15dcaac" class="outline-2">
400
+<h2 id="org15dcaac">IRC Server (ngirc)</h2>
401
+<div class="outline-text-2" id="text-org15dcaac">
402 402
 <p>
403 403
 Run your own IRC chat channel which can be secured with a password and accessible via an onion address. A bouncer is included so that you can receive messages sent while you were offline. Works with Hexchat and other popular clients.
404 404
 </p>
@@ -408,18 +408,18 @@ Run your own IRC chat channel which can be secured with a password and accessibl
408 408
 </p>
409 409
 </div>
410 410
 </div>
411
-<div id="outline-container-orgc105f39" class="outline-2">
412
-<h2 id="orgc105f39">Jitsi Meet</h2>
413
-<div class="outline-text-2" id="text-orgc105f39">
411
+<div id="outline-container-orga195719" class="outline-2">
412
+<h2 id="orga195719">Jitsi Meet</h2>
413
+<div class="outline-text-2" id="text-orga195719">
414 414
 <p>
415 415
 Experimental WebRTC video conferencing system, similar to Google Hangouts. This may not be fully functional, but is hoped to be in the near future.
416 416
 </p>
417 417
 </div>
418 418
 </div>
419 419
 
420
-<div id="outline-container-org10fbc88" class="outline-2">
421
-<h2 id="org10fbc88">KanBoard</h2>
422
-<div class="outline-text-2" id="text-org10fbc88">
420
+<div id="outline-container-org67269ac" class="outline-2">
421
+<h2 id="org67269ac">KanBoard</h2>
422
+<div class="outline-text-2" id="text-org67269ac">
423 423
 <p>
424 424
 A simple kanban system for managing projects or TODO lists.
425 425
 </p>
@@ -429,9 +429,9 @@ A simple kanban system for managing projects or TODO lists.
429 429
 </p>
430 430
 </div>
431 431
 </div>
432
-<div id="outline-container-orgb3097e7" class="outline-2">
433
-<h2 id="orgb3097e7">Key Server</h2>
434
-<div class="outline-text-2" id="text-orgb3097e7">
432
+<div id="outline-container-org5db580b" class="outline-2">
433
+<h2 id="org5db580b">Key Server</h2>
434
+<div class="outline-text-2" id="text-org5db580b">
435 435
 <p>
436 436
 An OpenPGP key server for storing and retrieving GPG public keys.
437 437
 </p>
@@ -441,9 +441,9 @@ An OpenPGP key server for storing and retrieving GPG public keys.
441 441
 </p>
442 442
 </div>
443 443
 </div>
444
-<div id="outline-container-orga3542ee" class="outline-2">
445
-<h2 id="orga3542ee">Koel</h2>
446
-<div class="outline-text-2" id="text-orga3542ee">
444
+<div id="outline-container-org6675f8f" class="outline-2">
445
+<h2 id="org6675f8f">Koel</h2>
446
+<div class="outline-text-2" id="text-org6675f8f">
447 447
 <p>
448 448
 Access your music collection from any internet connected device.
449 449
 </p>
@@ -453,9 +453,9 @@ Access your music collection from any internet connected device.
453 453
 </p>
454 454
 </div>
455 455
 </div>
456
-<div id="outline-container-orga662c8f" class="outline-2">
457
-<h2 id="orga662c8f">Lychee</h2>
458
-<div class="outline-text-2" id="text-orga662c8f">
456
+<div id="outline-container-orgdfd8572" class="outline-2">
457
+<h2 id="orgdfd8572">Lychee</h2>
458
+<div class="outline-text-2" id="text-orgdfd8572">
459 459
 <p>
460 460
 Make your photo albums available on the web.
461 461
 </p>
@@ -465,9 +465,9 @@ Make your photo albums available on the web.
465 465
 </p>
466 466
 </div>
467 467
 </div>
468
-<div id="outline-container-orgccf23ee" class="outline-2">
469
-<h2 id="orgccf23ee">Mailpile</h2>
470
-<div class="outline-text-2" id="text-orgccf23ee">
468
+<div id="outline-container-org5f70509" class="outline-2">
469
+<h2 id="org5f70509">Mailpile</h2>
470
+<div class="outline-text-2" id="text-org5f70509">
471 471
 <p>
472 472
 Modern email client which supports GPG encryption.
473 473
 </p>
@@ -477,9 +477,9 @@ Modern email client which supports GPG encryption.
477 477
 </p>
478 478
 </div>
479 479
 </div>
480
-<div id="outline-container-orgdee374a" class="outline-2">
481
-<h2 id="orgdee374a">Matrix</h2>
482
-<div class="outline-text-2" id="text-orgdee374a">
480
+<div id="outline-container-orgacaf2b5" class="outline-2">
481
+<h2 id="orgacaf2b5">Matrix</h2>
482
+<div class="outline-text-2" id="text-orgacaf2b5">
483 483
 <p>
484 484
 Multi-user chat with some security and moderation controls.
485 485
 </p>
@@ -489,9 +489,9 @@ Multi-user chat with some security and moderation controls.
489 489
 </p>
490 490
 </div>
491 491
 </div>
492
-<div id="outline-container-org7faaca0" class="outline-2">
493
-<h2 id="org7faaca0">Mediagoblin</h2>
494
-<div class="outline-text-2" id="text-org7faaca0">
492
+<div id="outline-container-org4c6673d" class="outline-2">
493
+<h2 id="org4c6673d">Mediagoblin</h2>
494
+<div class="outline-text-2" id="text-org4c6673d">
495 495
 <p>
496 496
 Publicly host video and audio files so that you don't need to use YouTube/Vimeo/etc.
497 497
 </p>
@@ -501,9 +501,9 @@ Publicly host video and audio files so that you don't need to use YouTube/Vimeo/
501 501
 </p>
502 502
 </div>
503 503
 </div>
504
-<div id="outline-container-orgfa87291" class="outline-2">
505
-<h2 id="orgfa87291">Mumble</h2>
506
-<div class="outline-text-2" id="text-orgfa87291">
504
+<div id="outline-container-org5778590" class="outline-2">
505
+<h2 id="org5778590">Mumble</h2>
506
+<div class="outline-text-2" id="text-org5778590">
507 507
 <p>
508 508
 The popular VoIP and text chat system. Say goodbye to old-fashioned telephony conferences with silly dial codes. Also works well on mobile.
509 509
 </p>
@@ -513,9 +513,9 @@ The popular VoIP and text chat system. Say goodbye to old-fashioned telephony co
513 513
 </p>
514 514
 </div>
515 515
 </div>
516
-<div id="outline-container-org88bc444" class="outline-2">
517
-<h2 id="org88bc444">NextCloud</h2>
518
-<div class="outline-text-2" id="text-org88bc444">
516
+<div id="outline-container-orgbecac51" class="outline-2">
517
+<h2 id="orgbecac51">NextCloud</h2>
518
+<div class="outline-text-2" id="text-orgbecac51">
519 519
 <p>
520 520
 Store files on your server and sync them with laptops or mobile devices. Includes many plugins including videoconferencing and collaborative document editing.
521 521
 </p>
@@ -525,9 +525,9 @@ Store files on your server and sync them with laptops or mobile devices. Include
525 525
 </p>
526 526
 </div>
527 527
 </div>
528
-<div id="outline-container-orgd909087" class="outline-2">
529
-<h2 id="orgd909087">PI-Hole</h2>
530
-<div class="outline-text-2" id="text-orgd909087">
528
+<div id="outline-container-org4e52617" class="outline-2">
529
+<h2 id="org4e52617">PI-Hole</h2>
530
+<div class="outline-text-2" id="text-org4e52617">
531 531
 <p>
532 532
 The black hole for web adverts. Block adverts at the domain name level within your local network. It can significantly reduce bandwidth, speed up page load times and protect your systems from being tracked by spyware.
533 533
 </p>
@@ -537,9 +537,9 @@ The black hole for web adverts. Block adverts at the domain name level within yo
537 537
 </p>
538 538
 </div>
539 539
 </div>
540
-<div id="outline-container-org54cc393" class="outline-2">
541
-<h2 id="org54cc393">PostActiv</h2>
542
-<div class="outline-text-2" id="text-org54cc393">
540
+<div id="outline-container-org77c5c76" class="outline-2">
541
+<h2 id="org77c5c76">PostActiv</h2>
542
+<div class="outline-text-2" id="text-org77c5c76">
543 543
 <p>
544 544
 An alternative federated social networking system compatible with GNU Social. It includes some optimisations and fixes currently not available within the main GNU Social project.
545 545
 </p>
@@ -549,9 +549,9 @@ An alternative federated social networking system compatible with GNU Social. It
549 549
 </p>
550 550
 </div>
551 551
 </div>
552
-<div id="outline-container-orgbf4385b" class="outline-2">
553
-<h2 id="orgbf4385b">Profanity</h2>
554
-<div class="outline-text-2" id="text-orgbf4385b">
552
+<div id="outline-container-org0bf6985" class="outline-2">
553
+<h2 id="org0bf6985">Profanity</h2>
554
+<div class="outline-text-2" id="text-org0bf6985">
555 555
 <p>
556 556
 A shell based XMPP client which you can run on the Freedombone server via ssh.
557 557
 </p>
@@ -561,9 +561,9 @@ A shell based XMPP client which you can run on the Freedombone server via ssh.
561 561
 </p>
562 562
 </div>
563 563
 </div>
564
-<div id="outline-container-orgda318c9" class="outline-2">
565
-<h2 id="orgda318c9">Riot Web</h2>
566
-<div class="outline-text-2" id="text-orgda318c9">
564
+<div id="outline-container-org3a8644d" class="outline-2">
565
+<h2 id="org3a8644d">Riot Web</h2>
566
+<div class="outline-text-2" id="text-org3a8644d">
567 567
 <p>
568 568
 A browser based user interface for the Matrix federated communications system, including WebRTC audio and video chat.
569 569
 </p>
@@ -573,9 +573,9 @@ A browser based user interface for the Matrix federated communications system, i
573 573
 </p>
574 574
 </div>
575 575
 </div>
576
-<div id="outline-container-org99449d0" class="outline-2">
577
-<h2 id="org99449d0">SearX</h2>
578
-<div class="outline-text-2" id="text-org99449d0">
576
+<div id="outline-container-org072b2ee" class="outline-2">
577
+<h2 id="org072b2ee">SearX</h2>
578
+<div class="outline-text-2" id="text-org072b2ee">
579 579
 <p>
580 580
 A metasearch engine for customised and private web searches.
581 581
 </p>
@@ -585,9 +585,9 @@ A metasearch engine for customised and private web searches.
585 585
 </p>
586 586
 </div>
587 587
 </div>
588
-<div id="outline-container-org761a652" class="outline-2">
589
-<h2 id="org761a652">tt-rss</h2>
590
-<div class="outline-text-2" id="text-org761a652">
588
+<div id="outline-container-orge6d7a97" class="outline-2">
589
+<h2 id="orge6d7a97">tt-rss</h2>
590
+<div class="outline-text-2" id="text-orge6d7a97">
591 591
 <p>
592 592
 Private RSS reader. Pulls in RSS/Atom feeds via Tor and is only accessible via an onion address. Have "<i>the right to read</i>" without the Surveillance State knowing what you're reading. Also available with a user interface suitable for viewing on mobile devices via a browser such as OrFox.
593 593
 </p>
@@ -597,9 +597,9 @@ Private RSS reader. Pulls in RSS/Atom feeds via Tor and is only accessible via a
597 597
 </p>
598 598
 </div>
599 599
 </div>
600
-<div id="outline-container-orga6e23d7" class="outline-2">
601
-<h2 id="orga6e23d7">Syncthing</h2>
602
-<div class="outline-text-2" id="text-orga6e23d7">
600
+<div id="outline-container-orgb533fa3" class="outline-2">
601
+<h2 id="orgb533fa3">Syncthing</h2>
602
+<div class="outline-text-2" id="text-orgb533fa3">
603 603
 <p>
604 604
 Possibly the best way to synchronise files across all of your devices. Once it has been set up it "just works" with no user intervention needed.
605 605
 </p>
@@ -609,9 +609,9 @@ Possibly the best way to synchronise files across all of your devices. Once it h
609 609
 </p>
610 610
 </div>
611 611
 </div>
612
-<div id="outline-container-org643b86b" class="outline-2">
613
-<h2 id="org643b86b">Tahoe-LAFS</h2>
614
-<div class="outline-text-2" id="text-org643b86b">
612
+<div id="outline-container-orgae3276a" class="outline-2">
613
+<h2 id="orgae3276a">Tahoe-LAFS</h2>
614
+<div class="outline-text-2" id="text-orgae3276a">
615 615
 <p>
616 616
 Robust and encrypted storage of files on one or more server.
617 617
 </p>
@@ -621,9 +621,9 @@ Robust and encrypted storage of files on one or more server.
621 621
 </p>
622 622
 </div>
623 623
 </div>
624
-<div id="outline-container-org8eb9d12" class="outline-2">
625
-<h2 id="org8eb9d12">Tox</h2>
626
-<div class="outline-text-2" id="text-org8eb9d12">
624
+<div id="outline-container-orga445624" class="outline-2">
625
+<h2 id="orga445624">Tox</h2>
626
+<div class="outline-text-2" id="text-orga445624">
627 627
 <p>
628 628
 Client and bootstrap node for the Tox chat/VoIP system.
629 629
 </p>
@@ -633,9 +633,9 @@ Client and bootstrap node for the Tox chat/VoIP system.
633 633
 </p>
634 634
 </div>
635 635
 </div>
636
-<div id="outline-container-org5a0e4e5" class="outline-2">
637
-<h2 id="org5a0e4e5">Turtl</h2>
638
-<div class="outline-text-2" id="text-org5a0e4e5">
636
+<div id="outline-container-org176644c" class="outline-2">
637
+<h2 id="org176644c">Turtl</h2>
638
+<div class="outline-text-2" id="text-org176644c">
639 639
 <p>
640 640
 A system for privately creating and sharing notes and images, similar to Evernote but without the spying.
641 641
 </p>
@@ -645,18 +645,30 @@ A system for privately creating and sharing notes and images, similar to Evernot
645 645
 </p>
646 646
 </div>
647 647
 </div>
648
-<div id="outline-container-orgdeeab5b" class="outline-2">
649
-<h2 id="orgdeeab5b">Vim</h2>
650
-<div class="outline-text-2" id="text-orgdeeab5b">
648
+<div id="outline-container-org8d3d9ed" class="outline-2">
649
+<h2 id="org8d3d9ed">Vim</h2>
650
+<div class="outline-text-2" id="text-org8d3d9ed">
651 651
 <p>
652 652
 If you use the Mutt client to read your email then this will set it up to use vim for composing new mail.
653 653
 </p>
654 654
 </div>
655 655
 </div>
656 656
 
657
-<div id="outline-container-orgdbd802c" class="outline-2">
658
-<h2 id="orgdbd802c">XMPP</h2>
659
-<div class="outline-text-2" id="text-orgdbd802c">
657
+<div id="outline-container-orgbab78c1" class="outline-2">
658
+<h2 id="orgbab78c1">Virtual Private Network (VPN)</h2>
659
+<div class="outline-text-2" id="text-orgbab78c1">
660
+<p>
661
+Set up a VPN on your server so that you can bypass local internet censorship.
662
+</p>
663
+
664
+<p>
665
+<a href="./app_vpn.html">How to use it</a>
666
+</p>
667
+</div>
668
+</div>
669
+<div id="outline-container-org76fcabc" class="outline-2">
670
+<h2 id="org76fcabc">XMPP</h2>
671
+<div class="outline-text-2" id="text-org76fcabc">
660 672
 <p>
661 673
 Chat server which can be used together with client such as Gajim or Conversations to provide end-to-end content security and also onion routed metadata security. Includes advanced features such as <i>client state notification</i> to save battery power on your mobile devices, support for seamless roaming between networks and <i>message carbons</i> so that you can receive the same messages while being simultaneously logged in to your account on more than one device.
662 674
 </p>