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

Start of koel documentation

Bob Mottram 8 years ago
parent
b50521d344
commit
fc86a24477
6 changed files with 487 additions and 97 deletions
Split View Show Diff Stats
  1. 44
    0
      doc/EN/app_koel.org
  2. 4
    0
      doc/EN/apps.org
  3. BIN
      img/koel.jpg
  4. BIN
      img/koelsettings.jpg
  5. 330
    0
      website/EN/app_koel.html
  6. 109
    97
      website/EN/apps.html

+ 44
- 0
doc/EN/app_koel.org View File 

@@ -0,0 +1,44 @@
1 
+#+TITLE:
2 
+#+AUTHOR: Bob Mottram
3 
+#+EMAIL: bob@freedombone.net
4 
+#+KEYWORDS: freedombone, koel, music
5 
+#+DESCRIPTION: How to use Koel
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>Koel</h1>
16 
+</center>
17 
+#+END_EXPORT
18 
+
19 
+This enables you to store your music on the Freedombone server and then access it from any internet connected device. If you just want to make music accessible within your home network then [[./app_dlna.html][DLNA]] is usually sufficient, but if you want to be able to play your music from anywhere then Koel is a better option.
20 
+
21 
+#+BEGIN_CENTER
22 
+[[file:images/koel.jpg]]
23 
+#+END_CENTER
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 *koel*. 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 /music.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 
+Go back to the *Administrator control panel*, select *Passwords* then *koel*. You can then use this password together with your email address to initially log in.
37 
+
38 
+Once logged in go to settings and set the media path to */music*.
39 
+
40 
+#+BEGIN_CENTER
41 
+[[file:images/koelsettings.jpg]]
42 
+#+END_CENTER
43 
+
44 
+* Importing music

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

@@ -71,6 +71,10 @@ Run your own IRC chat channel which can be secured with a password and accessibl
71 71 
 * Jitsi Meet
72 72 
 Experimental WebRTC video conferencing system, similar to Google Hangouts. This may not be fully functional, but is hoped to be in the near future.
73 73
74 
+* Koel
75 
+Access your music collection from any internet connected device.
76 
+
77 
+[[./app_koel.html][How to use it]]
74 78 
 * Lychee
75 79 
 Make your photo albums available on the web.
76 80

BIN
img/koel.jpg View File


BIN
img/koelsettings.jpg View File


+ 330
- 0
website/EN/app_koel.html View File 

@@ -0,0 +1,330 @@
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-25 Thu 19:35 -->
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 Koel"
13 
+ />
14 
+<meta name="keywords" content="freedombone, koel, music" />
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>Koel</h1>
249 
+</center>
250 
+
251 
+<p>
252 
+This enables you to store your music on the Freedombone server and then access it from any internet connected device. If you just want to make music accessible within your home network then <a href="./app_dlna.html">DLNA</a> is usually sufficient, but if you want to be able to play your music from anywhere then Koel is a better option.
253 
+</p>
254 
+
255 
+<div class="org-center">
256 
+
257 
+<div class="figure">
258 
+<p><img src="images/koel.jpg" alt="koel.jpg" />
259 
+</p>
260 
+</div>
261 
+</div>
262 
+
263 
+<div id="outline-container-orga3d7c60" class="outline-2">
264 
+<h2 id="orga3d7c60">Installation</h2>
265 
+<div class="outline-text-2" id="text-orga3d7c60">
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>koel</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>music.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 
+
283 
+<p>
284 
+Go back to the <b>Administrator control panel</b>, select <b>Passwords</b> then <b>koel</b>. You can then use this password together with your email address to initially log in.
285 
+</p>
286 
+
287 
+<p>
288 
+Once logged in go to settings and set the media path to <b>/music</b>.
289 
+</p>
290 
+
291 
+<div class="org-center">
292 
+
293 
+<div class="figure">
294 
+<p><img src="images/koelsettings.jpg" alt="koelsettings.jpg" />
295 
+</p>
296 
+</div>
297 
+</div>
298 
+</div>
299 
+</div>
300 
+
301 
+<div id="outline-container-orgfc3ef29" class="outline-2">
302 
+<h2 id="orgfc3ef29">Importing music</h2>
303 
+</div>
304 
+</div>
305 
+<div id="postamble" class="status">
306 
+
307 
+<style type="text/css">
308 
+.back-to-top {
309 
+    position: fixed;
310 
+    bottom: 2em;
311 
+    right: 0px;
312 
+    text-decoration: none;
313 
+    color: #000000;
314 
+    background-color: rgba(235, 235, 235, 0.80);
315 
+    font-size: 12px;
316 
+    padding: 1em;
317 
+    display: none;
318 
+}
319 
+
320 
+.back-to-top:hover {
321 
+    background-color: rgba(135, 135, 135, 0.50);
322 
+}
323 
+</style>
324 
+
325 
+<div class="back-to-top">
326 
+<a href="#top">Back to top</a> | <a href="mailto:bob@freedombone.net">E-mail me</a>
327 
+</div>
328 
+</div>
329 
+</body>
330 
+</html>

