Browse Source

Notes on lychee

Bob Mottram 8 years ago
parent
commit
8f58f6b4c4
6 changed files with 497 additions and 85 deletions
  1. 55
    0
      doc/EN/app_lychee.org
  2. 1
    0
      doc/EN/apps.org
  3. 1
    0
      doc/EN/usage.org
  4. 348
    0
      website/EN/app_lychee.html
  5. 71
    68
      website/EN/apps.html
  6. 21
    17
      website/EN/usage.html

+ 55
- 0
doc/EN/app_lychee.org View File

@@ -0,0 +1,55 @@
1
+#+TITLE:
2
+#+AUTHOR: Bob Mottram
3
+#+EMAIL: bob@freedombone.net
4
+#+KEYWORDS: freedombone, lychee
5
+#+DESCRIPTION: How to use Lychee
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>Lychee</h1>
16
+</center>
17
+#+END_EXPORT
18
+
19
+Lychee is a simple and lightweight photo album for the web. Whether you're an amateur or professionalal photographer, or want to publish random holiday pics or cat pictures. Lychee just does what it says it does without any fuss. There is also a photo album feature within Hubzilla if you need more sophisticated social photo sharing with individualised permissions.
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 *lychee*. 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 /code.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 Lychee. 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 Lychee domain listed there along with an onion address. You can then navigate to your site in a browser.
36
+
37
+If you installed the system using a disk image then you can log in using the username and password which was originally shown when you installed the system. If you didn't install from a disk image then a new random password will be generated for each site and stored within a readme file. If you need to view that file then exit to the user control panel, select *Exit to the command line* and then run:
38
+
39
+#+begin_src bash
40
+editor README
41
+#+end_src
42
+
43
+In a browser navigate to your Lychee site and click the *Register* button. The first user registered on the system becomes the administrator. Once you've done that then it's a good idea to disable further registrations. Currently that's a little complicated, but you can do it as follows:
44
+
45
+#+begin_src bash :tangle no
46
+sudo username@domainname -p 2222
47
+#+end_src
48
+
49
+Within a browser navigate to your lychee domain name or onion address, enter settings for the database as follows, using the MariaDB password which appears within the README file in your home directory.
50
+
51
+#+BEGIN_CENTER
52
+[[file:images/lychee_setup.jpg]]
53
+#+END_CENTER
54
+
55
+After that create a username and password and store them in your favourite password manager. And you're done. Add photos and albums as you wish.

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

@@ -66,6 +66,7 @@ Experimental WebRTC video conferencing system, similar to Google Hangouts. This
66 66
 * Lychee
67 67
 Make your photo albums available on the web.
68 68
 
69
+[[./app_lychee.html][How to use it]]
69 70
 * Mailpile
70 71
 Modern email client which supports GPG encryption.
71 72
 

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

@@ -27,6 +27,7 @@
27 27
 | [[./app_ghost.html][Blogging with Ghost]]                                  |
28 28
 | [[./app_htmly.html][Blogging with HTMLy]]                                  |
29 29
 | [[./app_hubzilla.html][Social Network]]                                       |
30
+| [[./app_lychee.html][Photo albums]]                                         |
30 31
 | [[./app_dokuwiki.html][Wiki]]                                                 |
31 32
 | [[./app_etherpad.html][Collaborative document editing]]                       |
32 33
 | [[./app_irc.html][Multi-user chat with IRC]]                             |

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

