free
/
freedombone
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Documentation for Matrix

Bob Mottram 8 years ago
parent
407309fe8a
commit
8bda053fd9
5 changed files with 499 additions and 82 deletions
Split View Show Diff Stats
  1. 53
    0
      doc/EN/app_matrix.org
  2. 4
    0
      doc/EN/apps.org
  3. BIN
      img/matrix_riotweb.jpg
  4. 348
    0
      website/EN/app_matrix.html
  5. 94
    82
      website/EN/apps.html

+ 53
- 0
doc/EN/app_matrix.org View File 

@@ -0,0 +1,53 @@
1 
+#+TITLE:
2 
+#+AUTHOR: Bob Mottram
3 
+#+EMAIL: bob@freedombone.net
4 
+#+KEYWORDS: freedombone, matrix
5 
+#+DESCRIPTION: How to use Matrix
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>Matrix</h1>
16 
+</center>
17 
+#+END_EXPORT
18 
+
19 
+#+BEGIN_CENTER
20 
+[[file:images/matrix_riotweb.jpg]]
21 
+#+END_CENTER
22 
+
23 
+Matrix is a federated communications system, typically for multi-user chat, with end-to-end content security features. You can consider it to be like a modernized version of IRC chat where the crypto and access controls have been built in by default. At present Matrix is really only a creature of the clearnet and so there isn't any way to protect the metadata. Despite the talk of security the lack of metadata defenses make this really only suitable for public communications, similar to microblogging or public IRC channels.
24 
+
25 
+* Installation
26 
+Log into your system with:
27 
+
28 
+#+begin_src bash
29 
+ssh myusername@mydomain -p 2222
30 
+#+end_src
31 
+
32 
+Using cursor keys, space bar and Enter key select *Administrator controls* and type in your password.
33 
+
34 
+Select *Add/Remove Apps* then *matrix*. You will then be asked for a domain name and if you are using FreeDNS also the code for the domain which can be found under *Dynamic DNS* on the FreeDNS site (the random string from "/quick cron example/" which appears after /update.php?/ and before />>/). For more details on obtaining a domain and making it accessible via dynamic DNS see the [[./faq.html][FAQ]]. Typically the domain name you use will be a subdomain, such as /matrix.mydomainname.net/. It will need to be a domain which you have bought somewhere and own and not one of the FreeDNS subdomains, otherwise you won't be able to get a SSL/TLS certificate for it.
35 
+
36 
+* Initial setup
37 
+Go to the *Administrator control panel* and select *Passwords* then *matrix*. This will give you the password to initially log in to the system and you can change it later from a client app if needed.
38 
+
39 
+Install the *Riot* app from F-droid on a mobile device. You can then log in with your username and password, making sure to select a custom server and then entering your Matrix domain name for both the main server and identity server.
40 
+
41 
+Other client apps are available but are currently mostly only at the alpha stage. For details see the main [[https://matrix.org][matrix.org site]].
42 
+
43 
+* DNS setup
44 
+It's recommended that you add an SRV record for Matrix to your DNS setup. How you do this will depend upon your dynamic DNS provider and their web interface. On FreeDNS on the subdomains settings in addition to the subdomain which you are using for the matrix server create an extra entry as follows:
45 
+
46 
+#+begin_src text
47 
+Type: SRV
48 
+Subdomain: _matrix._tcp
49 
+Domain: [youdomain]
50 
+Destination: 10 0 8448 [yourmatrixsubdomain]
51 
+#+end_src
52 
+
53 
+You may also want to make another entry with the same settings but replacing *tcp* with *udp*.

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

@@ -79,6 +79,10 @@ Make your photo albums available on the web.
79 79 
 Modern email client which supports GPG encryption.
80 80
81 81 
 [[./app_mailpile.html][How to use it]]
82 
+* Matrix
83 
+Multi-user chat with some security and moderation controls.
84 
+
85 
+[[./app_matrix.html][How to use it]]
82 86 
 * Mediagoblin
83 87 
 Publicly host video and audio files so that you don't need to use YouTube/Vimeo/etc.
84 88

BIN
img/matrix_riotweb.jpg View File


+ 348
- 0
website/EN/app_matrix.html View File 

@@ -0,0 +1,348 @@
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-05-06 Sat 14:38 -->
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></title>
10 
+<meta name="generator" content="Org mode" />
11 
+<meta name="author" content="Bob Mottram" />
12 
+<meta name="description" content="How to use Matrix"
13 
+ />
14 
+<meta name="keywords" content="freedombone, matrix" />
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>Matrix</h1>
249 
+</center>
250 
+
251 
+<div class="org-center">
252 
+
253 
+<div class="figure">
254 
+<p><img src="images/matrix_riotweb.jpg" alt="matrix_riotweb.jpg" />
255 
+</p>
256 
+</div>
257 
+</div>
258 
+
259 
+<p>
260 
+Matrix is a federated communications system, typically for multi-user chat, with end-to-end content security features. You can consider it to be like a modernized version of IRC chat where the crypto and access controls have been built in by default. At present Matrix is really only a creature of the clearnet and so there isn't any way to protect the metadata. Despite the talk of security the lack of metadata defenses make this really only suitable for public communications, similar to microblogging or public IRC channels.
261 
+</p>
262 
+
263 
+<div id="outline-container-org46fb6b7" class="outline-2">
264 
+<h2 id="org46fb6b7">Installation</h2>
265 
+<div class="outline-text-2" id="text-org46fb6b7">
266 
+<p>
267 
+Log into your system with:
268 
+</p>
269 
+
270 
+<div class="org-src-container">
271 
+<pre><code class="src src-bash">ssh myusername@mydomain -p 2222
272 
+</code></pre>
273 
+</div>
274 
+
275 
+<p>
276 
+Using cursor keys, space bar and Enter key select <b>Administrator controls</b> and type in your password.
277 
+</p>
278 
+
279 
+<p>
280 
+Select <b>Add/Remove Apps</b> then <b>matrix</b>. You will then be asked for a domain name and if you are using FreeDNS also the code for the domain which can be found under <b>Dynamic DNS</b> on the FreeDNS site (the random string from "<i>quick cron example</i>" which appears after <i>update.php?</i> and before <i>&gt;&gt;</i>). For more details on obtaining a domain and making it accessible via dynamic DNS see the <a href="./faq.html">FAQ</a>. Typically the domain name you use will be a subdomain, such as <i>matrix.mydomainname.net</i>. It will need to be a domain which you have bought somewhere and own and not one of the FreeDNS subdomains, otherwise you won't be able to get a SSL/TLS certificate for it.
281 
+</p>
282 
+</div>
283 
+</div>
284 
+
285 
+<div id="outline-container-org290b604" class="outline-2">
286 
+<h2 id="org290b604">Initial setup</h2>
287 
+<div class="outline-text-2" id="text-org290b604">
288 
+<p>
289 
+Go to the <b>Administrator control panel</b> and select <b>Passwords</b> then <b>matrix</b>. This will give you the password to initially log in to the system and you can change it later from a client app if needed.
290 
+</p>
291 
+
292 
+<p>
293 
+Install the <b>Riot</b> app from F-droid on a mobile device. You can then log in with your username and password, making sure to select a custom server and then entering your Matrix domain name for both the main server and identity server.
294 
+</p>
295 
+
296 
+<p>
297 
+Other client apps are available but are currently mostly only at the alpha stage. For details see the main <a href="https://matrix.org">matrix.org site</a>.
298 
+</p>
299 
+</div>
300 
+</div>
301 
+
302 
+<div id="outline-container-orgba35485" class="outline-2">
303 
+<h2 id="orgba35485">DNS setup</h2>
304 
+<div class="outline-text-2" id="text-orgba35485">
305 
+<p>
306 
+It's recommended that you add an SRV record for Matrix to your DNS setup. How you do this will depend upon your dynamic DNS provider and their web interface. On FreeDNS on the subdomains settings in addition to the subdomain which you are using for the matrix server create an extra entry as follows:
307 
+</p>
308 
+
309 
+<div class="org-src-container">
310 
+<pre><code class="src src-text">Type: SRV
311 
+Subdomain: _matrix._tcp
312 
+Domain: [youdomain]
313 
+Destination: 10 0 8448 [yourmatrixsubdomain]
314 
+</code></pre>
315 
+</div>
316 
+
317 
+<p>
318 
+You may also want to make another entry with the same settings but replacing <b>tcp</b> with <b>udp</b>.
319 
+</p>
320 
+</div>
321 
+</div>
322 
+</div>
323 
+<div id="postamble" class="status">
324 
+
325 
+<style type="text/css">
326 
+.back-to-top {
327 
+    position: fixed;
328 
+    bottom: 2em;
329 
+    right: 0px;
330 
+    text-decoration: none;
331 
+    color: #000000;
332 
+    background-color: rgba(235, 235, 235, 0.80);
333 
+    font-size: 12px;
334 
+    padding: 1em;
335 
+    display: none;
336 
+}
337 
+
338 
+.back-to-top:hover {
339 
+    background-color: rgba(135, 135, 135, 0.50);
340 
+}
341 
+</style>
342 
+
343 
+<div class="back-to-top">
344 
+<a href="#top">Back to top</a> | <a href="mailto:bob@freedombone.net">E-mail me</a>
345 
+</div>
346 
+</div>
347 
+</body>
348 
+</html>

+ 94
- 82
website/EN/apps.html View File 

@@ -3,7 +3,7 @@
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-04-16 Sun 20:15 -->
6 
+<!-- 2017-05-06 Sat 14:28 -->
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 9 
 <title></title>
 
@@ -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-orgaef5461" class="outline-2">
268 
-<h2 id="orgaef5461">DLNA</h2>
269 
-<div class="outline-text-2" id="text-orgaef5461">
267 
+<div id="outline-container-org3133696" class="outline-2">
268 
+<h2 id="org3133696">DLNA</h2>
269 
+<div class="outline-text-2" id="text-org3133696">
270 270 
 <p>
271 271 
 Enables you to use the system as a music server which any DLNA compatible devices can connect to within your home network.
272 272 
 </p>
 
@@ -276,9 +276,9 @@ Enables you to use the system as a music server which any DLNA compatible device
276 276 
 </p>
277 277 
 </div>
278 278 
 </div>
279 
-<div id="outline-container-org93b2ce7" class="outline-2">
280 
-<h2 id="org93b2ce7">Dokuwiki</h2>
281 
-<div class="outline-text-2" id="text-org93b2ce7">
279 
+<div id="outline-container-org7e6853f" class="outline-2">
280 
+<h2 id="org7e6853f">Dokuwiki</h2>
281 
+<div class="outline-text-2" id="text-org7e6853f">
282 282 
 <p>
283 283 
 A databaseless wiki system.
284 284 
 </p>
 
@@ -288,9 +288,9 @@ A databaseless wiki system.
288 288 
 </p>
289 289 
 </div>
290 290 
 </div>
291 
-<div id="outline-container-org22d83d1" class="outline-2">
292 
-<h2 id="org22d83d1">Emacs</h2>
293 
-<div class="outline-text-2" id="text-org22d83d1">
291 
+<div id="outline-container-orge8f2197" class="outline-2">
292 
+<h2 id="orge8f2197">Emacs</h2>
293 
+<div class="outline-text-2" id="text-orge8f2197">
294 294 
 <p>
295 295 
 If you use the Mutt client to read your email then this will set it up to use emacs for composing new mail.
296 296 
 </p>
 
@@ -300,9 +300,9 @@ If you use the Mutt client to read your email then this will set it up to use em
300 300 
 </p>
301 301 
 </div>
302 302 
 </div>
303 
-<div id="outline-container-org3def1a9" class="outline-2">
304 
-<h2 id="org3def1a9">Etherpad</h2>
305 
-<div class="outline-text-2" id="text-org3def1a9">
303 
+<div id="outline-container-org426b74c" class="outline-2">
304 
+<h2 id="org426b74c">Etherpad</h2>
305 
+<div class="outline-text-2" id="text-org426b74c">
306 306 
 <p>
307 307 
 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.
308 308 
 </p>
 
@@ -312,9 +312,9 @@ Collaborate on creating documents in real time. Maybe you're planning a holiday
312 312 
 </p>
313 313 
 </div>
314 314 
 </div>
315 
-<div id="outline-container-orgce48cd9" class="outline-2">
316 
-<h2 id="orgce48cd9">Friendica</h2>
317 
-<div class="outline-text-2" id="text-orgce48cd9">
315 
+<div id="outline-container-org9b190bd" class="outline-2">
316 
+<h2 id="org9b190bd">Friendica</h2>
317 
+<div class="outline-text-2" id="text-org9b190bd">
318 318 
 <p>
319 319 
 Federated social network system.
320 320 
 </p>
 
@@ -324,9 +324,9 @@ Federated social network system.
324 324 
 </p>
325 325 
 </div>
326 326 
 </div>
327 
-<div id="outline-container-orgddef943" class="outline-2">
328 
-<h2 id="orgddef943">Ghost</h2>
329 
-<div class="outline-text-2" id="text-orgddef943">
327 
+<div id="outline-container-org2413ce1" class="outline-2">
328 
+<h2 id="org2413ce1">Ghost</h2>
329 
+<div class="outline-text-2" id="text-org2413ce1">
330 330 
 <p>
331 331 
 Modern looking blogging system.
332 332 
 </p>
 
@@ -336,9 +336,9 @@ Modern looking blogging system.
336 336 
 </p>
337 337 
 </div>
338 338 
 </div>
339 
-<div id="outline-container-orgaa03d10" class="outline-2">
340 
-<h2 id="orgaa03d10">GNU Social</h2>
341 
-<div class="outline-text-2" id="text-orgaa03d10">
339 
+<div id="outline-container-orgfe1fc0a" class="outline-2">
340 
+<h2 id="orgfe1fc0a">GNU Social</h2>
341 
+<div class="outline-text-2" id="text-orgfe1fc0a">
342 342 
 <p>
343 343 
 Federated social network. You can "<i>remote follow</i>" other users within the GNU Social federation.
344 344 
 </p>
 
@@ -348,9 +348,9 @@ Federated social network. You can "<i>remote follow</i>" other users within the
348 348 
 </p>
349 349 
 </div>
350 350 
 </div>
351 
-<div id="outline-container-org0b59cf9" class="outline-2">
352 
-<h2 id="org0b59cf9">Gogs</h2>
353 
-<div class="outline-text-2" id="text-org0b59cf9">
351 
+<div id="outline-container-orga4716ef" class="outline-2">
352 
+<h2 id="orga4716ef">Gogs</h2>
353 
+<div class="outline-text-2" id="text-orga4716ef">
354 354 
 <p>
355 355 
 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.
356 356 
 </p>
 
@@ -360,9 +360,9 @@ Lightweight git project hosting system. You can mirror projects from Github, or
360 360 
 </p>
361 361 
 </div>
362 362 
 </div>
363 
-<div id="outline-container-org82116af" class="outline-2">
364 
-<h2 id="org82116af">HTMLy</h2>
365 
-<div class="outline-text-2" id="text-org82116af">
363 
+<div id="outline-container-org0d4f93d" class="outline-2">
364 
+<h2 id="org0d4f93d">HTMLy</h2>
365 
+<div class="outline-text-2" id="text-org0d4f93d">
366 366 
 <p>
367 367 
 Databaseless blogging system. Quite simple and with a markdown-like format.
368 368 
 </p>
 
@@ -372,9 +372,9 @@ Databaseless blogging system. Quite simple and with a markdown-like format.
372 372 
 </p>
373 373 
 </div>
374 374 
 </div>
375 
-<div id="outline-container-org628e970" class="outline-2">
376 
-<h2 id="org628e970">Hubzilla</h2>
377 
-<div class="outline-text-2" id="text-org628e970">
375 
+<div id="outline-container-org0d348d0" class="outline-2">
376 
+<h2 id="org0d348d0">Hubzilla</h2>
377 
+<div class="outline-text-2" id="text-org0d348d0">
378 378 
 <p>
379 379 
 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.
380 380 
 </p>
 
@@ -384,9 +384,9 @@ Web publishing platform with social network like features and good privacy contr
384 384 
 </p>
385 385 
 </div>
386 386 
 </div>
387 
-<div id="outline-container-org053df0a" class="outline-2">
388 
-<h2 id="org053df0a">IRC Server (ngirc)</h2>
389 
-<div class="outline-text-2" id="text-org053df0a">
387 
+<div id="outline-container-org9d8a8f3" class="outline-2">
388 
+<h2 id="org9d8a8f3">IRC Server (ngirc)</h2>
389 
+<div class="outline-text-2" id="text-org9d8a8f3">
390 390 
 <p>
391 391 
 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.
392 392 
 </p>
 
@@ -396,18 +396,18 @@ Run your own IRC chat channel which can be secured with a password and accessibl
396 396 
 </p>
397 397 
 </div>
398 398 
 </div>
399 
-<div id="outline-container-org3114655" class="outline-2">
400 
-<h2 id="org3114655">Jitsi Meet</h2>
401 
-<div class="outline-text-2" id="text-org3114655">
399 
+<div id="outline-container-org994c40b" class="outline-2">
400 
+<h2 id="org994c40b">Jitsi Meet</h2>
401 
+<div class="outline-text-2" id="text-org994c40b">
402 402 
 <p>
403 403 
 Experimental WebRTC video conferencing system, similar to Google Hangouts. This may not be fully functional, but is hoped to be in the near future.
404 404 
 </p>
405 405 
 </div>
406 406 
 </div>
407 407
408 
-<div id="outline-container-org95bfce2" class="outline-2">
409 
-<h2 id="org95bfce2">Lychee</h2>
410 
-<div class="outline-text-2" id="text-org95bfce2">
408 
+<div id="outline-container-org77fc7ff" class="outline-2">
409 
+<h2 id="org77fc7ff">Lychee</h2>
410 
+<div class="outline-text-2" id="text-org77fc7ff">
411 411 
 <p>
412 412 
 Make your photo albums available on the web.
413 413 
 </p>
 
@@ -417,9 +417,9 @@ Make your photo albums available on the web.
417 417 
 </p>
418 418 
 </div>
419 419 
 </div>
420 
-<div id="outline-container-org7547134" class="outline-2">
421 
-<h2 id="org7547134">Mailpile</h2>
422 
-<div class="outline-text-2" id="text-org7547134">
420 
+<div id="outline-container-org8fe7942" class="outline-2">
421 
+<h2 id="org8fe7942">Mailpile</h2>
422 
+<div class="outline-text-2" id="text-org8fe7942">
423 423 
 <p>
424 424 
 Modern email client which supports GPG encryption.
425 425 
 </p>
 
@@ -429,9 +429,21 @@ Modern email client which supports GPG encryption.
429 429 
 </p>
430 430 
 </div>
431 431 
 </div>
432 
-<div id="outline-container-org8cf199d" class="outline-2">
433 
-<h2 id="org8cf199d">Mediagoblin</h2>
434 
-<div class="outline-text-2" id="text-org8cf199d">
432 
+<div id="outline-container-orgefa8f2e" class="outline-2">
433 
+<h2 id="orgefa8f2e">Matrix</h2>
434 
+<div class="outline-text-2" id="text-orgefa8f2e">
435 
+<p>
436 
+Multi-user chat with some security and moderation controls.
437 
+</p>
438 
+
439 
+<p>
440 
+<a href="./app_matrix.html">How to use it</a>
441 
+</p>
442 
+</div>
443 
+</div>
444 
+<div id="outline-container-org0a14737" class="outline-2">
445 
+<h2 id="org0a14737">Mediagoblin</h2>
446 
+<div class="outline-text-2" id="text-org0a14737">
435 447 
 <p>
436 448 
 Publicly host video and audio files so that you don't need to use YouTube/Vimeo/etc.
437 449 
 </p>
 
@@ -441,9 +453,9 @@ Publicly host video and audio files so that you don't need to use YouTube/Vimeo/
441 453 
 </p>
442 454 
 </div>
443 455 
 </div>
444 
-<div id="outline-container-org5c78370" class="outline-2">
445 
-<h2 id="org5c78370">Mumble</h2>
446 
-<div class="outline-text-2" id="text-org5c78370">
456 
+<div id="outline-container-orgcc0d1bc" class="outline-2">
457 
+<h2 id="orgcc0d1bc">Mumble</h2>
458 
+<div class="outline-text-2" id="text-orgcc0d1bc">
447 459 
 <p>
448 460 
 The popular VoIP and text chat system. Say goodbye to old-fashioned telephony conferences with silly dial codes. Also works well on mobile.
449 461 
 </p>
 
@@ -453,9 +465,9 @@ The popular VoIP and text chat system. Say goodbye to old-fashioned telephony co
453 465 
 </p>
454 466 
 </div>
455 467 
 </div>
456 
-<div id="outline-container-orgb21fe4b" class="outline-2">
457 
-<h2 id="orgb21fe4b">PI-Hole</h2>
458 
-<div class="outline-text-2" id="text-orgb21fe4b">
468 
+<div id="outline-container-orgb5dff52" class="outline-2">
469 
+<h2 id="orgb5dff52">PI-Hole</h2>
470 
+<div class="outline-text-2" id="text-orgb5dff52">
459 471 
 <p>
460 472 
 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.
461 473 
 </p>
 
@@ -465,9 +477,9 @@ The black hole for web adverts. Block adverts at the domain name level within yo
465 477 
 </p>
466 478 
 </div>
467 479 
 </div>
468 
-<div id="outline-container-orgf07d1fd" class="outline-2">
469 
-<h2 id="orgf07d1fd">PostActiv</h2>
470 
-<div class="outline-text-2" id="text-orgf07d1fd">
480 
+<div id="outline-container-org14f412d" class="outline-2">
481 
+<h2 id="org14f412d">PostActiv</h2>
482 
+<div class="outline-text-2" id="text-org14f412d">
471 483 
 <p>
472 484 
 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.
473 485 
 </p>
 
@@ -477,9 +489,9 @@ An alternative federated social networking system compatible with GNU Social. It
477 489 
 </p>
478 490 
 </div>
479 491 
 </div>
480 
-<div id="outline-container-orgf106362" class="outline-2">
481 
-<h2 id="orgf106362">Radicale</h2>
482 
-<div class="outline-text-2" id="text-orgf106362">
492 
+<div id="outline-container-org428f160" class="outline-2">
493 
+<h2 id="org428f160">Radicale</h2>
494 
+<div class="outline-text-2" id="text-org428f160">
483 495 
 <p>
484 496 
 Calendar system compatible with CalDAV and CardDAV. Synch your calendar events easily and securely across all your devices.
485 497 
 </p>
 
@@ -489,9 +501,9 @@ Calendar system compatible with CalDAV and CardDAV. Synch your calendar events e
489 501 
 </p>
490 502 
 </div>
491 503 
 </div>
492 
-<div id="outline-container-org75daebd" class="outline-2">
493 
-<h2 id="org75daebd">SearX</h2>
494 
-<div class="outline-text-2" id="text-org75daebd">
504 
+<div id="outline-container-orgfe12a99" class="outline-2">
505 
+<h2 id="orgfe12a99">SearX</h2>
506 
+<div class="outline-text-2" id="text-orgfe12a99">
495 507 
 <p>
496 508 
 A metasearch engine for customised and private web searches.
497 509 
 </p>
 
@@ -501,9 +513,9 @@ A metasearch engine for customised and private web searches.
501 513 
 </p>
502 514 
 </div>
503 515 
 </div>
504 
-<div id="outline-container-org277c344" class="outline-2">
505 
-<h2 id="org277c344">tt-rss</h2>
506 
-<div class="outline-text-2" id="text-org277c344">
516 
+<div id="outline-container-org5601f82" class="outline-2">
517 
+<h2 id="org5601f82">tt-rss</h2>
518 
+<div class="outline-text-2" id="text-org5601f82">
507 519 
 <p>
508 520 
 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.
509 521 
 </p>
 
@@ -513,9 +525,9 @@ Private RSS reader. Pulls in RSS/Atom feeds via Tor and is only accessible via a
513 525 
 </p>
514 526 
 </div>
515 527 
 </div>
516 
-<div id="outline-container-org303d613" class="outline-2">
517 
-<h2 id="org303d613">Syncthing</h2>
518 
-<div class="outline-text-2" id="text-org303d613">
528 
+<div id="outline-container-org0665efd" class="outline-2">
529 
+<h2 id="org0665efd">Syncthing</h2>
530 
+<div class="outline-text-2" id="text-org0665efd">
519 531 
 <p>
520 532 
 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.
521 533 
 </p>
 
@@ -525,9 +537,9 @@ Possibly the best way to synchronise files across all of your devices. Once it h
525 537 
 </p>
526 538 
 </div>
527 539 
 </div>
528 
-<div id="outline-container-org9375130" class="outline-2">
529 
-<h2 id="org9375130">Tahoe-LAFS</h2>
530 
-<div class="outline-text-2" id="text-org9375130">
540 
+<div id="outline-container-orgbb157d9" class="outline-2">
541 
+<h2 id="orgbb157d9">Tahoe-LAFS</h2>
542 
+<div class="outline-text-2" id="text-orgbb157d9">
531 543 
 <p>
532 544 
 Robust and encrypted storage of files on one or more server.
533 545 
 </p>
 
@@ -537,9 +549,9 @@ Robust and encrypted storage of files on one or more server.
537 549 
 </p>
538 550 
 </div>
539 551 
 </div>
540 
-<div id="outline-container-org14db040" class="outline-2">
541 
-<h2 id="org14db040">Tox</h2>
542 
-<div class="outline-text-2" id="text-org14db040">
552 
+<div id="outline-container-orgc480751" class="outline-2">
553 
+<h2 id="orgc480751">Tox</h2>
554 
+<div class="outline-text-2" id="text-orgc480751">
543 555 
 <p>
544 556 
 Client and bootstrap node for the Tox chat/VoIP system.
545 557 
 </p>
 
@@ -549,9 +561,9 @@ Client and bootstrap node for the Tox chat/VoIP system.
549 561 
 </p>
550 562 
 </div>
551 563 
 </div>
552 
-<div id="outline-container-org7fa24b1" class="outline-2">
553 
-<h2 id="org7fa24b1">Turtl</h2>
554 
-<div class="outline-text-2" id="text-org7fa24b1">
564 
+<div id="outline-container-org445dcb2" class="outline-2">
565 
+<h2 id="org445dcb2">Turtl</h2>
566 
+<div class="outline-text-2" id="text-org445dcb2">
555 567 
 <p>
556 568 
 A system for privately creating and sharing notes and images, similar to Evernote but without the spying.
557 569 
 </p>
 
@@ -561,18 +573,18 @@ A system for privately creating and sharing notes and images, similar to Evernot
561 573 
 </p>
562 574 
 </div>
563 575 
 </div>
564 
-<div id="outline-container-org87a048b" class="outline-2">
565 
-<h2 id="org87a048b">Vim</h2>
566 
-<div class="outline-text-2" id="text-org87a048b">
576 
+<div id="outline-container-org15fb14c" class="outline-2">
577 
+<h2 id="org15fb14c">Vim</h2>
578 
+<div class="outline-text-2" id="text-org15fb14c">
567 579 
 <p>
568 580 
 If you use the Mutt client to read your email then this will set it up to use vim for composing new mail.
569 581 
 </p>
570 582 
 </div>
571 583 
 </div>
572 584
573 
-<div id="outline-container-orgf4dbf6f" class="outline-2">
574 
-<h2 id="orgf4dbf6f">XMPP</h2>
575 
-<div class="outline-text-2" id="text-orgf4dbf6f">
585 
+<div id="outline-container-org453cb99" class="outline-2">
586 
+<h2 id="org453cb99">XMPP</h2>
587 
+<div class="outline-text-2" id="text-org453cb99">
576 588 
 <p>
577 589 
 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.
578 590 
 </p>