Notes on lychee

doc/EN/app_lychee.org

@@ -0,0 +1,55 @@
+#+TITLE:
+#+AUTHOR: Bob Mottram
+#+EMAIL: bob@freedombone.net
+#+KEYWORDS: freedombone, lychee
+#+DESCRIPTION: How to use Lychee
+#+OPTIONS: ^:nil toc:nil
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="freedombone.css" />
+
+#+BEGIN_CENTER
+[[file:images/logo.png]]
+#+END_CENTER
+
+#+BEGIN_EXPORT html
+<center>
+<h1>Lychee</h1>
+</center>
+#+END_EXPORT
+
+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.
+
+* Installation
+Log into your system with:
+
+#+begin_src bash
+ssh myusername@mydomain -p 2222
+#+end_src
+
+Using cursor keys, space bar and Enter key select *Administrator controls* and type in your password.
+
+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.
+
+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.
+
+* Initial setup
+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.
+
+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:
+
+#+begin_src bash
+editor README
+#+end_src
+
+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:
+
+#+begin_src bash :tangle no
+sudo username@domainname -p 2222
+#+end_src
+
+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.
+
+#+BEGIN_CENTER
+[[file:images/lychee_setup.jpg]]
+#+END_CENTER
+
+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.

doc/EN/apps.org

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

doc/EN/usage.org

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

website/EN/app_lychee.html