@@ -0,0 +1,348 @@
1
+<?xml version="1.0" encoding="utf-8"?>
2
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
3
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
4
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
5
+<head>
6
+<!-- 2016-11-14 Mon 21:30 -->
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 Lychee"
13
+ />
14
+<meta name="keywords" content="freedombone, lychee" />
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>Lychee</h1>
248
+</center>
249
+
250
+<p>
251
+Lychee is a simple and lightweight photo album for the web. Whether you're an amateur or professionalal photographer, or want to publish random holiday pics or cat pictures. Lychee just does what it says it does without any fuss. There is also a photo album feature within Hubzilla if you need more sophisticated social photo sharing with individualised permissions.
252
+</p>
253
+
254
+<div id="outline-container-org839eb0c" class="outline-2">
255
+<h2 id="org839eb0c">Installation</h2>
256
+<div class="outline-text-2" id="text-org839eb0c">
257
+<p>
258
+Log into your system with:
259
+</p>
260
+
261
+<div class="org-src-container">
262
+<pre class="src src-bash">ssh myusername@mydomain -p 2222
263
+</pre>
264
+</div>
265
+
266
+<p>
267
+Using cursor keys, space bar and Enter key select <b>Administrator controls</b> and type in your password.
268
+</p>
269
+
270
+<p>
271
+Select <b>Add/Remove Apps</b> then <b>lychee</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>code.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.
272
+</p>
273
+
274
+<p>
275
+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 Lychee. 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.
276
+</p>
277
+</div>
278
+</div>
279
+
280
+<div id="outline-container-org9ccbbbc" class="outline-2">
281
+<h2 id="org9ccbbbc">Initial setup</h2>
282
+<div class="outline-text-2" id="text-org9ccbbbc">
283
+<p>
284
+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 Lychee domain listed there along with an onion address. You can then navigate to your site in a browser.
285
+</p>
286
+
287
+<p>
288
+If you installed the system using a disk image then you can log in using the username and password which was originally shown when you installed the system. If you didn't install from a disk image then a new random password will be generated for each site and stored within a readme file. If you need to view that file then exit to the user control panel, select <b>Exit to the command line</b> and then run:
289
+</p>
290
+
291
+<div class="org-src-container">
292
+<pre class="src src-bash">editor README
293
+</pre>
294
+</div>
295
+
296
+<p>
297
+In a browser navigate to your Lychee site and click the <b>Register</b> button. The first user registered on the system becomes the administrator. Once you've done that then it's a good idea to disable further registrations. Currently that's a little complicated, but you can do it as follows:
298
+</p>
299
+
300
+<div class="org-src-container">
301
+<pre class="src src-bash">sudo username@domainname -p 2222
302
+</pre>
303
+</div>
304
+
305
+<p>
306
+Within a browser navigate to your lychee domain name or onion address, enter settings for the database as follows, using the MariaDB password which appears within the README file in your home directory.
307
+</p>
308
+
309
+<div class="org-center">
310
+
311
+<div class="figure">
312
+<p><img src="images/lychee_setup.jpg" alt="lychee_setup.jpg" />
313
+</p>
314
+</div>
315
+</div>
316
+
317
+<p>
318
+After that create a username and password and store them in your favourite password manager. And you're done. Add photos and albums as you wish.
319
+</p>
320
+</div>
321
+</div>
322
+</div>
323
+<div id="postamble" class="status">
324
+
325
+<style type="text/css">
326
+.back-to-top {
327
+    position: fixed;
328
+    bottom: 2em;
329
+    right: 0px;
330
+    text-decoration: none;
331
+    color: #000000;
332
+    background-color: rgba(235, 235, 235, 0.80);
333
+    font-size: 12px;
334
+    padding: 1em;
335
+    display: none;
336
+}
337
+
338
+.back-to-top:hover {
339
+    background-color: rgba(135, 135, 135, 0.50);
340
+}
341
+</style>
342
+
343
+<div class="back-to-top">
344
+<a href="#top">Back to top</a> | <a href="mailto:bob@freedombone.net">E-mail me</a>
345
+</div>
346
+</div>
347
+</body>
348
+</html>

+ 71
- 68
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-11-14 Mon 21:00 -->
6
+<!-- 2016-11-14 Mon 21:30 -->
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>
@@ -257,9 +257,9 @@ The base install of the system just contains an email server and Mutt client, bu
257 257
 </div>
258 258
 </div>
259 259
 
260
-<div id="outline-container-orga021e1b" class="outline-2">
261
-<h2 id="orga021e1b">DLNA</h2>
262
-<div class="outline-text-2" id="text-orga021e1b">
260
+<div id="outline-container-orgdaada51" class="outline-2">
261
+<h2 id="orgdaada51">DLNA</h2>
262
+<div class="outline-text-2" id="text-orgdaada51">
263 263
 <p>
264 264
 Enables you to use the system as a music server which any DLNA compatible devices can connect to within your home network.
265 265
 </p>
@@ -269,9 +269,9 @@ Enables you to use the system as a music server which any DLNA compatible device
269 269
 </p>
270 270
 </div>
271 271
 </div>
272
-<div id="outline-container-orgddc17c3" class="outline-2">
273
-<h2 id="orgddc17c3">Dokuwiki</h2>
274
-<div class="outline-text-2" id="text-orgddc17c3">
272
+<div id="outline-container-orgd6fee43" class="outline-2">
273
+<h2 id="orgd6fee43">Dokuwiki</h2>
274
+<div class="outline-text-2" id="text-orgd6fee43">
275 275
 <p>
