free
/
freedombone
Bevaka 1
Stjärnmärk 0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Activity
Bläddra i källkod

kanboard documentation

Bob Mottram 7 år sedan
förälder
dd04199b4a
incheckning
351c8fa5b6
4 ändrade filer med 475 tillägg och 97 borttagningar
Delad Vy Visa Diff Statistik
  1. 39
    0
      doc/EN/app_kanboard.org
  2. 4
    0
      doc/EN/apps.org
  3. 323
    0
      website/EN/app_kanboard.html
  4. 109
    97
      website/EN/apps.html

+ 39
- 0
doc/EN/app_kanboard.org Visa fil 

@@ -0,0 +1,39 @@
1 
+#+TITLE:
2 
+#+AUTHOR: Bob Mottram
3 
+#+EMAIL: bob@freedombone.net
4 
+#+KEYWORDS: freedombone, kanboard
5 
+#+DESCRIPTION: How to use KanBoard
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>KanBoard</h1>
16 
+</center>
17 
+#+END_EXPORT
18 
+
19 
+Kanbans are one way of managing projects. They're traditionally used in businesses but can also be useful for personal TODO lists or within open source or DIY projects. If you have a list of things which need to be done and want to keep track of progress then this provides a way to do that.
20 
+
21 
+* Installation
22 
+Log into your system with:
23 
+
24 
+#+begin_src bash
25 
+ssh myusername@mydomain -p 2222
26 
+#+end_src
27 
+
28 
+Using cursor keys, space bar and Enter key select *Administrator controls* and type in your password.
29 
+
30 
+Select *Add/Remove Apps* then *kanboard*. 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 /kanban.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.
31 
+
32 
+After the install has completed go to *Security settings* and select *Create a new Let's Encrypt certificate* and enter the domain name that you are using for KanBoard. If you're using the "onion only" version of the system then you don't need to do this. If the certificate is obtained successfully then you will see a congratulations message.
33 
+
34 
+* Initial setup
35 
+If you have just obtained a Lets Encrypt certificate as above then go to *About* on the administrator control panel and you should see your KanBoard domain listed there along with an onion address. You can then navigate to your site in a browser.
36 
+
37 
+The default login is username "admin" and password "admin". Obviously the first thing you'll need to do is log in and change the password, which can be done by going to "My Profile" on the drop down list on the right hand side.
38 
+
39 
+For more details of how to use KanBoard see the [[https://kanboard.net/documentation][documentation here]].

+ 4
- 0
doc/EN/apps.org Visa fil 

@@ -75,6 +75,10 @@ Run your own IRC chat channel which can be secured with a password and accessibl
75 75 
 * Jitsi Meet
76 76 
 Experimental WebRTC video conferencing system, similar to Google Hangouts. This may not be fully functional, but is hoped to be in the near future.
77 77
78 
+* KanBoard
79 
+A simple kanban system for managing projects or TODO lists.
80 
+
81 
+[[./app_kanboard.html][How to use it]]
78 82 
 * Koel
79 83 
 Access your music collection from any internet connected device.
80 84

+ 323
- 0
website/EN/app_kanboard.html Visa fil 

@@ -0,0 +1,323 @@
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-07-25 Tue 23:23 -->
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 KanBoard"
13 
+ />
14 
+<meta name="keywords" content="freedombone, kanboard" />
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>KanBoard</h1>
249 
+</center>
250 
+
251 
+<p>
252 
+Kanbans are one way of managing projects. They're traditionally used in businesses but can also be useful for personal TODO lists or within open source or DIY projects. If you have a list of things which need to be done and want to keep track of progress then this provides a way to do that.
253 
+</p>
254 
+
255 
+<div id="outline-container-orgfd145f9" class="outline-2">
256 
+<h2 id="orgfd145f9">Installation</h2>
257 
+<div class="outline-text-2" id="text-orgfd145f9">
258 
+<p>
259 
+Log into your system with:
260 
+</p>
261 
+
262 
+<div class="org-src-container">
263 
+<pre><code class="src src-bash">ssh myusername@mydomain -p 2222
264 
+</code></pre>
265 
+</div>
266 
+
267 
+<p>
268 
+Using cursor keys, space bar and Enter key select <b>Administrator controls</b> and type in your password.
269 
+</p>
270 
+
271 
+<p>
272 
+Select <b>Add/Remove Apps</b> then <b>kanboard</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>kanban.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.
273 
+</p>
274 
+
275 
+<p>
276 
+After the install has completed go to <b>Security settings</b> and select <b>Create a new Let's Encrypt certificate</b> and enter the domain name that you are using for KanBoard. If you're using the "onion only" version of the system then you don't need to do this. If the certificate is obtained successfully then you will see a congratulations message.
277 
+</p>
278 
+</div>
279 
+</div>
280 
+
281 
+<div id="outline-container-org2e3435d" class="outline-2">
282 
+<h2 id="org2e3435d">Initial setup</h2>
283 
+<div class="outline-text-2" id="text-org2e3435d">
284 
+<p>
285 
+If you have just obtained a Lets Encrypt certificate as above then go to <b>About</b> on the administrator control panel and you should see your KanBoard domain listed there along with an onion address. You can then navigate to your site in a browser.
286 
+</p>
287 
+
288 
+<p>
289 
+The default login is username "admin" and password "admin". Obviously the first thing you'll need to do is log in and change the password, which can be done by going to "My Profile" on the drop down list on the right hand side.
290 
+</p>
291 
+
292 
+<p>
293 
+For more details of how to use KanBoard see the <a href="https://kanboard.net/documentation">documentation here</a>.
294 
+</p>
295 
+</div>
296 
+</div>
297 
+</div>
298 
+<div id="postamble" class="status">
299 
+
300 
+<style type="text/css">
301 
+.back-to-top {
302 
+    position: fixed;
303 
+    bottom: 2em;
304 
+    right: 0px;
305 
+    text-decoration: none;
306 
+    color: #000000;
307 
+    background-color: rgba(235, 235, 235, 0.80);
308 
+    font-size: 12px;
309 
+    padding: 1em;
310 
+    display: none;
311 
+}
312 
+
313 
+.back-to-top:hover {
314 
+    background-color: rgba(135, 135, 135, 0.50);
315 
+}
316 
+</style>
317 
+
318 
+<div class="back-to-top">
319 
+<a href="#top">Back to top</a> | <a href="mailto:bob@freedombone.net">E-mail me</a>
320 
+</div>
321 
+</div>
322 
+</body>
323 
+</html>

+ 109
- 97
website/EN/apps.html Visa fil 

@@ -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-06-25 Sun 21:57 -->
6 
+<!-- 2017-07-25 Tue 23:25 -->
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-org63f1146" class="outline-2">
268 
-<h2 id="org63f1146">CryptPad</h2>
269 
-<div class="outline-text-2" id="text-org63f1146">
267 
+<div id="outline-container-org9a19246" class="outline-2">
268 
+<h2 id="org9a19246">CryptPad</h2>
269 
+<div class="outline-text-2" id="text-org9a19246">
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-orgf372cd2" class="outline-2">
280 
-<h2 id="orgf372cd2">DLNA</h2>
281 
-<div class="outline-text-2" id="text-orgf372cd2">
279 
+<div id="outline-container-orgaf887a3" class="outline-2">
280 
+<h2 id="orgaf887a3">DLNA</h2>
281 
+<div class="outline-text-2" id="text-orgaf887a3">
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-orge69d870" class="outline-2">
292 
-<h2 id="orge69d870">Dokuwiki</h2>
293 
-<div class="outline-text-2" id="text-orge69d870">
291 
+<div id="outline-container-org24b3d95" class="outline-2">
292 
+<h2 id="org24b3d95">Dokuwiki</h2>
293 
+<div class="outline-text-2" id="text-org24b3d95">
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-org748292e" class="outline-2">
304 
-<h2 id="org748292e">Emacs</h2>
305 
-<div class="outline-text-2" id="text-org748292e">
303 
+<div id="outline-container-orga7568ea" class="outline-2">
304 
+<h2 id="orga7568ea">Emacs</h2>
305 
+<div class="outline-text-2" id="text-orga7568ea">
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-org9e62d1f" class="outline-2">
316 
-<h2 id="org9e62d1f">Etherpad</h2>
317 
-<div class="outline-text-2" id="text-org9e62d1f">
315 
+<div id="outline-container-org3d4300f" class="outline-2">
316 
+<h2 id="org3d4300f">Etherpad</h2>
317 
+<div class="outline-text-2" id="text-org3d4300f">
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-org8eb5191" class="outline-2">
328 
-<h2 id="org8eb5191">Friendica</h2>
329 
-<div class="outline-text-2" id="text-org8eb5191">
327 
+<div id="outline-container-org91f769f" class="outline-2">
328 
+<h2 id="org91f769f">Friendica</h2>
329 
+<div class="outline-text-2" id="text-org91f769f">
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-orge13ef3e" class="outline-2">
340 
-<h2 id="orge13ef3e">Ghost</h2>
341 
-<div class="outline-text-2" id="text-orge13ef3e">
339 
+<div id="outline-container-org6266e6b" class="outline-2">
340 
+<h2 id="org6266e6b">Ghost</h2>
341 
+<div class="outline-text-2" id="text-org6266e6b">
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-org18ba256" class="outline-2">
352 
-<h2 id="org18ba256">GNU Social</h2>
353 
-<div class="outline-text-2" id="text-org18ba256">
351 
+<div id="outline-container-orge7307c0" class="outline-2">
352 
+<h2 id="orge7307c0">GNU Social</h2>
353 
+<div class="outline-text-2" id="text-orge7307c0">
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-orgbf05b19" class="outline-2">
364 
-<h2 id="orgbf05b19">Gogs</h2>
365 
-<div class="outline-text-2" id="text-orgbf05b19">
363 
+<div id="outline-container-org42d8a6c" class="outline-2">
364 
+<h2 id="org42d8a6c">Gogs</h2>
365 
+<div class="outline-text-2" id="text-org42d8a6c">
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-org14e55c0" class="outline-2">
376 
-<h2 id="org14e55c0">HTMLy</h2>
377 
-<div class="outline-text-2" id="text-org14e55c0">
375 
+<div id="outline-container-org21d5b80" class="outline-2">
376 
+<h2 id="org21d5b80">HTMLy</h2>
377 
+<div class="outline-text-2" id="text-org21d5b80">
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-org4db6ae4" class="outline-2">
388 
-<h2 id="org4db6ae4">Hubzilla</h2>
389 
-<div class="outline-text-2" id="text-org4db6ae4">
387 
+<div id="outline-container-org47d8fc7" class="outline-2">
388 
+<h2 id="org47d8fc7">Hubzilla</h2>
389 
+<div class="outline-text-2" id="text-org47d8fc7">
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-org7fae7fd" class="outline-2">
400 
-<h2 id="org7fae7fd">IRC Server (ngirc)</h2>
401 
-<div class="outline-text-2" id="text-org7fae7fd">
399 
+<div id="outline-container-org71113c6" class="outline-2">
400 
+<h2 id="org71113c6">IRC Server (ngirc)</h2>
401 
+<div class="outline-text-2" id="text-org71113c6">
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,30 @@ 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-org0422600" class="outline-2">
412 
-<h2 id="org0422600">Jitsi Meet</h2>
413 
-<div class="outline-text-2" id="text-org0422600">
411 
+<div id="outline-container-org9f28087" class="outline-2">
412 
+<h2 id="org9f28087">Jitsi Meet</h2>
413 
+<div class="outline-text-2" id="text-org9f28087">
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-orgb944eab" class="outline-2">
421 
-<h2 id="orgb944eab">Koel</h2>
422 
-<div class="outline-text-2" id="text-orgb944eab">
420 
+<div id="outline-container-orgbad5922" class="outline-2">
421 
+<h2 id="orgbad5922">KanBoard</h2>
422 
+<div class="outline-text-2" id="text-orgbad5922">
423 
+<p>
424 
+A simple kanban system for managing projects or TODO lists.
425 
+</p>
426 
+
427 
+<p>
428 
+<a href="./app_kanboard.html">How to use it</a>
429 
+</p>
430 
+</div>
431 
+</div>
432 
+<div id="outline-container-org6529912" class="outline-2">
433 
+<h2 id="org6529912">Koel</h2>
434 
+<div class="outline-text-2" id="text-org6529912">
423 435 
 <p>
424 436 
 Access your music collection from any internet connected device.
425 437 
 </p>
 
@@ -429,9 +441,9 @@ Access your music collection from any internet connected device.
429 441 
 </p>
430 442 
 </div>
431 443 
 </div>
432 
-<div id="outline-container-orgbbbba81" class="outline-2">
433 
-<h2 id="orgbbbba81">Lychee</h2>
434 
-<div class="outline-text-2" id="text-orgbbbba81">
444 
+<div id="outline-container-orgc0eae1a" class="outline-2">
445 
+<h2 id="orgc0eae1a">Lychee</h2>
446 
+<div class="outline-text-2" id="text-orgc0eae1a">
435 447 
 <p>
436 448 
 Make your photo albums available on the web.
437 449 
 </p>
 
@@ -441,9 +453,9 @@ Make your photo albums available on the web.
441 453 
 </p>
442 454 
 </div>
443 455 
 </div>
444 
-<div id="outline-container-org6ff2173" class="outline-2">
445 
-<h2 id="org6ff2173">Mailpile</h2>
446 
-<div class="outline-text-2" id="text-org6ff2173">
456 
+<div id="outline-container-orga4bfc9d" class="outline-2">
457 
+<h2 id="orga4bfc9d">Mailpile</h2>
458 
+<div class="outline-text-2" id="text-orga4bfc9d">
447 459 
 <p>
448 460 
 Modern email client which supports GPG encryption.
449 461 
 </p>
 
@@ -453,9 +465,9 @@ Modern email client which supports GPG encryption.
453 465 
 </p>
454 466 
 </div>
455 467 
 </div>
456 
-<div id="outline-container-orgbed2d4b" class="outline-2">
457 
-<h2 id="orgbed2d4b">Matrix</h2>
458 
-<div class="outline-text-2" id="text-orgbed2d4b">
468 
+<div id="outline-container-org672b48e" class="outline-2">
469 
+<h2 id="org672b48e">Matrix</h2>
470 
+<div class="outline-text-2" id="text-org672b48e">
459 471 
 <p>
460 472 
 Multi-user chat with some security and moderation controls.
461 473 
 </p>
 
@@ -465,9 +477,9 @@ Multi-user chat with some security and moderation controls.
465 477 
 </p>
466 478 
 </div>
467 479 
 </div>
468 
-<div id="outline-container-org35530e4" class="outline-2">
469 
-<h2 id="org35530e4">Mediagoblin</h2>
470 
-<div class="outline-text-2" id="text-org35530e4">
480 
+<div id="outline-container-orgce218ca" class="outline-2">
481 
+<h2 id="orgce218ca">Mediagoblin</h2>
482 
+<div class="outline-text-2" id="text-orgce218ca">
471 483 
 <p>
472 484 
 Publicly host video and audio files so that you don't need to use YouTube/Vimeo/etc.
473 485 
 </p>
 
@@ -477,9 +489,9 @@ Publicly host video and audio files so that you don't need to use YouTube/Vimeo/
477 489 
 </p>
478 490 
 </div>
479 491 
 </div>
480 
-<div id="outline-container-org5500ed4" class="outline-2">
481 
-<h2 id="org5500ed4">Mumble</h2>
482 
-<div class="outline-text-2" id="text-org5500ed4">
492 
+<div id="outline-container-orgb224245" class="outline-2">
493 
+<h2 id="orgb224245">Mumble</h2>
494 
+<div class="outline-text-2" id="text-orgb224245">
483 495 
 <p>
484 496 
 The popular VoIP and text chat system. Say goodbye to old-fashioned telephony conferences with silly dial codes. Also works well on mobile.
485 497 
 </p>
 
@@ -489,9 +501,9 @@ The popular VoIP and text chat system. Say goodbye to old-fashioned telephony co
489 501 
 </p>
490 502 
 </div>
491 503 
 </div>
492 
-<div id="outline-container-orgc0f99a0" class="outline-2">
493 
-<h2 id="orgc0f99a0">NextCloud</h2>
494 
-<div class="outline-text-2" id="text-orgc0f99a0">
504 
+<div id="outline-container-org2786fbb" class="outline-2">
505 
+<h2 id="org2786fbb">NextCloud</h2>
506 
+<div class="outline-text-2" id="text-org2786fbb">
495 507 
 <p>
496 508 
 Store files on your server and sync them with laptops or mobile devices. Includes many plugins including videoconferencing and collaborative document editing.
497 509 
 </p>
 
@@ -501,9 +513,9 @@ Store files on your server and sync them with laptops or mobile devices. Include
501 513 
 </p>
502 514 
 </div>
503 515 
 </div>
504 
-<div id="outline-container-orga3e49f8" class="outline-2">
505 
-<h2 id="orga3e49f8">PI-Hole</h2>
506 
-<div class="outline-text-2" id="text-orga3e49f8">
516 
+<div id="outline-container-orgaad15be" class="outline-2">
517 
+<h2 id="orgaad15be">PI-Hole</h2>
518 
+<div class="outline-text-2" id="text-orgaad15be">
507 519 
 <p>
508 520 
 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.
509 521 
 </p>
 
@@ -513,9 +525,9 @@ The black hole for web adverts. Block adverts at the domain name level within yo
513 525 
 </p>
514 526 
 </div>
515 527 
 </div>
516 
-<div id="outline-container-org6d5133e" class="outline-2">
517 
-<h2 id="org6d5133e">PostActiv</h2>
518 
-<div class="outline-text-2" id="text-org6d5133e">
528 
+<div id="outline-container-org0cb789f" class="outline-2">
529 
+<h2 id="org0cb789f">PostActiv</h2>
530 
+<div class="outline-text-2" id="text-org0cb789f">
519 531 
 <p>
520 532 
 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.
521 533 
 </p>
 
@@ -525,9 +537,9 @@ An alternative federated social networking system compatible with GNU Social. It
525 537 
 </p>
526 538 
 </div>
527 539 
 </div>
528 
-<div id="outline-container-org82cb46a" class="outline-2">
529 
-<h2 id="org82cb46a">Profanity</h2>
530 
-<div class="outline-text-2" id="text-org82cb46a">
540 
+<div id="outline-container-org6b2db26" class="outline-2">
541 
+<h2 id="org6b2db26">Profanity</h2>
542 
+<div class="outline-text-2" id="text-org6b2db26">
531 543 
 <p>
532 544 
 A shell based XMPP client which you can run on the Freedombone server via ssh.
533 545 
 </p>
 
@@ -537,9 +549,9 @@ A shell based XMPP client which you can run on the Freedombone server via ssh.
537 549 
 </p>
538 550 
 </div>
539 551 
 </div>
540 
-<div id="outline-container-org0544cbf" class="outline-2">
541 
-<h2 id="org0544cbf">Riot Web</h2>
542 
-<div class="outline-text-2" id="text-org0544cbf">
552 
+<div id="outline-container-org4dea572" class="outline-2">
553 
+<h2 id="org4dea572">Riot Web</h2>
554 
+<div class="outline-text-2" id="text-org4dea572">
543 555 
 <p>
544 556 
 A browser based user interface for the Matrix federated communications system, including WebRTC audio and video chat.
545 557 
 </p>
 
@@ -549,9 +561,9 @@ A browser based user interface for the Matrix federated communications system, i
549 561 
 </p>
550 562 
 </div>
551 563 
 </div>
552 
-<div id="outline-container-orga52c58b" class="outline-2">
553 
-<h2 id="orga52c58b">SearX</h2>
554 
-<div class="outline-text-2" id="text-orga52c58b">
564 
+<div id="outline-container-org7e88433" class="outline-2">
565 
+<h2 id="org7e88433">SearX</h2>
566 
+<div class="outline-text-2" id="text-org7e88433">
555 567 
 <p>
556 568 
 A metasearch engine for customised and private web searches.
557 569 
 </p>
 
@@ -561,9 +573,9 @@ A metasearch engine for customised and private web searches.
561 573 
 </p>
562 574 
 </div>
563 575 
 </div>
564 
-<div id="outline-container-org8f2b9fe" class="outline-2">
565 
-<h2 id="org8f2b9fe">tt-rss</h2>
566 
-<div class="outline-text-2" id="text-org8f2b9fe">
576 
+<div id="outline-container-orgcfc1af4" class="outline-2">
577 
+<h2 id="orgcfc1af4">tt-rss</h2>
578 
+<div class="outline-text-2" id="text-orgcfc1af4">
567 579 
 <p>
568 580 
 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.
569 581 
 </p>
 
@@ -573,9 +585,9 @@ Private RSS reader. Pulls in RSS/Atom feeds via Tor and is only accessible via a
573 585 
 </p>
574 586 
 </div>
575 587 
 </div>
576 
-<div id="outline-container-org96317fb" class="outline-2">
577 
-<h2 id="org96317fb">Syncthing</h2>
578 
-<div class="outline-text-2" id="text-org96317fb">
588 
+<div id="outline-container-org526d1e5" class="outline-2">
589 
+<h2 id="org526d1e5">Syncthing</h2>
590 
+<div class="outline-text-2" id="text-org526d1e5">
579 591 
 <p>
580 592 
 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.
581 593 
 </p>
 
@@ -585,9 +597,9 @@ Possibly the best way to synchronise files across all of your devices. Once it h
585 597 
 </p>
586 598 
 </div>
587 599 
 </div>
588 
-<div id="outline-container-org6118146" class="outline-2">
589 
-<h2 id="org6118146">Tahoe-LAFS</h2>
590 
-<div class="outline-text-2" id="text-org6118146">
600 
+<div id="outline-container-org43bcb4f" class="outline-2">
601 
+<h2 id="org43bcb4f">Tahoe-LAFS</h2>
602 
+<div class="outline-text-2" id="text-org43bcb4f">
591 603 
 <p>
592 604 
 Robust and encrypted storage of files on one or more server.
593 605 
 </p>
 
@@ -597,9 +609,9 @@ Robust and encrypted storage of files on one or more server.
597 609 
 </p>
598 610 
 </div>
599 611 
 </div>
600 
-<div id="outline-container-org7850375" class="outline-2">
601 
-<h2 id="org7850375">Tox</h2>
602 
-<div class="outline-text-2" id="text-org7850375">
612 
+<div id="outline-container-org29d522e" class="outline-2">
613 
+<h2 id="org29d522e">Tox</h2>
614 
+<div class="outline-text-2" id="text-org29d522e">
603 615 
 <p>
604 616 
 Client and bootstrap node for the Tox chat/VoIP system.
605 617 
 </p>
 
@@ -609,9 +621,9 @@ Client and bootstrap node for the Tox chat/VoIP system.
609 621 
 </p>
610 622 
 </div>
611 623 
 </div>
612 
-<div id="outline-container-org37c0a88" class="outline-2">
613 
-<h2 id="org37c0a88">Turtl</h2>
614 
-<div class="outline-text-2" id="text-org37c0a88">
624 
+<div id="outline-container-org71eba9a" class="outline-2">
625 
+<h2 id="org71eba9a">Turtl</h2>
626 
+<div class="outline-text-2" id="text-org71eba9a">
615 627 
 <p>
616 628 
 A system for privately creating and sharing notes and images, similar to Evernote but without the spying.
617 629 
 </p>
 
@@ -621,18 +633,18 @@ A system for privately creating and sharing notes and images, similar to Evernot
621 633 
 </p>
622 634 
 </div>
623 635 
 </div>
624 
-<div id="outline-container-org6042f9a" class="outline-2">
625 
-<h2 id="org6042f9a">Vim</h2>
626 
-<div class="outline-text-2" id="text-org6042f9a">
636 
+<div id="outline-container-org95cabfd" class="outline-2">
637 
+<h2 id="org95cabfd">Vim</h2>
638 
+<div class="outline-text-2" id="text-org95cabfd">
627 639 
 <p>
628 640 
 If you use the Mutt client to read your email then this will set it up to use vim for composing new mail.
629 641 
 </p>
630 642 
 </div>
631 643 
 </div>
632 644
633 
-<div id="outline-container-org51cc377" class="outline-2">
634 
-<h2 id="org51cc377">XMPP</h2>
635 
-<div class="outline-text-2" id="text-org51cc377">
645 
+<div id="outline-container-org07897b8" class="outline-2">
646 
+<h2 id="org07897b8">XMPP</h2>
647 
+<div class="outline-text-2" id="text-org07897b8">
636 648 
 <p>
637 649 
 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.
638 650 
 </p>