+ 109
- 97
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-05-23 Tue 19:34 -->
6 
+<!-- 2017-05-25 Thu 19:37 -->
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-org9b67b8d" class="outline-2">
268 
-<h2 id="org9b67b8d">DLNA</h2>
269 
-<div class="outline-text-2" id="text-org9b67b8d">
267 
+<div id="outline-container-orga8cfe3a" class="outline-2">
268 
+<h2 id="orga8cfe3a">DLNA</h2>
269 
+<div class="outline-text-2" id="text-orga8cfe3a">
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-org8050160" class="outline-2">
280 
-<h2 id="org8050160">Dokuwiki</h2>
281 
-<div class="outline-text-2" id="text-org8050160">
279 
+<div id="outline-container-org19897e2" class="outline-2">
280 
+<h2 id="org19897e2">Dokuwiki</h2>
281 
+<div class="outline-text-2" id="text-org19897e2">
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-orgd5cc666" class="outline-2">
292 
-<h2 id="orgd5cc666">Emacs</h2>
293 
-<div class="outline-text-2" id="text-orgd5cc666">
291 
+<div id="outline-container-org16818a4" class="outline-2">
292 
+<h2 id="org16818a4">Emacs</h2>
293 
+<div class="outline-text-2" id="text-org16818a4">
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-orgd33d5b9" class="outline-2">
304 
-<h2 id="orgd33d5b9">Etherpad</h2>
305 
-<div class="outline-text-2" id="text-orgd33d5b9">
303 
+<div id="outline-container-org68b32ef" class="outline-2">
304 
+<h2 id="org68b32ef">Etherpad</h2>
305 
+<div class="outline-text-2" id="text-org68b32ef">
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-org35154c2" class="outline-2">
316 
-<h2 id="org35154c2">Friendica</h2>
317 
-<div class="outline-text-2" id="text-org35154c2">
315 
+<div id="outline-container-orgf487464" class="outline-2">
316 
+<h2 id="orgf487464">Friendica</h2>
317 
+<div class="outline-text-2" id="text-orgf487464">
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-org73c246a" class="outline-2">
328 
-<h2 id="org73c246a">Ghost</h2>
329 
-<div class="outline-text-2" id="text-org73c246a">
327 
+<div id="outline-container-orgcb20098" class="outline-2">
328 
+<h2 id="orgcb20098">Ghost</h2>
329 
+<div class="outline-text-2" id="text-orgcb20098">
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-org007200d" class="outline-2">
340 
-<h2 id="org007200d">GNU Social</h2>
341 
-<div class="outline-text-2" id="text-org007200d">
339 
+<div id="outline-container-orgb1cf23c" class="outline-2">
340 
+<h2 id="orgb1cf23c">GNU Social</h2>
341 
+<div class="outline-text-2" id="text-orgb1cf23c">
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-org812702b" class="outline-2">
352 
-<h2 id="org812702b">Gogs</h2>
353 
-<div class="outline-text-2" id="text-org812702b">
351 
+<div id="outline-container-orgcbaeec6" class="outline-2">
352 
+<h2 id="orgcbaeec6">Gogs</h2>
353 
+<div class="outline-text-2" id="text-orgcbaeec6">
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-orged01925" class="outline-2">
364 
-<h2 id="orged01925">HTMLy</h2>
365 
-<div class="outline-text-2" id="text-orged01925">
363 
+<div id="outline-container-org4c818d0" class="outline-2">
364 
+<h2 id="org4c818d0">HTMLy</h2>
365 
+<div class="outline-text-2" id="text-org4c818d0">
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-org7f063ed" class="outline-2">
376 
-<h2 id="org7f063ed">Hubzilla</h2>
377 
-<div class="outline-text-2" id="text-org7f063ed">
375 
+<div id="outline-container-orgd8bf49b" class="outline-2">
376 
+<h2 id="orgd8bf49b">Hubzilla</h2>
377 
+<div class="outline-text-2" id="text-orgd8bf49b">
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-org5b8877c" class="outline-2">
388 
-<h2 id="org5b8877c">IRC Server (ngirc)</h2>
389 
-<div class="outline-text-2" id="text-org5b8877c">
387 
+<div id="outline-container-orgba3d721" class="outline-2">
388 
+<h2 id="orgba3d721">IRC Server (ngirc)</h2>
389 
+<div class="outline-text-2" id="text-orgba3d721">
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,30 @@ 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-orgfa668ac" class="outline-2">
400 
-<h2 id="orgfa668ac">Jitsi Meet</h2>
401 
-<div class="outline-text-2" id="text-orgfa668ac">
399 
+<div id="outline-container-org0ba288e" class="outline-2">
400 
+<h2 id="org0ba288e">Jitsi Meet</h2>
401 
+<div class="outline-text-2" id="text-org0ba288e">
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-org623bfe1" class="outline-2">
409 
-<h2 id="org623bfe1">Lychee</h2>
410 
-<div class="outline-text-2" id="text-org623bfe1">
408 
+<div id="outline-container-orgc8feb3f" class="outline-2">
409 
+<h2 id="orgc8feb3f">Koel</h2>
410 
+<div class="outline-text-2" id="text-orgc8feb3f">
411 
+<p>
412 
+Access your music collection from any internet connected device.
413 
+</p>
414 
+
415 
+<p>
416 
+<a href="./app_koel.html">How to use it</a>
417 
+</p>
418 
+</div>
419 
+</div>
420 
+<div id="outline-container-org9762707" class="outline-2">
421 
+<h2 id="org9762707">Lychee</h2>
422 
+<div class="outline-text-2" id="text-org9762707">
411 423 
 <p>
