Browse Source

Mediagoblin documentation

Bob Mottram 8 years ago
parent
commit
31cd63be95
7 changed files with 486 additions and 83 deletions
  1. 47
    0
      doc/EN/app_mediagoblin.org
  2. 4
    0
      doc/EN/apps.org
  3. 1
    0
      doc/EN/usage.org
  4. BIN
      img/mediagoblin.jpg
  5. 335
    0
      website/EN/app_mediagoblin.html
  6. 82
    70
      website/EN/apps.html
  7. 17
    13
      website/EN/usage.html

+ 47
- 0
doc/EN/app_mediagoblin.org View File

@@ -0,0 +1,47 @@
1
+#+TITLE:
2
+#+AUTHOR: Bob Mottram
3
+#+EMAIL: bob@freedombone.net
4
+#+KEYWORDS: freedombone, mediagoblin
5
+#+DESCRIPTION: How to use Mediagoblin
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>Mediagoblin</h1>
16
+</center>
17
+#+END_EXPORT
18
+
19
+With Mediagoblin you can host video and audio content in a similar manner to the proprietary systems such as YouTube and SoundCloud. This system supports free media formats such as /webm/, /ogv/ and /ogg/.
20
+
21
+When hosting media files you should take into consideration that since anyone on the internet can view your content then this could significantly increase your bandwidth usage and overall strain on the server. If you are hosting anything which might become popular then it's a good idea to set up the Freedombone system on an old laptop rather than something like a Beaglebone Black. However, as small single board computers become more powerful with more RAM and CPU cores being able to stream media to many clients should be far less of a problem.
22
+
23
+* Installation
24
+Log into your system with:
25
+
26
+#+begin_src bash
27
+ssh myusername@mydomain -p 2222
28
+#+end_src
29
+
30
+Using cursor keys, space bar and Enter key select *Administrator controls* and type in your password.
31
+
32
+Select *Add/Remove Apps* then *mediagoblin*. 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]]. You can also add a welcome message and background picture URL if you wish, although those things are optional. Typically the domain name you use will be a subdomain, such as /media.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.
33
+
34
+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 Mediagoblin. 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.
35
+
36
+
37
+* Initial setup
38
+
39
+#+BEGIN_CENTER
40
+[[file:images/mediagoblin.jpg]]
41
+#+END_CENTER
42
+
43
+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 Mediagoblin domain listed there along with an onion address. You can then navigate to your site in a browser.
44
+
45
+Create an account and verify it by returning to the *user control panel* opening the email client and looking for the Mediagoblin verification email. It will contain a link that you should follow to activate the account.
46
+
47
+You should repeat that for however many accounts you want on the system and then go back to the *administrator control panel*, select *App Settings* then *mediagoblin* and turn off new registrations. This will prevent millions of spam accounts from being created by internet bots.

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

@@ -75,6 +75,10 @@ Make your photo albums available on the web.
75 75
 Modern email client which supports GPG encryption.
76 76
 
77 77
 [[./app_mailpile.html][How to use it]]
78
+* Mediagoblin
79
+Publicly host video and audio files so that you don't need to use YouTube/Vimeo/etc.
80
+
81
+[[./app_mediagoblin.html][How to use it]]
78 82
 * Mumble
79 83
 The popular VoIP and text chat system. Say goodbye to old-fashioned telephony conferences with silly dial codes. Also works well on mobile.
80 84
 

+ 1
- 0
doc/EN/usage.org View File

@@ -28,6 +28,7 @@
28 28
 | [[./app_htmly.html][Blogging with HTMLy]]                                  |
29 29
 | [[./app_hubzilla.html][Social Network]]                                       |
30 30
 | [[./app_lychee.html][Photo albums]]                                         |
31
+| [[./app_mediagoblin.html][Hosting video and audio content]]                      |
31 32
 | [[./app_dokuwiki.html][Wiki]]                                                 |
32 33
 | [[./app_etherpad.html][Collaborative document editing]]                       |
33 34
 | [[./app_irc.html][Multi-user chat with IRC]]                             |

BIN
img/mediagoblin.jpg View File


+ 335
- 0
website/EN/app_mediagoblin.html View File