276 276
 A databaseless wiki system.
277 277
 </p>
@@ -281,9 +281,9 @@ A databaseless wiki system.
281 281
 </p>
282 282
 </div>
283 283
 </div>
284
-<div id="outline-container-orgbe48e12" class="outline-2">
285
-<h2 id="orgbe48e12">Emacs</h2>
286
-<div class="outline-text-2" id="text-orgbe48e12">
284
+<div id="outline-container-orge7c0ac1" class="outline-2">
285
+<h2 id="orge7c0ac1">Emacs</h2>
286
+<div class="outline-text-2" id="text-orge7c0ac1">
287 287
 <p>
288 288
 If you use the Mutt client to read your email then this will set it up to use emacs for composing new mail.
289 289
 </p>
@@ -293,9 +293,9 @@ If you use the Mutt client to read your email then this will set it up to use em
293 293
 </p>
294 294
 </div>
295 295
 </div>
296
-<div id="outline-container-org1e8ce49" class="outline-2">
297
-<h2 id="org1e8ce49">Etherpad</h2>
298
-<div class="outline-text-2" id="text-org1e8ce49">
296
+<div id="outline-container-org1c1d1ba" class="outline-2">
297
+<h2 id="org1c1d1ba">Etherpad</h2>
298
+<div class="outline-text-2" id="text-org1c1d1ba">
299 299
 <p>
300 300
 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.
301 301
 </p>
@@ -305,9 +305,9 @@ Collaborate on creating documents in real time. Maybe you're planning a holiday
305 305
 </p>
306 306
 </div>
307 307
 </div>
308
-<div id="outline-container-org590b689" class="outline-2">
309
-<h2 id="org590b689">Ghost</h2>
310
-<div class="outline-text-2" id="text-org590b689">
308
+<div id="outline-container-org2720e28" class="outline-2">
309
+<h2 id="org2720e28">Ghost</h2>
310
+<div class="outline-text-2" id="text-org2720e28">
311 311
 <p>
312 312
 Modern looking blogging system.
313 313
 </p>
@@ -317,9 +317,9 @@ Modern looking blogging system.
317 317
 </p>
318 318
 </div>
319 319
 </div>
320
-<div id="outline-container-org1a980bf" class="outline-2">
321
-<h2 id="org1a980bf">GNU Social</h2>
322
-<div class="outline-text-2" id="text-org1a980bf">
320
+<div id="outline-container-orgb5ea225" class="outline-2">
321
+<h2 id="orgb5ea225">GNU Social</h2>
322
+<div class="outline-text-2" id="text-orgb5ea225">
323 323
 <p>
324 324
 Federated social network. You can "<i>remote follow</i>" other users within the GNU Social federation.
325 325
 </p>
@@ -329,9 +329,9 @@ Federated social network. You can "<i>remote follow</i>" other users within the
329 329
 </p>
330 330
 </div>
331 331
 </div>
332
-<div id="outline-container-orgc72ba6e" class="outline-2">
333
-<h2 id="orgc72ba6e">Gogs</h2>
334
-<div class="outline-text-2" id="text-orgc72ba6e">
332
+<div id="outline-container-org9d75f48" class="outline-2">
333
+<h2 id="org9d75f48">Gogs</h2>
334
+<div class="outline-text-2" id="text-org9d75f48">
335 335
 <p>
336 336
 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.
337 337
 </p>
@@ -341,9 +341,9 @@ Lightweight git project hosting system. You can mirror projects from Github, or
341 341
 </p>
342 342
 </div>
343 343
 </div>
344
-<div id="outline-container-org7063b38" class="outline-2">
345
-<h2 id="org7063b38">HTMLy</h2>
346
-<div class="outline-text-2" id="text-org7063b38">
344
+<div id="outline-container-org4039b00" class="outline-2">
345
+<h2 id="org4039b00">HTMLy</h2>
346
+<div class="outline-text-2" id="text-org4039b00">
347 347
 <p>
348 348
 Databaseless blogging system. Quite simple and with a markdown-like format.
349 349
 </p>
@@ -353,9 +353,9 @@ Databaseless blogging system. Quite simple and with a markdown-like format.
353 353
 </p>
354 354
 </div>
355 355
 </div>