412 424 
 Make your photo albums available on the web.
413 425 
 </p>
 
@@ -417,9 +429,9 @@ Make your photo albums available on the web.
417 429 
 </p>
418 430 
 </div>
419 431 
 </div>
420 
-<div id="outline-container-org96f3a86" class="outline-2">
421 
-<h2 id="org96f3a86">Mailpile</h2>
422 
-<div class="outline-text-2" id="text-org96f3a86">
432 
+<div id="outline-container-org6031e83" class="outline-2">
433 
+<h2 id="org6031e83">Mailpile</h2>
434 
+<div class="outline-text-2" id="text-org6031e83">
423 435 
 <p>
424 436 
 Modern email client which supports GPG encryption.
425 437 
 </p>
 
@@ -429,9 +441,9 @@ Modern email client which supports GPG encryption.
429 441 
 </p>
430 442 
 </div>
431 443 
 </div>
432 
-<div id="outline-container-orgbe70e5c" class="outline-2">
433 
-<h2 id="orgbe70e5c">Matrix</h2>
434 
-<div class="outline-text-2" id="text-orgbe70e5c">
444 
+<div id="outline-container-org47a2c62" class="outline-2">
445 
+<h2 id="org47a2c62">Matrix</h2>
446 
+<div class="outline-text-2" id="text-org47a2c62">
435 447 
 <p>