@@ -0,0 +1,335 @@
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
+<!-- 2016-12-25 Sun 11:54 -->
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 Mediagoblin"
13
+ />
14
+<meta name="keywords" content="freedombone, mediagoblin" />
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-java:before { content: 'Java'; }
75
+  pre.src-js:before { content: 'Javascript'; }
76
+  pre.src-latex:before { content: 'LaTeX'; }
77
+  pre.src-ledger:before { content: 'Ledger'; }
78
+  pre.src-lisp:before { content: 'Lisp'; }
79
+  pre.src-lilypond:before { content: 'Lilypond'; }
80
+  pre.src-lua:before { content: 'Lua'; }
81
+  pre.src-matlab:before { content: 'MATLAB'; }
82
+  pre.src-mscgen:before { content: 'Mscgen'; }
83
+  pre.src-ocaml:before { content: 'Objective Caml'; }
84
+  pre.src-octave:before { content: 'Octave'; }
85
+  pre.src-org:before { content: 'Org mode'; }
86
+  pre.src-oz:before { content: 'OZ'; }
87
+  pre.src-plantuml:before { content: 'Plantuml'; }
88
+  pre.src-processing:before { content: 'Processing.js'; }
89
+  pre.src-python:before { content: 'Python'; }
90
+  pre.src-R:before { content: 'R'; }
91
+  pre.src-ruby:before { content: 'Ruby'; }
92
+  pre.src-sass:before { content: 'Sass'; }
93
+  pre.src-scheme:before { content: 'Scheme'; }
94
+  pre.src-screen:before { content: 'Gnu Screen'; }
95
+  pre.src-sed:before { content: 'Sed'; }
96
+  pre.src-sh:before { content: 'shell'; }
97
+  pre.src-sql:before { content: 'SQL'; }
98
+  pre.src-sqlite:before { content: 'SQLite'; }
99
+  /* additional languages in org.el's org-babel-load-languages alist */
100
+  pre.src-forth:before { content: 'Forth'; }
101
+  pre.src-io:before { content: 'IO'; }
102
+  pre.src-J:before { content: 'J'; }
103
+  pre.src-makefile:before { content: 'Makefile'; }
104
+  pre.src-maxima:before { content: 'Maxima'; }
105
+  pre.src-perl:before { content: 'Perl'; }
106
+  pre.src-picolisp:before { content: 'Pico Lisp'; }
107
+  pre.src-scala:before { content: 'Scala'; }
108
+  pre.src-shell:before { content: 'Shell Script'; }
109
+  pre.src-ebnf2ps:before { content: 'ebfn2ps'; }
110
+  /* additional language identifiers per "defun org-babel-execute"
111
+       in ob-*.el */
112
+  pre.src-cpp:before  { content: 'C++'; }
113
+  pre.src-abc:before  { content: 'ABC'; }
114
+  pre.src-coq:before  { content: 'Coq'; }
115
+  pre.src-groovy:before  { content: 'Groovy'; }
116
+  /* additional language identifiers from org-babel-shell-names in
117
+     ob-shell.el: ob-shell is the only babel language using a lambda to put
118
+     the execution function name together. */
119
+  pre.src-bash:before  { content: 'bash'; }
120
+  pre.src-csh:before  { content: 'csh'; }
121
+  pre.src-ash:before  { content: 'ash'; }
122
+  pre.src-dash:before  { content: 'dash'; }
123
+  pre.src-ksh:before  { content: 'ksh'; }
124
+  pre.src-mksh:before  { content: 'mksh'; }
125
+  pre.src-posh:before  { content: 'posh'; }
126
+  /* Additional Emacs modes also supported by the LaTeX listings package */
127
+  pre.src-ada:before { content: 'Ada'; }
128
+  pre.src-asm:before { content: 'Assembler'; }
129
+  pre.src-caml:before { content: 'Caml'; }
130
+  pre.src-delphi:before { content: 'Delphi'; }
131
+  pre.src-html:before { content: 'HTML'; }
132
+  pre.src-idl:before { content: 'IDL'; }
133
+  pre.src-mercury:before { content: 'Mercury'; }
134
+  pre.src-metapost:before { content: 'MetaPost'; }
135
+  pre.src-modula-2:before { content: 'Modula-2'; }
136
+  pre.src-pascal:before { content: 'Pascal'; }
137
+  pre.src-ps:before { content: 'PostScript'; }
138
+  pre.src-prolog:before { content: 'Prolog'; }
139
+  pre.src-simula:before { content: 'Simula'; }
140
+  pre.src-tcl:before { content: 'tcl'; }
141
+  pre.src-tex:before { content: 'TeX'; }
142
+  pre.src-plain-tex:before { content: 'Plain TeX'; }
143
+  pre.src-verilog:before { content: 'Verilog'; }
144
+  pre.src-vhdl:before { content: 'VHDL'; }
145
+  pre.src-xml:before { content: 'XML'; }
146
+  pre.src-nxml:before { content: 'XML'; }
147
+  /* add a generic configuration mode; LaTeX export needs an additional
148
+     (add-to-list 'org-latex-listings-langs '(conf " ")) in .emacs */
149
+  pre.src-conf:before { content: 'Configuration File'; }
150
+
151
+  table { border-collapse:collapse; }
152
+  caption.t-above { caption-side: top; }
153
+  caption.t-bottom { caption-side: bottom; }
154
+  td, th { vertical-align:top;  }
155
+  th.org-right  { text-align: center;  }
156
+  th.org-left   { text-align: center;   }
157
+  th.org-center { text-align: center; }
158
+  td.org-right  { text-align: right;  }
159
+  td.org-left   { text-align: left;   }
160
+  td.org-center { text-align: center; }
161
+  dt { font-weight: bold; }
162
+  .footpara { display: inline; }
163
+  .footdef  { margin-bottom: 1em; }
164
+  .figure { padding: 1em; }
165
+  .figure p { text-align: center; }
166
+  .inlinetask {
167
+    padding: 10px;
168
+    border: 2px solid gray;
169
+    margin: 10px;
170
+    background: #ffffcc;
171
+  }
172
+  #org-div-home-and-up
173
+   { text-align: right; font-size: 70%; white-space: nowrap; }
174
+  textarea { overflow-x: auto; }
175
+  .linenr { font-size: smaller }
176
+  .code-highlighted { background-color: #ffff00; }
177
+  .org-info-js_info-navigation { border-style: none; }
178
+  #org-info-js_console-label
179
+    { font-size: 10px; font-weight: bold; white-space: nowrap; }
180
+  .org-info-js_search-highlight
181
+    { background-color: #ffff00; color: #000000; font-weight: bold; }
182
+  .org-svg { width: 90%; }
183
+  /*]]>*/-->
184
+</style>
185
+<link rel="stylesheet" type="text/css" href="freedombone.css" />
186
+<script type="text/javascript">
187
+/*
188
+@licstart  The following is the entire license notice for the
189
+JavaScript code in this tag.
190
+
191
+Copyright (C) 2012-2013 Free Software Foundation, Inc.
192
+
193
+The JavaScript code in this tag is free software: you can
194
+redistribute it and/or modify it under the terms of the GNU
195
+General Public License (GNU GPL) as published by the Free Software
196
+Foundation, either version 3 of the License, or (at your option)
197
+any later version.  The code is distributed WITHOUT ANY WARRANTY;
198
+without even the implied warranty of MERCHANTABILITY or FITNESS
199
+FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.
200
+
201
+As additional permission under GNU GPL version 3 section 7, you
202
+may distribute non-source (e.g., minimized or compacted) forms of
203
+that code without the copy of the GNU GPL normally required by
204
+section 4, provided you include this license notice and a URL
205
+through which recipients can access the Corresponding Source.
206
+
207
+
208
+@licend  The above is the entire license notice
209
+for the JavaScript code in this tag.
210
+*/
211
+<!--/*--><![CDATA[/*><!--*/
212
+ function CodeHighlightOn(elem, id)
213
+ {
214
+   var target = document.getElementById(id);
215
+   if(null != target) {
216
+     elem.cacheClassElem = elem.className;
217
+     elem.cacheClassTarget = target.className;
218
+     target.className = "code-highlighted";
219
+     elem.className   = "code-highlighted";
220
+   }
221
+ }
222
+ function CodeHighlightOff(elem, id)
223
+ {
224
+   var target = document.getElementById(id);
225
+   if(elem.cacheClassElem)
226
+     elem.className = elem.cacheClassElem;
227
+   if(elem.cacheClassTarget)
228
+     target.className = elem.cacheClassTarget;
229
+ }
230
+/*]]>*///-->
231
+</script>
232
+</head>
233
+<body>
234
+<div id="preamble" class="status">
235
+<a name="top" id="top"></a>
236
+</div>
237
+<div id="content">
238
+<div class="org-center">
239
+
240
+<div class="figure">
241
+<p><img src="images/logo.png" alt="logo.png" />
242
+</p>
243
+</div>
244
+</div>
245
+
246
+<center>
247
+<h1>Mediagoblin</h1>
248
+</center>
249
+
250
+<p>
251
+With Mediagoblin you can host video and audio content in a similar manner to the proprietary systems such as YouTube and SoundCloud. This system supports free media formats such as <i>webm</i>, <i>ogv</i> and <i>ogg</i>.
252
+</p>
253
+
254
+<p>
255
+When hosting media files you should take into consideration that since anyone on the internet can view your content then this could significantly increase your bandwidth usage and overall strain on the server. If you are hosting anything which might become popular then it's a good idea to set up the Freedombone system on an old laptop rather than something like a Beaglebone Black. However, as small single board computers become more powerful with more RAM and CPU cores being able to stream media to many clients should be far less of a problem.
256
+</p>
257
+
258
+<div id="outline-container-org8d1d522" class="outline-2">
259
+<h2 id="org8d1d522">Installation</h2>
260
+<div class="outline-text-2" id="text-org8d1d522">
261
+<p>
262
+Log into your system with:
263
+</p>
264
+
265
+<div class="org-src-container">
266
+<pre class="src src-bash">ssh myusername@mydomain -p 2222
267
+</pre>
268
+</div>
269
+
270
+<p>
271
+Using cursor keys, space bar and Enter key select <b>Administrator controls</b> and type in your password.
272
+</p>
273
+
274
+<p>
275
+Select <b>Add/Remove Apps</b> then <b>mediagoblin</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>. You can also add a welcome message and background picture URL if you wish, although those things are optional. Typically the domain name you use will be a subdomain, such as <i>media.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.
276
+</p>
277
+
278
+<p>
279
+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 Mediagoblin. 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.
280
+</p>
281
+</div>
282
+</div>
283
+
284
+
285
+<div id="outline-container-orga30e9ca" class="outline-2">
286
+<h2 id="orga30e9ca">Initial setup</h2>
287
+<div class="outline-text-2" id="text-orga30e9ca">
288
+<div class="org-center">
289
+
290
+<div class="figure">
291
+<p><img src="images/mediagoblin.jpg" alt="mediagoblin.jpg" />
292
+</p>
293
+</div>
294
+</div>
295
+
296
+<p>
297
+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 Mediagoblin domain listed there along with an onion address. You can then navigate to your site in a browser.
298
+</p>
299
+
300
+<p>
301
+Create an account and verify it by returning to the <b>user control panel</b> opening the email client and looking for the Mediagoblin verification email. It will contain a link that you should follow to activate the account.
302
+</p>
303
+
304
+<p>
305
+You should repeat that for however many accounts you want on the system and then go back to the <b>administrator control panel</b>, select <b>App Settings</b> then <b>mediagoblin</b> and turn off new registrations. This will prevent millions of spam accounts from being created by internet bots.
306
+</p>
307
+</div>
308
+</div>
309
+</div>
310
+<div id="postamble" class="status">
311
+
312
+<style type="text/css">
313
+.back-to-top {
314
+    position: fixed;
315
+    bottom: 2em;
316
+    right: 0px;
317
+    text-decoration: none;
318
+    color: #000000;
319
+    background-color: rgba(235, 235, 235, 0.80);
320
+    font-size: 12px;
321
+    padding: 1em;
322
+    display: none;
323
+}
324
+
325
+.back-to-top:hover {
326
+    background-color: rgba(135, 135, 135, 0.50);
327
+}
328
+</style>
329
+
330
+<div class="back-to-top">
331
+<a href="#top">Back to top</a> | <a href="mailto:bob@freedombone.net">E-mail me</a>
332
+</div>
333
+</div>
334
+</body>
335
+</html>

+ 82
- 70
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
-<!-- 2016-12-20 Tue 15:34 -->
6
+<!-- 2016-12-25 Sun 11:57 -->
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>
@@ -263,9 +263,9 @@ The base install of the system just contains an email server and Mutt client, bu
263 263
 </div>
264 264
 </div>
265 265
 
266
-<div id="outline-container-org06af72a" class="outline-2">
267
-<h2 id="org06af72a">DLNA</h2>
268
-<div class="outline-text-2" id="text-org06af72a">
266
+<div id="outline-container-org99fc092" class="outline-2">
267
+<h2 id="org99fc092">DLNA</h2>
268
+<div class="outline-text-2" id="text-org99fc092">
269 269
 <p>
270 270
 Enables you to use the system as a music server which any DLNA compatible devices can connect to within your home network.
271 271
 </p>
@@ -275,9 +275,9 @@ Enables you to use the system as a music server which any DLNA compatible device
275 275
 </p>
276 276
 </div>
277 277
 </div>
278
-<div id="outline-container-org82e3b5a" class="outline-2">
279
-<h2 id="org82e3b5a">Dokuwiki</h2>
280
-<div class="outline-text-2" id="text-org82e3b5a">
278
+<div id="outline-container-org30dfa23" class="outline-2">
279
+<h2 id="org30dfa23">Dokuwiki</h2>
280
+<div class="outline-text-2" id="text-org30dfa23">
281 281
 <p>
282 282
 A databaseless wiki system.
283 283
 </p>
@@ -287,9 +287,9 @@ A databaseless wiki system.
287 287
 </p>
288 288
 </div>
289 289
 </div>
290
-<div id="outline-container-org9c90fa1" class="outline-2">
291
-<h2 id="org9c90fa1">Emacs</h2>
292
-<div class="outline-text-2" id="text-org9c90fa1">
290
+<div id="outline-container-org0b27a96" class="outline-2">
291
+<h2 id="org0b27a96">Emacs</h2>
292
+<div class="outline-text-2" id="text-org0b27a96">
293 293
 <p>
294 294
 If you use the Mutt client to read your email then this will set it up to use emacs for composing new mail.
295 295
 </p>
@@ -299,9 +299,9 @@ If you use the Mutt client to read your email then this will set it up to use em
299 299
 </p>
300 300
 </div>
301 301
 </div>
302
-<div id="outline-container-org2a81d3f" class="outline-2">
303
-<h2 id="org2a81d3f">Etherpad</h2>
304
-<div class="outline-text-2" id="text-org2a81d3f">
302
+<div id="outline-container-org309055f" class="outline-2">
303
+<h2 id="org309055f">Etherpad</h2>
304
+<div class="outline-text-2" id="text-org309055f">
305 305
 <p>
306 306
 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.
307 307
 </p>
@@ -311,9 +311,9 @@ Collaborate on creating documents in real time. Maybe you're planning a holiday
311 311
 </p>
312 312
 </div>
313 313
 </div>
314
-<div id="outline-container-org7701c14" class="outline-2">
315
-<h2 id="org7701c14">Ghost</h2>
316
-<div class="outline-text-2" id="text-org7701c14">
314
+<div id="outline-container-org848aced" class="outline-2">
315
+<h2 id="org848aced">Ghost</h2>
316
+<div class="outline-text-2" id="text-org848aced">
317 317
 <p>
318 318
 Modern looking blogging system.
319 319
 </p>
@@ -323,9 +323,9 @@ Modern looking blogging system.
323 323
 </p>
324 324
 </div>
325 325
 </div>
326
-<div id="outline-container-orgb096bfe" class="outline-2">
327
-<h2 id="orgb096bfe">GNU Social</h2>
328
-<div class="outline-text-2" id="text-orgb096bfe">
326
+<div id="outline-container-org2e44bb6" class="outline-2">
327
+<h2 id="org2e44bb6">GNU Social</h2>
328
+<div class="outline-text-2" id="text-org2e44bb6">
329 329
 <p>
330 330
 Federated social network. You can "<i>remote follow</i>" other users within the GNU Social federation.
331 331
 </p>
@@ -335,9 +335,9 @@ Federated social network. You can "<i>remote follow</i>" other users within the
335 335
 </p>
336 336
 </div>
337 337
 </div>
338
-<div id="outline-container-org9de96f8" class="outline-2">
339
-<h2 id="org9de96f8">Gogs</h2>
340
-<div class="outline-text-2" id="text-org9de96f8">
338
+<div id="outline-container-orgb8a47c3" class="outline-2">
339
+<h2 id="orgb8a47c3">Gogs</h2>
340
+<div class="outline-text-2" id="text-orgb8a47c3">
341 341
 <p>
342 342
 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.
343 343
 </p>
@@ -347,9 +347,9 @@ Lightweight git project hosting system. You can mirror projects from Github, or
347 347
 </p>
348 348
 </div>
349 349
 </div>
350
-<div id="outline-container-orgfeb902f" class="outline-2">
351
-<h2 id="orgfeb902f">HTMLy</h2>
352
-<div class="outline-text-2" id="text-orgfeb902f">
350
+<div id="outline-container-org572987d" class="outline-2">
351
+<h2 id="org572987d">HTMLy</h2>
352
+<div class="outline-text-2" id="text-org572987d">
353 353
 <p>
354 354
 Databaseless blogging system. Quite simple and with a markdown-like format.
355 355
 </p>
@@ -359,9 +359,9 @@ Databaseless blogging system. Quite simple and with a markdown-like format.
359 359
 </p>
360 360
 </div>
361 361
 </div>
362
-<div id="outline-container-org53f98d5" class="outline-2">
363
-<h2 id="org53f98d5">Hubzilla</h2>
364
-<div class="outline-text-2" id="text-org53f98d5">
362
+<div id="outline-container-orgff7ac54" class="outline-2">
363
+<h2 id="orgff7ac54">Hubzilla</h2>
364
+<div class="outline-text-2" id="text-orgff7ac54">
365 365
 <p>
366 366
 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.
367 367
 </p>
@@ -371,9 +371,9 @@ Web publishing platform with social network like features and good privacy contr
371 371
 </p>
372 372
 </div>
373 373
 </div>
374
-<div id="outline-container-org04b2461" class="outline-2">
375
-<h2 id="org04b2461">IRC Server (ngirc)</h2>
376
-<div class="outline-text-2" id="text-org04b2461">
374
+<div id="outline-container-org0de0265" class="outline-2">
375
+<h2 id="org0de0265">IRC Server (ngirc)</h2>
376
+<div class="outline-text-2" id="text-org0de0265">
377 377
 <p>
378 378
 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.
379 379
 </p>
@@ -383,18 +383,18 @@ Run your own IRC chat channel which can be secured with a password and accessibl
383 383
 </p>
384 384
 </div>
385 385
 </div>
386
-<div id="outline-container-org01bf547" class="outline-2">
387
-<h2 id="org01bf547">Jitsi Meet</h2>
388
-<div class="outline-text-2" id="text-org01bf547">
386
+<div id="outline-container-org5199ade" class="outline-2">
387
+<h2 id="org5199ade">Jitsi Meet</h2>
388
+<div class="outline-text-2" id="text-org5199ade">
389 389
 <p>
390 390
 Experimental WebRTC video conferencing system, similar to Google Hangouts. This may not be fully functional, but is hoped to be in the near future.
391 391
 </p>
392 392
 </div>
393 393
 </div>
394 394
 
395
-<div id="outline-container-org4fa4c1f" class="outline-2">
396
-<h2 id="org4fa4c1f">Lychee</h2>
397
-<div class="outline-text-2" id="text-org4fa4c1f">
395
+<div id="outline-container-org12a5edf" class="outline-2">
396
+<h2 id="org12a5edf">Lychee</h2>
397
+<div class="outline-text-2" id="text-org12a5edf">
398 398
 <p>
399 399
 Make your photo albums available on the web.
400 400
 </p>
@@ -404,9 +404,9 @@ Make your photo albums available on the web.
404 404
 </p>
405 405
 </div>
406 406
 </div>
407
-<div id="outline-container-org021659d" class="outline-2">
408
-<h2 id="org021659d">Mailpile</h2>
409
-<div class="outline-text-2" id="text-org021659d">
407
+<div id="outline-container-org3a7b9cc" class="outline-2">
408
+<h2 id="org3a7b9cc">Mailpile</h2>
409
+<div class="outline-text-2" id="text-org3a7b9cc">
410 410
 <p>
411 411
 Modern email client which supports GPG encryption.
412 412
 </p>
@@ -416,9 +416,21 @@ Modern email client which supports GPG encryption.
416 416
 </p>
417 417
 </div>
418 418
 </div>
419
-<div id="outline-container-orgbf29cc7" class="outline-2">
420
-<h2 id="orgbf29cc7">Mumble</h2>
421
-<div class="outline-text-2" id="text-orgbf29cc7">
419
+<div id="outline-container-org202fe91" class="outline-2">
420
+<h2 id="org202fe91">Mediagoblin</h2>
421
+<div class="outline-text-2" id="text-org202fe91">
422
+<p>
423
+Publicly host video and audio files so that you don't need to use YouTube/Vimeo/etc.
424
+</p>
425
+
426
+<p>
427
+<a href="./app_mediagoblin.html">How to use it</a>
428
+</p>
429
+</div>
430
+</div>
431
+<div id="outline-container-org55d4ac3" class="outline-2">
432
+<h2 id="org55d4ac3">Mumble</h2>
433
+<div class="outline-text-2" id="text-org55d4ac3">
422 434
 <p>
423 435
 The popular VoIP and text chat system. Say goodbye to old-fashioned telephony conferences with silly dial codes. Also works well on mobile.
424 436
 </p>
@@ -428,9 +440,9 @@ The popular VoIP and text chat system. Say goodbye to old-fashioned telephony co
428 440
 </p>
429 441
 </div>
430 442
 </div>
431
-<div id="outline-container-org6bca095" class="outline-2">
432
-<h2 id="org6bca095">PI-Hole</h2>
433
-<div class="outline-text-2" id="text-org6bca095">
443
+<div id="outline-container-org5b1d6b5" class="outline-2">
444
+<h2 id="org5b1d6b5">PI-Hole</h2>
445
+<div class="outline-text-2" id="text-org5b1d6b5">
434 446
 <p>
435 447
 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.
436 448
 </p>
@@ -440,9 +452,9 @@ The black hole for web adverts. Block adverts at the domain name level within yo
440 452
 </p>
441 453
 </div>
442 454
 </div>
443
-<div id="outline-container-orgbd5ecde" class="outline-2">
444
-<h2 id="orgbd5ecde">PostActiv</h2>
445
-<div class="outline-text-2" id="text-orgbd5ecde">
455
+<div id="outline-container-orgcb8c767" class="outline-2">
456
+<h2 id="orgcb8c767">PostActiv</h2>
457
+<div class="outline-text-2" id="text-orgcb8c767">
446 458
 <p>
447 459
 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.
448 460
 </p>
@@ -452,9 +464,9 @@ An alternative federated social networking system compatible with GNU Social. It
452 464
 </p>
453 465
 </div>
454 466
 </div>
455
-<div id="outline-container-org93e655a" class="outline-2">
456
-<h2 id="org93e655a">Radicale</h2>
457
-<div class="outline-text-2" id="text-org93e655a">
467
+<div id="outline-container-orgba474e0" class="outline-2">
468
+<h2 id="orgba474e0">Radicale</h2>
469
+<div class="outline-text-2" id="text-orgba474e0">
458 470
 <p>
459 471
 Calendar system compatible with CalDAV and CardDAV. Synch your calendar events easily and securely across all your devices.
460 472
 </p>
@@ -464,9 +476,9 @@ Calendar system compatible with CalDAV and CardDAV. Synch your calendar events e
464 476
 </p>
465 477
 </div>
466 478
 </div>
467
-<div id="outline-container-orga5d4e72" class="outline-2">
468
-<h2 id="orga5d4e72">tt-rss</h2>
469
-<div class="outline-text-2" id="text-orga5d4e72">
479
+<div id="outline-container-org0d2114e" class="outline-2">
480
+<h2 id="org0d2114e">tt-rss</h2>
481
+<div class="outline-text-2" id="text-org0d2114e">
470 482
 <p>
471 483
 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.
472 484
 </p>
@@ -476,9 +488,9 @@ Private RSS reader. Pulls in RSS/Atom feeds via Tor and is only accessible via a
476 488
 </p>
477 489
 </div>
478 490
 </div>
479
-<div id="outline-container-org3ff38e9" class="outline-2">
480
-<h2 id="org3ff38e9">Syncthing</h2>
481
-<div class="outline-text-2" id="text-org3ff38e9">
491
+<div id="outline-container-org66ade88" class="outline-2">
492
+<h2 id="org66ade88">Syncthing</h2>
493
+<div class="outline-text-2" id="text-org66ade88">
482 494
 <p>
483 495
 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.
484 496
 </p>
@@ -488,9 +500,9 @@ Possibly the best way to synchronise files across all of your devices. Once it h
488 500
 </p>
489 501
 </div>
490 502
 </div>
491
-<div id="outline-container-org0629dc7" class="outline-2">
492
-<h2 id="org0629dc7">Tox</h2>
493
-<div class="outline-text-2" id="text-org0629dc7">
503
+<div id="outline-container-org15d6e56" class="outline-2">
504
+<h2 id="org15d6e56">Tox</h2>
505
+<div class="outline-text-2" id="text-org15d6e56">
494 506
 <p>
495 507
 Client and bootstrap node for the Tox chat/VoIP system.
496 508
 </p>
@@ -500,9 +512,9 @@ Client and bootstrap node for the Tox chat/VoIP system.
500 512
 </p>
501 513
 </div>
502 514
 </div>
503
-<div id="outline-container-org058f776" class="outline-2">
504
-<h2 id="org058f776">Turtl</h2>
505
-<div class="outline-text-2" id="text-org058f776">
515
+<div id="outline-container-org407e108" class="outline-2">
516
+<h2 id="org407e108">Turtl</h2>
517
+<div class="outline-text-2" id="text-org407e108">
506 518
 <p>
507 519
 A system for privately creating and sharing notes and images, similar to Evernote but without the spying.
508 520
 </p>
@@ -512,18 +524,18 @@ A system for privately creating and sharing notes and images, similar to Evernot
512 524
 </p>
513 525
 </div>
514 526
 </div>
515
-<div id="outline-container-orgb8da554" class="outline-2">
516
-<h2 id="orgb8da554">Vim</h2>
517
-<div class="outline-text-2" id="text-orgb8da554">
527
+<div id="outline-container-orgd65bf2e" class="outline-2">
528
+<h2 id="orgd65bf2e">Vim</h2>
529
+<div class="outline-text-2" id="text-orgd65bf2e">
518 530
 <p>
519 531
 If you use the Mutt client to read your email then this will set it up to use vim for composing new mail.
520 532
 </p>
521 533
 </div>
522 534
 </div>
523 535
 
524
-<div id="outline-container-org286851f" class="outline-2">
525
-<h2 id="org286851f">XMPP</h2>
526
-<div class="outline-text-2" id="text-org286851f">
536
+<div id="outline-container-org14baf40" class="outline-2">
537
+<h2 id="org14baf40">XMPP</h2>
538
+<div class="outline-text-2" id="text-org14baf40">
527 539
 <p>
528 540
 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.
529 541
 </p>

+ 17
- 13
website/EN/usage.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
-<!-- 2016-12-20 Tue 16:16 -->
6
+<!-- 2016-12-25 Sun 11:58 -->
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>
@@ -255,11 +255,11 @@ for the JavaScript code in this tag.
255 255
 </colgroup>
256 256
 <tbody>
257 257
 <tr>
258
-<td class="org-left"><a href="#org0e58259">Improving security</a></td>
258
+<td class="org-left"><a href="#orgc3c6c7f">Improving security</a></td>
259 259
 </tr>
260 260
 
261 261
 <tr>
262
-<td class="org-left"><a href="#org2189c3f">Administrating the system via an onion address (Tor)</a></td>
262
+<td class="org-left"><a href="#org6449633">Administrating the system via an onion address (Tor)</a></td>
263 263
 </tr>
264 264
 
265 265
 <tr>
@@ -303,6 +303,10 @@ for the JavaScript code in this tag.
303 303
 </tr>
304 304
 
305 305
 <tr>
306
+<td class="org-left"><a href="./app_mediagoblin.html">Hosting video and audio content</a></td>
307
+</tr>
308
+
309
+<tr>
306 310
 <td class="org-left"><a href="./app_dokuwiki.html">Wiki</a></td>
307 311
 </tr>
308 312
 
@@ -343,7 +347,7 @@ for the JavaScript code in this tag.
343 347
 </tr>
344 348
 
345 349
 <tr>
346
-<td class="org-left"><a href="#org6c689d0">Adding or removing users</a></td>
350
+<td class="org-left"><a href="#org12697d1">Adding or removing users</a></td>
347 351
 </tr>
348 352
 
349 353
 <tr>
@@ -356,9 +360,9 @@ for the JavaScript code in this tag.
356 360
 </tbody>
357 361
 </table>
358 362
 
359
-<div id="outline-container-org0e58259" class="outline-2">
360
-<h2 id="org0e58259">Improving security</h2>
361
-<div class="outline-text-2" id="text-org0e58259">
363
+<div id="outline-container-orgc3c6c7f" class="outline-2">
364
+<h2 id="orgc3c6c7f">Improving security</h2>
365
+<div class="outline-text-2" id="text-orgc3c6c7f">
362 366
 <p>
363 367
 It's a lot more secure to log in to the Freedombone system using ssh keys rather than with a password. You can set that up by first running:
364 368
 </p>
@@ -385,9 +389,9 @@ You'll need to make sure that you have a copy of the ~/.ssh directory on your lo
385 389
 </p>
386 390
 </div>
387 391
 </div>
388
-<div id="outline-container-org2189c3f" class="outline-2">
389
-<h2 id="org2189c3f">Administrating the system via an onion address (Tor)</h2>
390
-<div class="outline-text-2" id="text-org2189c3f">
392
+<div id="outline-container-org6449633" class="outline-2">
393
+<h2 id="org6449633">Administrating the system via an onion address (Tor)</h2>
394
+<div class="outline-text-2" id="text-org6449633">
391 395
 <p>
392 396
 You can also access your system via the Tor system using an onion address. To find out what the onion address for ssh access is you can do the following:
393 397
 </p>
@@ -420,9 +424,9 @@ Subsequently even if dynamic DNS isn't working you may still be able to administ
420 424
 </p>
421 425
 </div>
422 426
 </div>
423
-<div id="outline-container-org6c689d0" class="outline-2">
424
-<h2 id="org6c689d0">Adding or removing users</h2>
425
-<div class="outline-text-2" id="text-org6c689d0">
427
+<div id="outline-container-org12697d1" class="outline-2">
428
+<h2 id="org12697d1">Adding or removing users</h2>
429
+<div class="outline-text-2" id="text-org12697d1">
426 430
 <p>
427 431
 Log into the system with:
428 432
 </p>