356
-<div id="outline-container-org1d940ea" class="outline-2">
357
-<h2 id="org1d940ea">Hubzilla</h2>
358
-<div class="outline-text-2" id="text-org1d940ea">
356
+<div id="outline-container-org340b6c8" class="outline-2">
357
+<h2 id="org340b6c8">Hubzilla</h2>
358
+<div class="outline-text-2" id="text-org340b6c8">
359 359
 <p>
360 360
 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.
361 361
 </p>
@@ -365,9 +365,9 @@ Web publishing platform with social network like features and good privacy contr
365 365
 </p>
366 366
 </div>
367 367
 </div>
368
-<div id="outline-container-org4b857e2" class="outline-2">
369
-<h2 id="org4b857e2">IRC Server (ngirc)</h2>
370
-<div class="outline-text-2" id="text-org4b857e2">
368
+<div id="outline-container-org33541b6" class="outline-2">
369
+<h2 id="org33541b6">IRC Server (ngirc)</h2>
370
+<div class="outline-text-2" id="text-org33541b6">
371 371
 <p>
372 372
 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.
373 373
 </p>
@@ -377,27 +377,30 @@ Run your own IRC chat channel which can be secured with a password and accessibl
377 377
 </p>
378 378
 </div>
379 379
 </div>
380
-<div id="outline-container-orgf8980ce" class="outline-2">
381
-<h2 id="orgf8980ce">Jitsi Meet</h2>
382
-<div class="outline-text-2" id="text-orgf8980ce">
380
+<div id="outline-container-orgba4abd6" class="outline-2">
381
+<h2 id="orgba4abd6">Jitsi Meet</h2>
382
+<div class="outline-text-2" id="text-orgba4abd6">
383 383
 <p>
384 384
 Experimental WebRTC video conferencing system, similar to Google Hangouts. This may not be fully functional, but is hoped to be in the near future.
385 385
 </p>
386 386
 </div>
387 387
 </div>
388 388
 
389
-<div id="outline-container-org2099c05" class="outline-2">
390
-<h2 id="org2099c05">Lychee</h2>
391
-<div class="outline-text-2" id="text-org2099c05">
389
+<div id="outline-container-orgd03d059" class="outline-2">
390
+<h2 id="orgd03d059">Lychee</h2>
391
+<div class="outline-text-2" id="text-orgd03d059">
392 392
 <p>
393 393
 Make your photo albums available on the web.
394 394
 </p>
395
+
396
+<p>
397
+<a href="./app_lychee.html">How to use it</a>
398
+</p>
395 399
 </div>
396 400
 </div>
397
-
398
-<div id="outline-container-orgcae1e0e" class="outline-2">
399
-<h2 id="orgcae1e0e">Mailpile</h2>
400
-<div class="outline-text-2" id="text-orgcae1e0e">
401
+<div id="outline-container-org9fda573" class="outline-2">
402
+<h2 id="org9fda573">Mailpile</h2>
403
+<div class="outline-text-2" id="text-org9fda573">
401 404
 <p>
402 405
 Modern email client which supports GPG encryption.
403 406
 </p>
@@ -407,9 +410,9 @@ Modern email client which supports GPG encryption.
407 410
 </p>
408 411
 </div>
409 412
 </div>
410
-<div id="outline-container-orgb6199d5" class="outline-2">
411
-<h2 id="orgb6199d5">Mumble</h2>
412
-<div class="outline-text-2" id="text-orgb6199d5">
413
+<div id="outline-container-org17e1298" class="outline-2">
414
+<h2 id="org17e1298">Mumble</h2>
415
+<div class="outline-text-2" id="text-org17e1298">
413 416
 <p>
414 417
 The popular VoIP and text chat system. Say goodbye to old-fashioned telephony conferences with silly dial codes. Also works well on mobile.
415 418
 </p>
@@ -419,9 +422,9 @@ The popular VoIP and text chat system. Say goodbye to old-fashioned telephony co
419 422
 </p>
420 423
 </div>
421 424
 </div>
422
-<div id="outline-container-orgc0e51aa" class="outline-2">
423
-<h2 id="orgc0e51aa">PI-Hole</h2>
424
-<div class="outline-text-2" id="text-orgc0e51aa">
425
+<div id="outline-container-orgaea3d3d" class="outline-2">
426
+<h2 id="orgaea3d3d">PI-Hole</h2>
427
+<div class="outline-text-2" id="text-orgaea3d3d">
425 428
 <p>
426 429
 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.
427 430
 </p>