436 448 
 Multi-user chat with some security and moderation controls.
437 449 
 </p>
 
@@ -441,9 +453,9 @@ Multi-user chat with some security and moderation controls.
441 453 
 </p>
442 454 
 </div>
443 455 
 </div>
444 
-<div id="outline-container-org1b387e6" class="outline-2">
445 
-<h2 id="org1b387e6">Mediagoblin</h2>
446 
-<div class="outline-text-2" id="text-org1b387e6">
456 
+<div id="outline-container-org6244fe1" class="outline-2">
457 
+<h2 id="org6244fe1">Mediagoblin</h2>
458 
+<div class="outline-text-2" id="text-org6244fe1">
447 459 
 <p>
448 460 
 Publicly host video and audio files so that you don't need to use YouTube/Vimeo/etc.
449 461 
 </p>
 
@@ -453,9 +465,9 @@ Publicly host video and audio files so that you don't need to use YouTube/Vimeo/
453 465 
 </p>
454 466 
 </div>
455 467 
 </div>
456 
-<div id="outline-container-org46d9c8f" class="outline-2">
457 
-<h2 id="org46d9c8f">Mumble</h2>
458 
-<div class="outline-text-2" id="text-org46d9c8f">
468 
+<div id="outline-container-orgbdf6733" class="outline-2">
469 
+<h2 id="orgbdf6733">Mumble</h2>
470 
+<div class="outline-text-2" id="text-orgbdf6733">
459 471 
 <p>
460 472 
 The popular VoIP and text chat system. Say goodbye to old-fashioned telephony conferences with silly dial codes. Also works well on mobile.
461 473 
 </p>
 
@@ -465,9 +477,9 @@ The popular VoIP and text chat system. Say goodbye to old-fashioned telephony co
465 477 
 </p>
466 478 
 </div>
467 479 
 </div>
468 
-<div id="outline-container-org1d4b6af" class="outline-2">
469 
-<h2 id="org1d4b6af">NextCloud</h2>
470 
-<div class="outline-text-2" id="text-org1d4b6af">
480 
+<div id="outline-container-org58c31f9" class="outline-2">
481 
+<h2 id="org58c31f9">NextCloud</h2>
482 
+<div class="outline-text-2" id="text-org58c31f9">
471 483 
 <p>
472 484 
 Store files on your server and sync them with laptops or mobile devices. Includes many plugins including videoconferencing and collaborative document editing.
473 485 
 </p>
 
@@ -477,9 +489,9 @@ Store files on your server and sync them with laptops or mobile devices. Include
477 489 
 </p>
478 490 
 </div>
479 491 
 </div>
480 
-<div id="outline-container-orgc130713" class="outline-2">
481 
-<h2 id="orgc130713">PI-Hole</h2>
482 
-<div class="outline-text-2" id="text-orgc130713">
492 
+<div id="outline-container-org277461c" class="outline-2">
493 
+<h2 id="org277461c">PI-Hole</h2>
494 
+<div class="outline-text-2" id="text-org277461c">
483 495 
 <p>
484 496 
 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.
485 497 
 </p>
 
@@ -489,9 +501,9 @@ The black hole for web adverts. Block adverts at the domain name level within yo
489 501 
 </p>
490 502 
 </div>
491 503 
 </div>
492 
-<div id="outline-container-org46750fc" class="outline-2">
493 
-<h2 id="org46750fc">PostActiv</h2>
494 
-<div class="outline-text-2" id="text-org46750fc">
504 
+<div id="outline-container-orgd2a6f86" class="outline-2">
505 
+<h2 id="orgd2a6f86">PostActiv</h2>
506 
+<div class="outline-text-2" id="text-orgd2a6f86">
495 507 
 <p>
496 508 
 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.
497 509 
 </p>
 
@@ -501,9 +513,9 @@ An alternative federated social networking system compatible with GNU Social. It
501 513 
 </p>
502 514 
 </div>
503 515 
 </div>