@@ -0,0 +1,348 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+<head>
+<!-- 2016-11-14 Mon 21:30 -->
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title></title>
+<meta name="generator" content="Org mode" />
+<meta name="author" content="Bob Mottram" />
+<meta name="description" content="How to use Lychee"
+ />
+<meta name="keywords" content="freedombone, lychee" />
+<style type="text/css">
+ <!--/*--><![CDATA[/*><!--*/
+  .title  { text-align: center;
+             margin-bottom: .2em; }
+  .subtitle { text-align: center;
+              font-size: medium;
+              font-weight: bold;
+              margin-top:0; }
+  .todo   { font-family: monospace; color: red; }
+  .done   { font-family: monospace; color: green; }
+  .priority { font-family: monospace; color: orange; }
+  .tag    { background-color: #eee; font-family: monospace;
+            padding: 2px; font-size: 80%; font-weight: normal; }
+  .timestamp { color: #bebebe; }
+  .timestamp-kwd { color: #5f9ea0; }
+  .org-right  { margin-left: auto; margin-right: 0px;  text-align: right; }
+  .org-left   { margin-left: 0px;  margin-right: auto; text-align: left; }
+  .org-center { margin-left: auto; margin-right: auto; text-align: center; }
+  .underline { text-decoration: underline; }
+  #postamble p, #preamble p { font-size: 90%; margin: .2em; }
+  p.verse { margin-left: 3%; }
+  pre {
+    border: 1px solid #ccc;
+    box-shadow: 3px 3px 3px #eee;
+    padding: 8pt;
+    font-family: monospace;
+    overflow: auto;
+    margin: 1.2em;
+  }
+  pre.src {
+    position: relative;
+    overflow: visible;
+    padding-top: 1.2em;
+  }
+  pre.src:before {
+    display: none;
+    position: absolute;
+    background-color: white;
+    top: -10px;
+    right: 10px;
+    padding: 3px;
+    border: 1px solid black;
+  }
+  pre.src:hover:before { display: inline;}
+  /* Languages per Org manual */
+  pre.src-asymptote:before { content: 'Asymptote'; }
+  pre.src-awk:before { content: 'Awk'; }
+  pre.src-C:before { content: 'C'; }
+  /* pre.src-C++ doesn't work in CSS */
+  pre.src-clojure:before { content: 'Clojure'; }
+  pre.src-css:before { content: 'CSS'; }
+  pre.src-D:before { content: 'D'; }
+  pre.src-ditaa:before { content: 'ditaa'; }
+  pre.src-dot:before { content: 'Graphviz'; }
+  pre.src-calc:before { content: 'Emacs Calc'; }
+  pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
+  pre.src-fortran:before { content: 'Fortran'; }
+  pre.src-gnuplot:before { content: 'gnuplot'; }
+  pre.src-haskell:before { content: 'Haskell'; }
+  pre.src-java:before { content: 'Java'; }
+  pre.src-js:before { content: 'Javascript'; }
+  pre.src-latex:before { content: 'LaTeX'; }
+  pre.src-ledger:before { content: 'Ledger'; }
+  pre.src-lisp:before { content: 'Lisp'; }
+  pre.src-lilypond:before { content: 'Lilypond'; }
+  pre.src-lua:before { content: 'Lua'; }
+  pre.src-matlab:before { content: 'MATLAB'; }
+  pre.src-mscgen:before { content: 'Mscgen'; }
+  pre.src-ocaml:before { content: 'Objective Caml'; }
+  pre.src-octave:before { content: 'Octave'; }
+  pre.src-org:before { content: 'Org mode'; }
+  pre.src-oz:before { content: 'OZ'; }
+  pre.src-plantuml:before { content: 'Plantuml'; }
+  pre.src-processing:before { content: 'Processing.js'; }
+  pre.src-python:before { content: 'Python'; }
+  pre.src-R:before { content: 'R'; }
+  pre.src-ruby:before { content: 'Ruby'; }
+  pre.src-sass:before { content: 'Sass'; }
+  pre.src-scheme:before { content: 'Scheme'; }
+  pre.src-screen:before { content: 'Gnu Screen'; }
+  pre.src-sed:before { content: 'Sed'; }
+  pre.src-sh:before { content: 'shell'; }
+  pre.src-sql:before { content: 'SQL'; }
+  pre.src-sqlite:before { content: 'SQLite'; }
+  /* additional languages in org.el's org-babel-load-languages alist */
+  pre.src-forth:before { content: 'Forth'; }
+  pre.src-io:before { content: 'IO'; }
+  pre.src-J:before { content: 'J'; }
+  pre.src-makefile:before { content: 'Makefile'; }
+  pre.src-maxima:before { content: 'Maxima'; }
+  pre.src-perl:before { content: 'Perl'; }
+  pre.src-picolisp:before { content: 'Pico Lisp'; }
+  pre.src-scala:before { content: 'Scala'; }
+  pre.src-shell:before { content: 'Shell Script'; }
+  pre.src-ebnf2ps:before { content: 'ebfn2ps'; }
+  /* additional language identifiers per "defun org-babel-execute"
+       in ob-*.el */
+  pre.src-cpp:before  { content: 'C++'; }
+  pre.src-abc:before  { content: 'ABC'; }
+  pre.src-coq:before  { content: 'Coq'; }
+  pre.src-groovy:before  { content: 'Groovy'; }
+  /* additional language identifiers from org-babel-shell-names in
+     ob-shell.el: ob-shell is the only babel language using a lambda to put
+     the execution function name together. */
+  pre.src-bash:before  { content: 'bash'; }
+  pre.src-csh:before  { content: 'csh'; }
+  pre.src-ash:before  { content: 'ash'; }
+  pre.src-dash:before  { content: 'dash'; }
+  pre.src-ksh:before  { content: 'ksh'; }
+  pre.src-mksh:before  { content: 'mksh'; }
+  pre.src-posh:before  { content: 'posh'; }
+  /* Additional Emacs modes also supported by the LaTeX listings package */
+  pre.src-ada:before { content: 'Ada'; }
+  pre.src-asm:before { content: 'Assembler'; }
+  pre.src-caml:before { content: 'Caml'; }
+  pre.src-delphi:before { content: 'Delphi'; }
+  pre.src-html:before { content: 'HTML'; }
+  pre.src-idl:before { content: 'IDL'; }
+  pre.src-mercury:before { content: 'Mercury'; }
+  pre.src-metapost:before { content: 'MetaPost'; }
+  pre.src-modula-2:before { content: 'Modula-2'; }
+  pre.src-pascal:before { content: 'Pascal'; }
+  pre.src-ps:before { content: 'PostScript'; }
+  pre.src-prolog:before { content: 'Prolog'; }
+  pre.src-simula:before { content: 'Simula'; }
+  pre.src-tcl:before { content: 'tcl'; }
+  pre.src-tex:before { content: 'TeX'; }
+  pre.src-plain-tex:before { content: 'Plain TeX'; }
+  pre.src-verilog:before { content: 'Verilog'; }
+  pre.src-vhdl:before { content: 'VHDL'; }
+  pre.src-xml:before { content: 'XML'; }
+  pre.src-nxml:before { content: 'XML'; }
+  /* add a generic configuration mode; LaTeX export needs an additional
+     (add-to-list 'org-latex-listings-langs '(conf " ")) in .emacs */
+  pre.src-conf:before { content: 'Configuration File'; }
+
+  table { border-collapse:collapse; }
+  caption.t-above { caption-side: top; }
+  caption.t-bottom { caption-side: bottom; }
+  td, th { vertical-align:top;  }
+  th.org-right  { text-align: center;  }
+  th.org-left   { text-align: center;   }
+  th.org-center { text-align: center; }
+  td.org-right  { text-align: right;  }
+  td.org-left   { text-align: left;   }
+  td.org-center { text-align: center; }
+  dt { font-weight: bold; }
+  .footpara { display: inline; }
+  .footdef  { margin-bottom: 1em; }
+  .figure { padding: 1em; }
+  .figure p { text-align: center; }
+  .inlinetask {
+    padding: 10px;
+    border: 2px solid gray;
+    margin: 10px;
+    background: #ffffcc;
+  }
+  #org-div-home-and-up
+   { text-align: right; font-size: 70%; white-space: nowrap; }
+  textarea { overflow-x: auto; }
+  .linenr { font-size: smaller }
+  .code-highlighted { background-color: #ffff00; }
+  .org-info-js_info-navigation { border-style: none; }
+  #org-info-js_console-label
+    { font-size: 10px; font-weight: bold; white-space: nowrap; }
+  .org-info-js_search-highlight
+    { background-color: #ffff00; color: #000000; font-weight: bold; }
+  .org-svg { width: 90%; }
+  /*]]>*/-->
+</style>
+<link rel="stylesheet" type="text/css" href="freedombone.css" />
+<script type="text/javascript">
+/*
+@licstart  The following is the entire license notice for the
+JavaScript code in this tag.
+
+Copyright (C) 2012-2013 Free Software Foundation, Inc.
+
+The JavaScript code in this tag is free software: you can
+redistribute it and/or modify it under the terms of the GNU
+General Public License (GNU GPL) as published by the Free Software
+Foundation, either version 3 of the License, or (at your option)
+any later version.  The code is distributed WITHOUT ANY WARRANTY;
+without even the implied warranty of MERCHANTABILITY or FITNESS
+FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.
+
+As additional permission under GNU GPL version 3 section 7, you
+may distribute non-source (e.g., minimized or compacted) forms of
+that code without the copy of the GNU GPL normally required by
+section 4, provided you include this license notice and a URL
+through which recipients can access the Corresponding Source.
+
+
+@licend  The above is the entire license notice
+for the JavaScript code in this tag.
+*/
+<!--/*--><![CDATA[/*><!--*/
+ function CodeHighlightOn(elem, id)
+ {
+   var target = document.getElementById(id);
+   if(null != target) {
+     elem.cacheClassElem = elem.className;
+     elem.cacheClassTarget = target.className;
+     target.className = "code-highlighted";
+     elem.className   = "code-highlighted";
+   }
+ }
+ function CodeHighlightOff(elem, id)
+ {
+   var target = document.getElementById(id);
+   if(elem.cacheClassElem)
+     elem.className = elem.cacheClassElem;
+   if(elem.cacheClassTarget)
+     target.className = elem.cacheClassTarget;
+ }
+/*]]>*///-->
+</script>
+</head>
+<body>
+<div id="preamble" class="status">
+<a name="top" id="top"></a>
+</div>
+<div id="content">
+<div class="org-center">
+
+<div class="figure">
+<p><img src="images/logo.png" alt="logo.png" />
+</p>
+</div>
+</div>
+
+<center>
+<h1>Lychee</h1>
+</center>
+
+<p>
+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.
+</p>
+
+<div id="outline-container-org839eb0c" class="outline-2">
+<h2 id="org839eb0c">Installation</h2>
+<div class="outline-text-2" id="text-org839eb0c">
+<p>
+Log into your system with:
+</p>
+
+<div class="org-src-container">
+<pre class="src src-bash">ssh myusername@mydomain -p 2222
+</pre>
+</div>
+
+<p>
+Using cursor keys, space bar and Enter key select <b>Administrator controls</b> and type in your password.
+</p>
+
+<p>
+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.
+</p>
+
+<p>
+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.
+</p>
+</div>
+</div>
+
+<div id="outline-container-org9ccbbbc" class="outline-2">
+<h2 id="org9ccbbbc">Initial setup</h2>
+<div class="outline-text-2" id="text-org9ccbbbc">
+<p>
+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.
+</p>
+
+<p>
+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:
+</p>
+
+<div class="org-src-container">
+<pre class="src src-bash">editor README
+</pre>
+</div>
+
+<p>
+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:
+</p>
+
+<div class="org-src-container">
+<pre class="src src-bash">sudo username@domainname -p 2222
+</pre>
+</div>
+
+<p>
+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.
+</p>
+
+<div class="org-center">
+
+<div class="figure">
+<p><img src="images/lychee_setup.jpg" alt="lychee_setup.jpg" />
+</p>
+</div>
+</div>
+
+<p>
+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.
+</p>
+</div>
+</div>
+</div>
+<div id="postamble" class="status">
+
+<style type="text/css">
+.back-to-top {
+    position: fixed;
+    bottom: 2em;
+    right: 0px;
+    text-decoration: none;
+    color: #000000;
+    background-color: rgba(235, 235, 235, 0.80);
+    font-size: 12px;
+    padding: 1em;
+    display: none;
+}
+
+.back-to-top:hover {
+    background-color: rgba(135, 135, 135, 0.50);
+}
+</style>
+
+<div class="back-to-top">
+<a href="#top">Back to top</a> | <a href="mailto:bob@freedombone.net">E-mail me</a>
+</div>
+</div>
+</body>
+</html>

website/EN/apps.html

@@ -3,7 +3,7 @@
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 <head>
-<!-- 2016-11-14 Mon 21:00 -->
+<!-- 2016-11-14 Mon 21:30 -->
 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <title></title>
@@ -257,9 +257,9 @@ The base install of the system just contains an email server and Mutt client, bu
 </div>
 </div>
 
-<div id="outline-container-orga021e1b" class="outline-2">
+<div id="outline-container-orgdaada51" class="outline-2">
-<h2 id="orga021e1b">DLNA</h2>
+<h2 id="orgdaada51">DLNA</h2>
-<div class="outline-text-2" id="text-orga021e1b">
+<div class="outline-text-2" id="text-orgdaada51">
 <p>
 Enables you to use the system as a music server which any DLNA compatible devices can connect to within your home network.
 </p>
@@ -269,9 +269,9 @@ Enables you to use the system as a music server which any DLNA compatible device
 </p>
 </div>
 </div>
-<div id="outline-container-orgddc17c3" class="outline-2">
+<div id="outline-container-orgd6fee43" class="outline-2">
-<h2 id="orgddc17c3">Dokuwiki</h2>
+<h2 id="orgd6fee43">Dokuwiki</h2>
-<div class="outline-text-2" id="text-orgddc17c3">
+<div class="outline-text-2" id="text-orgd6fee43">
 <p>
 A databaseless wiki system.
 </p>
@@ -281,9 +281,9 @@ A databaseless wiki system.
 </p>
 </div>
 </div>
-<div id="outline-container-orgbe48e12" class="outline-2">
+<div id="outline-container-orge7c0ac1" class="outline-2">
-<h2 id="orgbe48e12">Emacs</h2>
+<h2 id="orge7c0ac1">Emacs</h2>
-<div class="outline-text-2" id="text-orgbe48e12">
+<div class="outline-text-2" id="text-orge7c0ac1">
 <p>
 If you use the Mutt client to read your email then this will set it up to use emacs for composing new mail.
 </p>
@@ -293,9 +293,9 @@ If you use the Mutt client to read your email then this will set it up to use em
 </p>
 </div>
 </div>
-<div id="outline-container-org1e8ce49" class="outline-2">
+<div id="outline-container-org1c1d1ba" class="outline-2">
-<h2 id="org1e8ce49">Etherpad</h2>
+<h2 id="org1c1d1ba">Etherpad</h2>
-<div class="outline-text-2" id="text-org1e8ce49">
+<div class="outline-text-2" id="text-org1c1d1ba">
 <p>
 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.
 </p>
@@ -305,9 +305,9 @@ Collaborate on creating documents in real time. Maybe you're planning a holiday
 </p>
 </div>
 </div>
-<div id="outline-container-org590b689" class="outline-2">
+<div id="outline-container-org2720e28" class="outline-2">
-<h2 id="org590b689">Ghost</h2>
+<h2 id="org2720e28">Ghost</h2>
-<div class="outline-text-2" id="text-org590b689">
+<div class="outline-text-2" id="text-org2720e28">
 <p>
 Modern looking blogging system.
 </p>
@@ -317,9 +317,9 @@ Modern looking blogging system.
 </p>
 </div>
 </div>
-<div id="outline-container-org1a980bf" class="outline-2">
+<div id="outline-container-orgb5ea225" class="outline-2">
-<h2 id="org1a980bf">GNU Social</h2>
+<h2 id="orgb5ea225">GNU Social</h2>
-<div class="outline-text-2" id="text-org1a980bf">
+<div class="outline-text-2" id="text-orgb5ea225">
 <p>
 Federated social network. You can "<i>remote follow</i>" other users within the GNU Social federation.
 </p>
@@ -329,9 +329,9 @@ Federated social network. You can "<i>remote follow</i>" other users within the
 </p>
 </div>
 </div>
-<div id="outline-container-orgc72ba6e" class="outline-2">
+<div id="outline-container-org9d75f48" class="outline-2">
-<h2 id="orgc72ba6e">Gogs</h2>
+<h2 id="org9d75f48">Gogs</h2>
-<div class="outline-text-2" id="text-orgc72ba6e">
+<div class="outline-text-2" id="text-org9d75f48">
 <p>
 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.
 </p>
@@ -341,9 +341,9 @@ Lightweight git project hosting system. You can mirror projects from Github, or
 </p>
 </div>
 </div>
-<div id="outline-container-org7063b38" class="outline-2">
+<div id="outline-container-org4039b00" class="outline-2">
-<h2 id="org7063b38">HTMLy</h2>
+<h2 id="org4039b00">HTMLy</h2>
-<div class="outline-text-2" id="text-org7063b38">
+<div class="outline-text-2" id="text-org4039b00">
 <p>
 Databaseless blogging system. Quite simple and with a markdown-like format.
 </p>
@@ -353,9 +353,9 @@ Databaseless blogging system. Quite simple and with a markdown-like format.
 </p>
 </div>
 </div>
-<div id="outline-container-org1d940ea" class="outline-2">
+<div id="outline-container-org340b6c8" class="outline-2">
-<h2 id="org1d940ea">Hubzilla</h2>
+<h2 id="org340b6c8">Hubzilla</h2>
-<div class="outline-text-2" id="text-org1d940ea">
+<div class="outline-text-2" id="text-org340b6c8">
 <p>
 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.
 </p>
@@ -365,9 +365,9 @@ Web publishing platform with social network like features and good privacy contr
 </p>
 </div>
 </div>
-<div id="outline-container-org4b857e2" class="outline-2">
+<div id="outline-container-org33541b6" class="outline-2">
-<h2 id="org4b857e2">IRC Server (ngirc)</h2>
+<h2 id="org33541b6">IRC Server (ngirc)</h2>
-<div class="outline-text-2" id="text-org4b857e2">
+<div class="outline-text-2" id="text-org33541b6">
 <p>
 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.
 </p>
@@ -377,27 +377,30 @@ Run your own IRC chat channel which can be secured with a password and accessibl
 </p>
 </div>
 </div>
-<div id="outline-container-orgf8980ce" class="outline-2">
+<div id="outline-container-orgba4abd6" class="outline-2">
-<h2 id="orgf8980ce">Jitsi Meet</h2>
+<h2 id="orgba4abd6">Jitsi Meet</h2>
-<div class="outline-text-2" id="text-orgf8980ce">
+<div class="outline-text-2" id="text-orgba4abd6">
 <p>
 Experimental WebRTC video conferencing system, similar to Google Hangouts. This may not be fully functional, but is hoped to be in the near future.
 </p>
 </div>
 </div>
 
-<div id="outline-container-org2099c05" class="outline-2">
+<div id="outline-container-orgd03d059" class="outline-2">
-<h2 id="org2099c05">Lychee</h2>
+<h2 id="orgd03d059">Lychee</h2>
-<div class="outline-text-2" id="text-org2099c05">
+<div class="outline-text-2" id="text-orgd03d059">
 <p>
 Make your photo albums available on the web.
 </p>
-</div>
-</div>
 
-<div id="outline-container-orgcae1e0e" class="outline-2">
+<p>
-<h2 id="orgcae1e0e">Mailpile</h2>
+<a href="./app_lychee.html">How to use it</a>
-<div class="outline-text-2" id="text-orgcae1e0e">
+</p>
+</div>
+</div>
+<div id="outline-container-org9fda573" class="outline-2">
+<h2 id="org9fda573">Mailpile</h2>
+<div class="outline-text-2" id="text-org9fda573">
 <p>
 Modern email client which supports GPG encryption.
 </p>
@@ -407,9 +410,9 @@ Modern email client which supports GPG encryption.
 </p>
 </div>
 </div>
-<div id="outline-container-orgb6199d5" class="outline-2">
+<div id="outline-container-org17e1298" class="outline-2">
-<h2 id="orgb6199d5">Mumble</h2>
+<h2 id="org17e1298">Mumble</h2>
-<div class="outline-text-2" id="text-orgb6199d5">
+<div class="outline-text-2" id="text-org17e1298">
 <p>
 The popular VoIP and text chat system. Say goodbye to old-fashioned telephony conferences with silly dial codes. Also works well on mobile.
 </p>
@@ -419,9 +422,9 @@ The popular VoIP and text chat system. Say goodbye to old-fashioned telephony co
 </p>
 </div>
 </div>
-<div id="outline-container-orgc0e51aa" class="outline-2">
+<div id="outline-container-orgaea3d3d" class="outline-2">
-<h2 id="orgc0e51aa">PI-Hole</h2>
+<h2 id="orgaea3d3d">PI-Hole</h2>
-<div class="outline-text-2" id="text-orgc0e51aa">
+<div class="outline-text-2" id="text-orgaea3d3d">
 <p>
 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.
 </p>
@@ -431,27 +434,27 @@ The black hole for web adverts. Block adverts at the domain name level within yo
 </p>
 </div>
 </div>
-<div id="outline-container-org7195505" class="outline-2">
+<div id="outline-container-orgf599aec" class="outline-2">
-<h2 id="org7195505">PostActiv</h2>
+<h2 id="orgf599aec">PostActiv</h2>
-<div class="outline-text-2" id="text-org7195505">
+<div class="outline-text-2" id="text-orgf599aec">
 <p>
 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.
 </p>
 </div>
 </div>
 
-<div id="outline-container-org119f624" class="outline-2">
+<div id="outline-container-org435beee" class="outline-2">
-<h2 id="org119f624">Radicale</h2>
+<h2 id="org435beee">Radicale</h2>
-<div class="outline-text-2" id="text-org119f624">
+<div class="outline-text-2" id="text-org435beee">
 <p>
 Calendar system compatible with CalDAV and CardDAV. Manage your calendar events easily across all your devices.
 </p>
 </div>
 </div>
 
-<div id="outline-container-orgd8bf092" class="outline-2">
+<div id="outline-container-org8befce1" class="outline-2">
-<h2 id="orgd8bf092">tt-rss</h2>
+<h2 id="org8befce1">tt-rss</h2>
-<div class="outline-text-2" id="text-orgd8bf092">
+<div class="outline-text-2" id="text-org8befce1">
 <p>
 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.
 </p>
@@ -461,9 +464,9 @@ Private RSS reader. Pulls in RSS/Atom feeds via Tor and is only accessible via a
 </p>
 </div>
 </div>
-<div id="outline-container-orga69d4fe" class="outline-2">
+<div id="outline-container-org8929865" class="outline-2">
-<h2 id="orga69d4fe">Syncthing</h2>
+<h2 id="org8929865">Syncthing</h2>
-<div class="outline-text-2" id="text-orga69d4fe">
+<div class="outline-text-2" id="text-org8929865">
 <p>
 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.
 </p>
@@ -473,9 +476,9 @@ Possibly the best way to synchronise files across all of your devices. Once it h
 </p>
 </div>
 </div>
-<div id="outline-container-org1c28225" class="outline-2">
+<div id="outline-container-org78fe5f1" class="outline-2">
-<h2 id="org1c28225">Tox</h2>
+<h2 id="org78fe5f1">Tox</h2>
-<div class="outline-text-2" id="text-org1c28225">
+<div class="outline-text-2" id="text-org78fe5f1">
 <p>
 Client and bootstrap node for the Tox chat/VoIP system.
 </p>
@@ -485,18 +488,18 @@ Client and bootstrap node for the Tox chat/VoIP system.
 </p>
 </div>
 </div>
-<div id="outline-container-org5914a95" class="outline-2">
+<div id="outline-container-org2e1f448" class="outline-2">
-<h2 id="org5914a95">Vim</h2>
+<h2 id="org2e1f448">Vim</h2>
-<div class="outline-text-2" id="text-org5914a95">
+<div class="outline-text-2" id="text-org2e1f448">
 <p>
 If you use the Mutt client to read your email then this will set it up to use vim for composing new mail.
 </p>
 </div>
 </div>
 
-<div id="outline-container-orgc55a381" class="outline-2">
+<div id="outline-container-org4dd31da" class="outline-2">
-<h2 id="orgc55a381">XMPP</h2>
+<h2 id="org4dd31da">XMPP</h2>
-<div class="outline-text-2" id="text-orgc55a381">
+<div class="outline-text-2" id="text-org4dd31da">
 <p>
 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.
 </p>

website/EN/usage.html

@@ -3,7 +3,7 @@
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 <head>
-<!-- 2016-11-14 Mon 21:00 -->
+<!-- 2016-11-14 Mon 21:30 -->
 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <title></title>
@@ -255,15 +255,15 @@ for the JavaScript code in this tag.
 </colgroup>
 <tbody>
 <tr>
-<td class="org-left"><a href="#orge9e88a0">Readme</a></td>
+<td class="org-left"><a href="#org701f805">Readme</a></td>
 </tr>
 
 <tr>
-<td class="org-left"><a href="#orgf357d7a">Improving ssh security</a></td>
+<td class="org-left"><a href="#orgb44078f">Improving ssh security</a></td>
 </tr>
 
 <tr>
-<td class="org-left"><a href="#org7994542">Administrating the system via an onion address (Tor)</a></td>
+<td class="org-left"><a href="#org183cb27">Administrating the system via an onion address (Tor)</a></td>
 </tr>
 
 <tr>
@@ -298,6 +298,10 @@ for the JavaScript code in this tag.
 <td class="org-left"><a href="./app_hubzilla.html">Social Network</a></td>
 </tr>
 
+<tr>
+<td class="org-left"><a href="./app_lychee.html">Photo albums</a></td>
+</tr>
+
 <tr>
 <td class="org-left"><a href="./app_dokuwiki.html">Wiki</a></td>
 </tr>
@@ -335,7 +339,7 @@ for the JavaScript code in this tag.
 </tr>
 
 <tr>
-<td class="org-left"><a href="#orgf9fceb4">Adding or removing users</a></td>
+<td class="org-left"><a href="#org004b1b0">Adding or removing users</a></td>
 </tr>
 
 <tr>
@@ -344,9 +348,9 @@ for the JavaScript code in this tag.
 </tbody>
 </table>
 
-<div id="outline-container-orge9e88a0" class="outline-2">
+<div id="outline-container-org701f805" class="outline-2">
-<h2 id="orge9e88a0">Readme</h2>
+<h2 id="org701f805">Readme</h2>
-<div class="outline-text-2" id="text-orge9e88a0">
+<div class="outline-text-2" id="text-org701f805">
 <p>
 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:
 </p>
@@ -366,9 +370,9 @@ To exit you can either just close the terminal or use <b>CTRL-x CTRL-c</b> follo
 </p>
 </div>
 </div>
-<div id="outline-container-orgf357d7a" class="outline-2">
+<div id="outline-container-orgb44078f" class="outline-2">
-<h2 id="orgf357d7a">Improving ssh security</h2>
+<h2 id="orgb44078f">Improving ssh security</h2>
-<div class="outline-text-2" id="text-orgf357d7a">
+<div class="outline-text-2" id="text-orgb44078f">
 <p>
 To improve ssh security you can generate an ssh key pair on your system and then upload the public key to the Freedombone.
 </p>
@@ -418,9 +422,9 @@ If you wish to only use ssh keys then log in to the Freedombone, become the root
 </div>
 </div>
 
-<div id="outline-container-org7994542" class="outline-2">
+<div id="outline-container-org183cb27" class="outline-2">
-<h2 id="org7994542">Administrating the system via an onion address (Tor)</h2>
+<h2 id="org183cb27">Administrating the system via an onion address (Tor)</h2>
-<div class="outline-text-2" id="text-org7994542">
+<div class="outline-text-2" id="text-org183cb27">
 <p>
 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:
 </p>
@@ -462,9 +466,9 @@ Subsequently even if dynamic DNS isn't working you may still be able to administ
 </p>
 </div>
 </div>
-<div id="outline-container-orgf9fceb4" class="outline-2">
+<div id="outline-container-org004b1b0" class="outline-2">
-<h2 id="orgf9fceb4">Adding or removing users</h2>
+<h2 id="org004b1b0">Adding or removing users</h2>
-<div class="outline-text-2" id="text-orgf9fceb4">
+<div class="outline-text-2" id="text-org004b1b0">
 <p>
 Log into the system with:
 </p>