@@ -431,27 +434,27 @@ The black hole for web adverts. Block adverts at the domain name level within yo
431 434
 </p>
432 435
 </div>
433 436
 </div>
434
-<div id="outline-container-org7195505" class="outline-2">
435
-<h2 id="org7195505">PostActiv</h2>
436
-<div class="outline-text-2" id="text-org7195505">
437
+<div id="outline-container-orgf599aec" class="outline-2">
438
+<h2 id="orgf599aec">PostActiv</h2>
439
+<div class="outline-text-2" id="text-orgf599aec">
437 440
 <p>
438 441
 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.
439 442
 </p>
440 443
 </div>
441 444
 </div>
442 445
 
443
-<div id="outline-container-org119f624" class="outline-2">
444
-<h2 id="org119f624">Radicale</h2>
445
-<div class="outline-text-2" id="text-org119f624">
446
+<div id="outline-container-org435beee" class="outline-2">
447
+<h2 id="org435beee">Radicale</h2>
448
+<div class="outline-text-2" id="text-org435beee">
446 449
 <p>
447 450
 Calendar system compatible with CalDAV and CardDAV. Manage your calendar events easily across all your devices.
448 451
 </p>
449 452
 </div>
450 453
 </div>
451 454
 
452
-<div id="outline-container-orgd8bf092" class="outline-2">
453
-<h2 id="orgd8bf092">tt-rss</h2>
454
-<div class="outline-text-2" id="text-orgd8bf092">
455
+<div id="outline-container-org8befce1" class="outline-2">
456
+<h2 id="org8befce1">tt-rss</h2>
457
+<div class="outline-text-2" id="text-org8befce1">
455 458
 <p>
456 459
 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.
457 460
 </p>
@@ -461,9 +464,9 @@ Private RSS reader. Pulls in RSS/Atom feeds via Tor and is only accessible via a
461 464
 </p>
462 465
 </div>
463 466
 </div>
464
-<div id="outline-container-orga69d4fe" class="outline-2">
465
-<h2 id="orga69d4fe">Syncthing</h2>
466
-<div class="outline-text-2" id="text-orga69d4fe">
467
+<div id="outline-container-org8929865" class="outline-2">
468
+<h2 id="org8929865">Syncthing</h2>
469
+<div class="outline-text-2" id="text-org8929865">
467 470
 <p>
468 471
 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.
469 472
 </p>
@@ -473,9 +476,9 @@ Possibly the best way to synchronise files across all of your devices. Once it h
473 476
 </p>
474 477
 </div>
475 478
 </div>
476
-<div id="outline-container-org1c28225" class="outline-2">
477
-<h2 id="org1c28225">Tox</h2>
478
-<div class="outline-text-2" id="text-org1c28225">
479
+<div id="outline-container-org78fe5f1" class="outline-2">
480
+<h2 id="org78fe5f1">Tox</h2>
481
+<div class="outline-text-2" id="text-org78fe5f1">
479 482
 <p>
480 483
 Client and bootstrap node for the Tox chat/VoIP system.
481 484
 </p>
@@ -485,18 +488,18 @@ Client and bootstrap node for the Tox chat/VoIP system.
485 488
 </p>
486 489
 </div>
487 490
 </div>
488
-<div id="outline-container-org5914a95" class="outline-2">
489
-<h2 id="org5914a95">Vim</h2>
490
-<div class="outline-text-2" id="text-org5914a95">
491
+<div id="outline-container-org2e1f448" class="outline-2">
492
+<h2 id="org2e1f448">Vim</h2>
493
+<div class="outline-text-2" id="text-org2e1f448">
491 494
 <p>
492 495
 If you use the Mutt client to read your email then this will set it up to use vim for composing new mail.
493 496
 </p>
494 497
 </div>
495 498
 </div>
496 499
 
497
-<div id="outline-container-orgc55a381" class="outline-2">
498
-<h2 id="orgc55a381">XMPP</h2>
499
-<div class="outline-text-2" id="text-orgc55a381">
500
+<div id="outline-container-org4dd31da" class="outline-2">
501
+<h2 id="org4dd31da">XMPP</h2>
502
+<div class="outline-text-2" id="text-org4dd31da">
500 503
 <p>
501 504
 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.
502 505
 </p>

+ 21
- 17
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-11-14 Mon 21:00 -->
6
+<!-- 2016-11-14 Mon 21:30 -->
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,15 +255,15 @@ for the JavaScript code in this tag.
255 255
 </colgroup>