504 
-<div id="outline-container-org68c0dda" class="outline-2">
505 
-<h2 id="org68c0dda">Profanity</h2>
506 
-<div class="outline-text-2" id="text-org68c0dda">
516 
+<div id="outline-container-org71aa455" class="outline-2">
517 
+<h2 id="org71aa455">Profanity</h2>
518 
+<div class="outline-text-2" id="text-org71aa455">
507 519 
 <p>
508 520 
 A shell based XMPP client which you can run on the Freedombone server via ssh.
509 521 
 </p>
 
@@ -513,9 +525,9 @@ A shell based XMPP client which you can run on the Freedombone server via ssh.
513 525 
 </p>
514 526 
 </div>
515 527 
 </div>
516 
-<div id="outline-container-org4f91c9f" class="outline-2">
517 
-<h2 id="org4f91c9f">Radicale</h2>
518 
-<div class="outline-text-2" id="text-org4f91c9f">
528 
+<div id="outline-container-org933fbd3" class="outline-2">
529 
+<h2 id="org933fbd3">Radicale</h2>
530 
+<div class="outline-text-2" id="text-org933fbd3">
519 531 
 <p>
520 532 
 Calendar system compatible with CalDAV and CardDAV. Synch your calendar events easily and securely across all your devices.
521 533 
 </p>
 
@@ -525,9 +537,9 @@ Calendar system compatible with CalDAV and CardDAV. Synch your calendar events e
525 537 
 </p>
526 538 
 </div>
527 539 
 </div>
528 
-<div id="outline-container-orge8884dd" class="outline-2">
529 
-<h2 id="orge8884dd">Riot Web</h2>
530 
-<div class="outline-text-2" id="text-orge8884dd">
540 
+<div id="outline-container-org70a6bea" class="outline-2">
541 
+<h2 id="org70a6bea">Riot Web</h2>
542 
+<div class="outline-text-2" id="text-org70a6bea">
531 543 
 <p>
532 544 
 A browser based user interface for the Matrix federated communications system, including WebRTC audio and video chat.
533 545 
 </p>
 
@@ -537,9 +549,9 @@ A browser based user interface for the Matrix federated communications system, i
537 549 
 </p>
538 550 
 </div>
539 551 
 </div>
540 
-<div id="outline-container-orgb654d7f" class="outline-2">
541 
-<h2 id="orgb654d7f">Scuttlebot</h2>
542 
-<div class="outline-text-2" id="text-orgb654d7f">
552 
+<div id="outline-container-org62bede0" class="outline-2">
553 
+<h2 id="org62bede0">Scuttlebot</h2>
554 
+<div class="outline-text-2" id="text-org62bede0">
543 555 
 <p>
544 556 
 A pub service to help synchronize your messages.
545 557 
 </p>
 
@@ -550,9 +562,9 @@ A pub service to help synchronize your messages.
550 562 
 </p>
551 563 
 </div>
552 564 
 </div>
553 
-<div id="outline-container-orga87401b" class="outline-2">
554 
-<h2 id="orga87401b">SearX</h2>
555 
-<div class="outline-text-2" id="text-orga87401b">
565 
+<div id="outline-container-orgd32ba50" class="outline-2">
566 
+<h2 id="orgd32ba50">SearX</h2>
567 
+<div class="outline-text-2" id="text-orgd32ba50">
556 568 
 <p>
557 569 
 A metasearch engine for customised and private web searches.
558 570 
 </p>
 
@@ -562,9 +574,9 @@ A metasearch engine for customised and private web searches.
562 574 
 </p>
563 575 
 </div>
564 576 
 </div>
565 
-<div id="outline-container-orgd797c1a" class="outline-2">
566 
-<h2 id="orgd797c1a">tt-rss</h2>
567 
-<div class="outline-text-2" id="text-orgd797c1a">
577 
+<div id="outline-container-orgf787b32" class="outline-2">
578 
+<h2 id="orgf787b32">tt-rss</h2>
579 
+<div class="outline-text-2" id="text-orgf787b32">
568 580 
 <p>
569 581 
 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.
570 582 
 </p>
 
@@ -574,9 +586,9 @@ Private RSS reader. Pulls in RSS/Atom feeds via Tor and is only accessible via a
574 586 
 </p>
575 587 
 </div>
576 588 
 </div>
577 
-<div id="outline-container-org74e579c" class="outline-2">
578 
-<h2 id="org74e579c">Syncthing</h2>
579 
-<div class="outline-text-2" id="text-org74e579c">
589 
+<div id="outline-container-org2c91d85" class="outline-2">
590 
+<h2 id="org2c91d85">Syncthing</h2>
591 
+<div class="outline-text-2" id="text-org2c91d85">
580 592 
 <p>
581 593 
 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.
582 594 
 </p>
 
@@ -586,9 +598,9 @@ Possibly the best way to synchronise files across all of your devices. Once it h
586 598 
 </p>
587 599 
 </div>
588 600 
 </div>
589 
-<div id="outline-container-org3a274dd" class="outline-2">
590 
-<h2 id="org3a274dd">Tahoe-LAFS</h2>
591 
-<div class="outline-text-2" id="text-org3a274dd">
601 
+<div id="outline-container-org388da2c" class="outline-2">
602 
+<h2 id="org388da2c">Tahoe-LAFS</h2>
603 
+<div class="outline-text-2" id="text-org388da2c">
592 604 
 <p>
593 605 
 Robust and encrypted storage of files on one or more server.
594 606 
 </p>
 
@@ -598,9 +610,9 @@ Robust and encrypted storage of files on one or more server.
598 610 
 </p>
599 611 
 </div>
600 612 
 </div>
601 
-<div id="outline-container-org8e707fb" class="outline-2">
602 
-<h2 id="org8e707fb">Tox</h2>
603 
-<div class="outline-text-2" id="text-org8e707fb">
613 
+<div id="outline-container-orgb327449" class="outline-2">
614 
+<h2 id="orgb327449">Tox</h2>
615 
+<div class="outline-text-2" id="text-orgb327449">
604 616 
 <p>
605 617 
 Client and bootstrap node for the Tox chat/VoIP system.
606 618 
 </p>
 
@@ -610,9 +622,9 @@ Client and bootstrap node for the Tox chat/VoIP system.
610 622 
 </p>
611 623 
 </div>
612 624 
 </div>
613 
-<div id="outline-container-org1bcb9f1" class="outline-2">
614 
-<h2 id="org1bcb9f1">Turtl</h2>
615 
-<div class="outline-text-2" id="text-org1bcb9f1">
625 
+<div id="outline-container-org55cef25" class="outline-2">
626 
+<h2 id="org55cef25">Turtl</h2>
627 
+<div class="outline-text-2" id="text-org55cef25">
616 628 
 <p>
617 629 
 A system for privately creating and sharing notes and images, similar to Evernote but without the spying.
618 630 
 </p>
 
@@ -622,18 +634,18 @@ A system for privately creating and sharing notes and images, similar to Evernot
622 634 
 </p>
623 635 
 </div>
624 636 
 </div>
625 
-<div id="outline-container-orgf510c8a" class="outline-2">
626 
-<h2 id="orgf510c8a">Vim</h2>
627 
-<div class="outline-text-2" id="text-orgf510c8a">
637 
+<div id="outline-container-org50215c5" class="outline-2">
638 
+<h2 id="org50215c5">Vim</h2>
639 
+<div class="outline-text-2" id="text-org50215c5">
628 640 
 <p>
629 641 
 If you use the Mutt client to read your email then this will set it up to use vim for composing new mail.
630 642 
 </p>
631 643 
 </div>
632 644 
 </div>
633 645
634 
-<div id="outline-container-orgc93502a" class="outline-2">
635 
-<h2 id="orgc93502a">XMPP</h2>
636 
-<div class="outline-text-2" id="text-orgc93502a">
646 
+<div id="outline-container-org58ab13e" class="outline-2">
647 
+<h2 id="org58ab13e">XMPP</h2>
648 
+<div class="outline-text-2" id="text-org58ab13e">
637 649 
 <p>
638 650 
 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.
639 651 
 </p>