256 256
 <tbody>
257 257
 <tr>
258
-<td class="org-left"><a href="#orge9e88a0">Readme</a></td>
258
+<td class="org-left"><a href="#org701f805">Readme</a></td>
259 259
 </tr>
260 260
 
261 261
 <tr>
262
-<td class="org-left"><a href="#orgf357d7a">Improving ssh security</a></td>
262
+<td class="org-left"><a href="#orgb44078f">Improving ssh security</a></td>
263 263
 </tr>
264 264
 
265 265
 <tr>
266
-<td class="org-left"><a href="#org7994542">Administrating the system via an onion address (Tor)</a></td>
266
+<td class="org-left"><a href="#org183cb27">Administrating the system via an onion address (Tor)</a></td>
267 267
 </tr>
268 268
 
269 269
 <tr>
@@ -299,6 +299,10 @@ for the JavaScript code in this tag.
299 299
 </tr>
300 300
 
301 301
 <tr>
302
+<td class="org-left"><a href="./app_lychee.html">Photo albums</a></td>
303
+</tr>
304
+
305
+<tr>
302 306
 <td class="org-left"><a href="./app_dokuwiki.html">Wiki</a></td>
303 307
 </tr>
304 308
 
@@ -335,7 +339,7 @@ for the JavaScript code in this tag.
335 339
 </tr>
336 340
 
337 341
 <tr>
338
-<td class="org-left"><a href="#orgf9fceb4">Adding or removing users</a></td>
342
+<td class="org-left"><a href="#org004b1b0">Adding or removing users</a></td>
339 343
 </tr>
340 344
 
341 345
 <tr>
@@ -344,9 +348,9 @@ for the JavaScript code in this tag.
344 348
 </tbody>
345 349
 </table>
346 350
 
347
-<div id="outline-container-orge9e88a0" class="outline-2">
348
-<h2 id="orge9e88a0">Readme</h2>
349
-<div class="outline-text-2" id="text-orge9e88a0">
351
+<div id="outline-container-org701f805" class="outline-2">
352
+<h2 id="org701f805">Readme</h2>
353
+<div class="outline-text-2" id="text-org701f805">
350 354
 <p>
351 355
 After the system has installed a README file will be generated which contains passwords and some brief advice on using the installed systems. You can read this with the following commands:
352 356
 </p>
@@ -366,9 +370,9 @@ To exit you can either just close the terminal or use <b>CTRL-x CTRL-c</b> follo
366 370
 </p>
367 371
 </div>
368 372
 </div>
369
-<div id="outline-container-orgf357d7a" class="outline-2">
370
-<h2 id="orgf357d7a">Improving ssh security</h2>
371
-<div class="outline-text-2" id="text-orgf357d7a">
373
+<div id="outline-container-orgb44078f" class="outline-2">
374
+<h2 id="orgb44078f">Improving ssh security</h2>
375
+<div class="outline-text-2" id="text-orgb44078f">
372 376
 <p>
373 377
 To improve ssh security you can generate an ssh key pair on your system and then upload the public key to the Freedombone.
374 378
 </p>
@@ -418,9 +422,9 @@ If you wish to only use ssh keys then log in to the Freedombone, become the root
418 422
 </div>
419 423
 </div>
420 424
 
421
-<div id="outline-container-org7994542" class="outline-2">
422
-<h2 id="org7994542">Administrating the system via an onion address (Tor)</h2>
423
-<div class="outline-text-2" id="text-org7994542">
425
+<div id="outline-container-org183cb27" class="outline-2">
426
+<h2 id="org183cb27">Administrating the system via an onion address (Tor)</h2>
427
+<div class="outline-text-2" id="text-org183cb27">
424 428
 <p>
425 429
 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:
426 430
 </p>
@@ -462,9 +466,9 @@ Subsequently even if dynamic DNS isn't working you may still be able to administ
462 466
 </p>
463 467
 </div>
464 468
 </div>
465
-<div id="outline-container-orgf9fceb4" class="outline-2">
466
-<h2 id="orgf9fceb4">Adding or removing users</h2>
467
-<div class="outline-text-2" id="text-orgf9fceb4">
469
+<div id="outline-container-org004b1b0" class="outline-2">
470
+<h2 id="org004b1b0">Adding or removing users</h2>
471
+<div class="outline-text-2" id="text-org004b1b0">
468 472
 <p>
469 473
 Log into the system with:
470 474
 </p>